建站常識
產(chǎn)品UI設(shè)計流程
2010-08-11 08:30:00
本篇是為杰妞同學(xué)寫的產(chǎn)品UI設(shè)計流程,其實對于產(chǎn)品UI設(shè)計流程特別是對于大型的互聯(lián)網(wǎng)公司的要求特別高,經(jīng)過不斷的挑“刺”后才得以面世,得到的設(shè)計稿件完全與最初版本不同,商業(yè)類的產(chǎn)品會讓產(chǎn)品和商業(yè)氣息相兼容,與UI設(shè)計師的最初思想完全不同,而UI設(shè)計師會將自己的風(fēng)格帶到產(chǎn)品中來,會給產(chǎn)品灌輸一種“性格”,該產(chǎn)品特有的“性格 ”。
一般公司只將把UI設(shè)計流程分為四個簡單的階段:分析、設(shè)計、配合、驗證。
1、分析階段
需求分析、用戶場景模擬、競品分析(聆聽用戶心聲)。
需求分析:對于一個產(chǎn)品來說,必然有對用戶需求的分析內(nèi)容,更多的是從MRD與PRD獲得,或者從產(chǎn)品需求評審會議上得到需求分析的內(nèi)容,當(dāng)然可以直接與產(chǎn)品經(jīng)理交流獲得相關(guān)產(chǎn)品需求。如果說設(shè)計原則是所有設(shè)計的出發(fā)點的話,那么用戶需求就是本次設(shè)計的出發(fā)點。
用戶場景模擬:好的設(shè)計建立在對用戶深刻了解之上。因此用戶使用場景分析就很重要,了解產(chǎn)品的現(xiàn)有交互以及用戶使用產(chǎn)品習(xí)慣等,但是設(shè)計人員在分析的時候一定要站在用戶角度思考:如果我是用戶,這里我會需要什么。
競品分析(聆聽用戶心聲):競爭產(chǎn)品能夠上市并且被UI設(shè)計者知道,必然有其長處。這就是所謂三人行必有我?guī)煹囊馑?。每個設(shè)計者的思維都有局限性,看到別人的設(shè)計會有觸類旁通的好處。當(dāng)市場上存在競品時,去聽聽用戶的評論,哪怕是罵聲都好,別沉迷于自己的設(shè)計中,讓真正的用戶說話。
輸入物:MRD、PRD、市場需求文檔、市場調(diào)查報告、競品分析文檔(或其一或全部)
輸出物:設(shè)計初稿(或許只是幾個簡單的界面)
2、設(shè)計階段
設(shè)計方法采用面向場景、面向事件驅(qū)動和面向?qū)ο蟮脑O(shè)計方法。面向場景是針對該產(chǎn)品使用場所等模擬,模擬用戶在多種情況下產(chǎn)品使用的模擬。面向事件驅(qū)動則是對產(chǎn)品響應(yīng)與觸發(fā)事件的設(shè)計,一個提示框,一個提交按鈕……這類都是對事件驅(qū)動的設(shè)計。面向?qū)ο?,產(chǎn)品面向的用戶不同對于產(chǎn)品的設(shè)計要求不同,不同年齡層的用戶對于產(chǎn)品的要求不同,產(chǎn)品的用戶定位將對UI設(shè)計師影響因素。
輸入物:交互文檔(高保真原型)
輸出物:設(shè)計終稿(所有的設(shè)計稿)
3、配合
UI設(shè)計師交出產(chǎn)品設(shè)計圖時,更多的配合開發(fā)人員、測試人員進(jìn)行截圖配合。配合開發(fā)人員對于PSD格式的圖片切圖操作,對于不同的開發(fā)人員的要求,切圖方式也有不同,UI設(shè)計師需配合相關(guān)的開發(fā)人員進(jìn)行最適合的切圖配合。
輸入物:設(shè)計終稿
輸出物:設(shè)計修改稿(設(shè)計稿切片)
4、驗證
產(chǎn)品出來后,UI設(shè)計師需對產(chǎn)品的效果進(jìn)行驗證,與當(dāng)初設(shè)計產(chǎn)品時的想法是否一致,是否可用,用戶是否接受,以及與需求是否一致。都需要UI設(shè)計師驗證,UI設(shè)計師是將產(chǎn)品需求用圖片展現(xiàn)給用戶最直接的經(jīng)手人,對于產(chǎn)品的理解會更加深刻。
輸入物:產(chǎn)品
輸出物:產(chǎn)品(面向用戶最終版本)
產(chǎn)品UI設(shè)計中夾雜著許多設(shè)計原則要求,統(tǒng)一公司UI設(shè)計流程,使UI設(shè)計師參與到產(chǎn)品設(shè)計整個環(huán)節(jié)中來,對產(chǎn)品的易用性進(jìn)行全流程負(fù)責(zé),使UI設(shè)計的流程規(guī)范化,保證UI設(shè)計流程的可操作性。UI設(shè)計師應(yīng)該分析公司產(chǎn)品的特點,制定符合產(chǎn)品生命周期的UI設(shè)計流程。每個產(chǎn)品的生命周期中,UI設(shè)計師應(yīng)該嚴(yán)格按照流程,完成每個環(huán)節(jié)的職責(zé),確保流程準(zhǔn)確有效的得到執(zhí)行,從而提高產(chǎn)品的可用性,提升產(chǎn)品質(zhì)量。
建議:UI設(shè)計師有自己的風(fēng)格,同樣有自己的個性,建議在時間充裕時,UI設(shè)計師做二套設(shè)計稿,一套適合企業(yè)的,一套適合自己的,當(dāng)老板對企業(yè)那套設(shè)計不滿意時,將適合自己的一套展示給用戶,或許會有不同的效果哦!
原文:http://www.537520.com/?p=650
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計的五大特點
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計都有哪些新的趨勢?
延伸閱讀
- [2007-12-17 13:39:00] UI設(shè)計范式之一:輸入口語化數(shù)據(jù)格式
- [2007-11-21 09:38:00] 從"..."看中國的UI設(shè)計界的粗糙
- [2010-08-22 09:51:00] 常見UI設(shè)計模式
- [2007-12-18 12:35:00] UI設(shè)計范式之二:造句填空Fill In The Blanks
- [2007-07-30 12:01:00] "以用戶為中心"的UI設(shè)計方法
- [2007-12-20 11:06:00] UI設(shè)計范式之三:實時預(yù)覽
- [2006-11-05 17:28:00] 網(wǎng)頁UI設(shè)計95%是排版
- [2009-06-18 07:49:00] 分離需求與GUI設(shè)計—保持項目節(jié)奏實踐之七
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團(tuán)公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運(yùn)動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
平面設(shè)計 搜索引擎蜘蛛 企業(yè)網(wǎng)站 網(wǎng)站開發(fā) 青島開發(fā)區(qū)建站公司 企業(yè)網(wǎng)站設(shè)計 青島網(wǎng)站建設(shè) 青島輪胎網(wǎng)站設(shè)計公司 青島網(wǎng)頁設(shè)計 css 青島高端網(wǎng)站設(shè)計公司哪家好 青島網(wǎng)站案例 青島網(wǎng)站制作 手機(jī)端的網(wǎng)站 青島SEO 網(wǎng)站規(guī)劃 網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè) 網(wǎng)站設(shè)計資訊 微官網(wǎng)帶來的好處 青島網(wǎng)站設(shè)計哪家好 微信開發(fā) 青島網(wǎng)絡(luò)公司 中小型企業(yè)網(wǎng)站建設(shè) 網(wǎng)站策劃 H5 青島做網(wǎng)站多少錢 企業(yè)網(wǎng)站為什么要備案 網(wǎng)站視覺 網(wǎng)站建設(shè),手機(jī)網(wǎng)站 新的元素