web20時代的ue設(shè)計過程-資料下載頁
2025-07-28 12:36本頁面
【正文】 設(shè)計師角色，往往是由業(yè)務(wù)分析人員或產(chǎn)品經(jīng)理直接來完成這部分工作，因為，他們既懂得業(yè)務(wù)，知道用戶的習慣和喜好，又有一定的交互設(shè)計能力。然而，對于互聯(lián)網(wǎng)項目，交互設(shè)計師其實是非常重要的角色，一般需要專職人員擔任，并需要不斷的去研究用戶的操作習慣和喜好，不斷的優(yōu)化產(chǎn)品的交互設(shè)計。216。框架層（Skeleton）設(shè)計出高保真系統(tǒng)原型框架層意義在于：通過原型設(shè)計和信息設(shè)計，設(shè)計高保真系統(tǒng)原型。這種高保真的原型與目標系統(tǒng)幾乎是一樣的，除了沒有后臺程序邏輯和真實數(shù)據(jù)的支撐。設(shè)計出高保真的系統(tǒng)原型是非常有意義的：其一、在進入開發(fā)階段前，能夠讓用戶和投資方實際了解目標系統(tǒng)的最終模樣，并收集改進的意見；其二，為開發(fā)者提供的非常確切、統(tǒng)一的開發(fā)目標；其三，減少產(chǎn)品的需求變更，明確目標。原型設(shè)計原型設(shè)計包括了框架設(shè)計、交互呈現(xiàn)設(shè)計、頁面布局設(shè)計、邏輯呈現(xiàn)設(shè)計等。178?？蚣茉O(shè)計：系統(tǒng)要有一個良好的整體展現(xiàn)框架才能獲得更好的體驗。這個框架包括首頁的框架，應(yīng)用模版的框架，內(nèi)容頁的框架等等，這些框架承載了系統(tǒng)的所有信息內(nèi)容。178。交互呈現(xiàn)：交互呈現(xiàn)展現(xiàn)了用戶與系統(tǒng)之間的所有交互相關(guān)元素，包括，友好提示，信息幫助，操作指引，錯誤糾正等等。178。頁面布局：在合適的框架下，還要設(shè)計良好的頁面布局，比如頁面是否采用960px柵格，自否需要自適應(yīng)，二欄還是三欄設(shè)計，導(dǎo)航放在哪里等等。178。邏輯呈現(xiàn)：頁面中元素的放置也要展現(xiàn)正確的邏輯，重要的內(nèi)容放在顯眼的位置，相關(guān)的內(nèi)容放在共同的區(qū)域，提示信息準確清晰等等。目前，較為常用的原型設(shè)計工具包括：Axure和Dreamwaver。信息設(shè)計信息設(shè)計包括了：信息分類設(shè)計、信息元數(shù)據(jù)設(shè)計、導(dǎo)航設(shè)計、搜索設(shè)計、標簽設(shè)計等。216。表現(xiàn)層（Surface）系統(tǒng)最終的界面表現(xiàn)表現(xiàn)層意義在于：通過對色系、圖標、字體、控件和樣式的開發(fā)，組織成為最終的系統(tǒng)表現(xiàn)。與交互設(shè)計一樣，視覺設(shè)計也要遵從一定的規(guī)范，這些規(guī)范是代表了用戶的需求，視覺一致性，以及專業(yè)經(jīng)驗體現(xiàn)。在視覺設(shè)計完成后， 前端工程師對視覺圖片進行切圖； 程序員編寫頁面執(zhí)行腳本； 程序員編寫后臺應(yīng)用代碼； 開發(fā)調(diào)試真實數(shù)據(jù)； 程序員完成最后的圖片渲染； 初步可交付測試的版本宣告大功告成。本文參考了：《Elements of UserExperience: The UserCentered Design for The Web》 ByJesse James Garrett
畢業(yè)設(shè)計相關(guān)推薦
鄂ICP備17016276號-1