web20時代的ue設(shè)計(jì)過程(參考版)
2025-07-31 12:36本頁面
【正文】 ByJesse James Garrett。本文參考了：《Elements of UserExperience: The UserCentered Design for The Web》在視覺設(shè)計(jì)完成后， 前端工程師對視覺圖片進(jìn)行切圖； 程序員編寫頁面執(zhí)行腳本； 程序員編寫后臺應(yīng)用代碼； 開發(fā)調(diào)試真實(shí)數(shù)據(jù)； 程序員完成最后的圖片渲染； 初步可交付測試的版本宣告大功告成。表現(xiàn)層（Surface）系統(tǒng)最終的界面表現(xiàn)表現(xiàn)層意義在于：通過對色系、圖標(biāo)、字體、控件和樣式的開發(fā)，組織成為最終的系統(tǒng)表現(xiàn)。邏輯呈現(xiàn)：頁面中元素的放置也要展現(xiàn)正確的邏輯，重要的內(nèi)容放在顯眼的位置，相關(guān)的內(nèi)容放在共同的區(qū)域，提示信息準(zhǔn)確清晰等等。頁面布局：在合適的框架下，還要設(shè)計(jì)良好的頁面布局，比如頁面是否采用960px柵格，自否需要自適應(yīng)，二欄還是三欄設(shè)計(jì)，導(dǎo)航放在哪里等等。交互呈現(xiàn)：交互呈現(xiàn)展現(xiàn)了用戶與系統(tǒng)之間的所有交互相關(guān)元素，包括，友好提示，信息幫助，操作指引，錯誤糾正等等。這個框架包括首頁的框架，應(yīng)用模版的框架，內(nèi)容頁的框架等等，這些框架承載了系統(tǒng)的所有信息內(nèi)容。178。這種高保真的原型與目標(biāo)系統(tǒng)幾乎是一樣的，除了沒有后臺程序邏輯和真實(shí)數(shù)據(jù)的支撐。216。在小型項(xiàng)目團(tuán)隊(duì)中，不會單獨(dú)設(shè)立交互設(shè)計(jì)師角色，往往是由業(yè)務(wù)分析人員或產(chǎn)品經(jīng)理直接來完成這部分工作，因?yàn)?，他們既懂得業(yè)務(wù)，知道用戶的習(xí)慣和喜好，又有一定的交互設(shè)計(jì)能力。優(yōu)雅的：最簡單的完整方案、擁有內(nèi)部的一致性、合適的容納和情感有意圖的：能幫助用戶實(shí)現(xiàn)他們的目標(biāo)和渴望216。啟發(fā)性：充分準(zhǔn)確的操作提示216。映射：準(zhǔn)確表達(dá)控制及其效果之間的關(guān)系216。反饋：返回與活動相關(guān)的信息，以便用戶能夠繼續(xù)下一步操作216。如下圖所示，視覺詞典元素集合：交互設(shè)計(jì)有以下原則：216。交互設(shè)計(jì)（InteractionDesign）交互設(shè)計(jì)的目標(biāo)是提升軟件產(chǎn)品的可用性，在軟件產(chǎn)品與使用者之間建立更融洽的關(guān)系，通過友好的使用體驗(yàn)讓用戶感到愉悅。比如，采用下面的表格來整理內(nèi)容需求：216。這種卡片式的場景描述優(yōu)點(diǎn)是：簡單、直觀、易懂，易于交流和傳遞。場景描述可以采用如下圖所示的卡片式方式來組織，簡明扼要的表明用例間的關(guān)系即可。場景通常分作主場景和子場景。場景描述，應(yīng)該緊扣業(yè)務(wù)場景和用例，一般以一個獨(dú)立的業(yè)務(wù)情景（多個用例或一個用例）作為一個單元來描述。場景（context），是將用例、業(yè)務(wù)流程和系統(tǒng)連成一個整體的說明。但是，開發(fā)和設(shè)計(jì)人員往往無法單純通過幾個用例圖和用例描述就能清楚的理解用戶需求。對應(yīng)關(guān)系為：優(yōu)先級
畢業(yè)設(shè)計(jì)相關(guān)推薦
鄂ICP備17016276號-1