從開發(fā)軟件過程中提升用戶體驗(yàn)黃癸生

2011年元月2002年前后。UI（用戶界面）的概念在國內(nèi)互聯(lián)網(wǎng)圈子里悄悄地流行開來。隨著對UI的深入研究，更多的概念不斷地被挖掘出來：易用性、可用性、用戶研究、交互設(shè)計(jì)、概念設(shè)計(jì)、視覺設(shè)計(jì)、用戶體驗(yàn)（UserExperience）等工業(yè)時(shí)代與信息時(shí)代

商務(wù)人員與開發(fā)人員

前言

一、用戶體驗(yàn)？交互設(shè)計(jì)？ＵＩ設(shè)計(jì)？二、用戶體驗(yàn)與交互設(shè)計(jì)基本原則介紹三、用戶體驗(yàn)與UI設(shè)計(jì)基本原則介紹四、交互細(xì)節(jié)案例介紹五、用戶體驗(yàn)--交互設(shè)計(jì)小組相關(guān)技能六、UI設(shè)計(jì)

經(jīng)典作品欣賞

目錄

要點(diǎn)

1、用戶體驗(yàn)架構(gòu)與概念區(qū)分

2、用戶體驗(yàn)在軟件開發(fā)中分工

3、實(shí)現(xiàn)模型與心理模型

4、快速原型設(shè)計(jì)一、用戶體驗(yàn)？交互設(shè)計(jì)？ＵＩ設(shè)計(jì)？“AJAX之父”的JesseJamesGarrett早在2000年就提出了以用戶為中心的Web設(shè)計(jì)的流程和《用戶體驗(yàn)的要素》用戶體驗(yàn)流程架構(gòu)與概念區(qū)分一、用戶體驗(yàn)？交互設(shè)計(jì)？ＵＩ設(shè)計(jì)？用戶體驗(yàn)：UE用戶體驗(yàn)并不是指產(chǎn)品本身是如何工作的，而是指產(chǎn)品如何和外界聯(lián)系并發(fā)揮作用，也就是人們?nèi)绾巍敖佑|“或者“使用”它。軟件中的用戶體驗(yàn)是指用戶在訪問平臺的過程中的全部體驗(yàn)，它包括平臺是否有用，疑惑或者bug程度，功能是否易用、簡約，界面設(shè)計(jì)和交互設(shè)計(jì)是否友好等方面。用戶體驗(yàn)的核心是UCD，即“以用戶為中心的設(shè)計(jì)”。

交互設(shè)計(jì)：UCD

用戶通過某種方式發(fā)出指令，且系統(tǒng)對此作出相應(yīng)的反應(yīng)交互設(shè)計(jì)是關(guān)于創(chuàng)建新的用戶體驗(yàn)的問題，目的在于增強(qiáng)和擴(kuò)充人們的工作、通信及交互方式，使他們能夠更加有效地進(jìn)行日常工作和學(xué)習(xí)。

UI設(shè)計(jì)：UserInterfaceDesign用戶界面設(shè)計(jì)，在很大程度上就是在探討如何讓產(chǎn)品的界面更加具有可用性，如何讓用戶有更良好的體驗(yàn)。這是一種優(yōu)化后的界面，通過這種界面，用戶能更方面地完成任務(wù)，獲得良好的感覺。例如：一個(gè)按鈕的設(shè)計(jì)，美工設(shè)計(jì)考慮如何好看，而用戶界面設(shè)計(jì)師則考慮按鈕如何擺放，上面顯示什么文字，甚至到底要不要這個(gè)按鈕的問題。用戶體驗(yàn)流程架構(gòu)與概念區(qū)分一、用戶體驗(yàn)？交互設(shè)計(jì)？ＵＩ設(shè)計(jì)？《軟件設(shè)計(jì)的藝術(shù)》TerryWinograd(2004年度的ACM人機(jī)交互院士)開發(fā)軟件建房子土木工程師裝修設(shè)計(jì)師建筑設(shè)計(jì)師軟件設(shè)計(jì)ＵＩ設(shè)計(jì)交互設(shè)計(jì)用戶體驗(yàn)在軟件開發(fā)中分工一、用戶體驗(yàn)？交互設(shè)計(jì)？ＵＩ設(shè)計(jì)？最好的技術(shù)是消失在生活當(dāng)中的技術(shù)心理模型實(shí)現(xiàn)模型表現(xiàn)模型實(shí)現(xiàn)模型與心理模型一、用戶體驗(yàn)？交互設(shè)計(jì)？ＵＩ設(shè)計(jì)？容易使用，體驗(yàn)良好記憶負(fù)擔(dān)，體驗(yàn)較差參與設(shè)計(jì)用戶界面原型或DEMO制作設(shè)計(jì)協(xié)助項(xiàng)目易用性和功能分析并結(jié)合需求提出易用性改進(jìn)建議參照用戶群體行為達(dá)成視覺設(shè)計(jì)：包括色彩、字體、頁面根據(jù)用戶反饋，快速、灌輸、反饋到開發(fā)團(tuán)隊(duì)中?？焖僭驮O(shè)計(jì)一、用戶體驗(yàn)？交互設(shè)計(jì)？ＵＩ設(shè)計(jì)？圍繞原型設(shè)計(jì)稿，大體流程遵循“研究－設(shè)計(jì)－測試－實(shí)現(xiàn)”這樣一個(gè)流程開展二、用戶體驗(yàn)與交互設(shè)計(jì)基本原則介紹就進(jìn)設(shè)計(jì)原則對功能進(jìn)行組織和分類幫助用戶探索和嘗試允許用戶犯錯(cuò)提供實(shí)用的幫助設(shè)計(jì)一個(gè)優(yōu)秀的向?qū)Ы缑媸菇缑娣嫌脩舻氖褂昧?xí)慣減少用戶出錯(cuò)減少等待感

三、用戶體驗(yàn)與UI設(shè)計(jì)基本原則介紹遵循基本界面視覺布局原則(Color)顏色使用恰當(dāng)，遵循對比原則(Resource)資源統(tǒng)一風(fēng)格(Font)字體風(fēng)格(Text)文字表達(dá)(STYLE)控件風(fēng)格，不要使用錯(cuò)誤控件，控件功能要專一制定UI規(guī)范手冊四、交互細(xì)節(jié)案例介紹交互設(shè)計(jì)—符合用戶習(xí)慣與預(yù)期1、微軟系統(tǒng)2、個(gè)人博客3、新聞網(wǎng)站4、iphone手機(jī)5、工控軟件--組態(tài)需要哪些技能、素質(zhì)及關(guān)注方向五、用戶體驗(yàn)--交互設(shè)計(jì)小組相關(guān)技能技能素質(zhì)：

1、熟悉軟件項(xiàng)目產(chǎn)品的易用性和功能分析及用戶研究；

2、熟悉軟件項(xiàng)目軟件界面設(shè)計(jì)，掌握現(xiàn)有項(xiàng)目產(chǎn)品原型模型、實(shí)現(xiàn)應(yīng)用場景設(shè)計(jì)；

3、良好的視覺設(shè)計(jì)能力，PS，Dw等設(shè)計(jì)工具熟練運(yùn)用，能給出高保真度的原型。熟悉XHTML，Javascript，ActionScript，WPF/Silverlight、XHTML/CSS者；

4、對交互設(shè)計(jì)過程有深入了解，能熟練應(yīng)用站點(diǎn)結(jié)構(gòu)圖、流程圖等交互設(shè)計(jì)方法；

5、工業(yè)設(shè)計(jì)、計(jì)算機(jī)、軟件工程、視覺傳達(dá)、心理學(xué)等相關(guān)專業(yè)；

6、主動(dòng)性高，具優(yōu)秀的理解、溝通與協(xié)調(diào)能力，文字表達(dá)能力強(qiáng)；

7、對各種常用軟件有強(qiáng)烈興趣并有靈敏觸覺，富有創(chuàng)造力和激情，并有動(dòng)手實(shí)踐良好習(xí)慣；

8、邏輯思維能力強(qiáng)，熟練掌握業(yè)務(wù)需求分析、產(chǎn)品需求分解的技巧；

9、基本的程序開發(fā)知識，確保你在前期設(shè)計(jì)時(shí)能綜合開發(fā)成本，給出高效可行的設(shè)計(jì)方案；

10、優(yōu)秀的溝通和協(xié)調(diào)能力，能準(zhǔn)確的挖掘用戶需求，結(jié)合商業(yè)目標(biāo)，快速調(diào)整設(shè)計(jì)方案，并獲得最終的認(rèn)可。

工作職責(zé)：

1、參與產(chǎn)品規(guī)劃構(gòu)思和創(chuàng)意過程；

2、分析業(yè)務(wù)需求，并加以分解和歸納出產(chǎn)品人機(jī)交互界面需求；

3、設(shè)計(jì)軟件的人機(jī)交互界面結(jié)構(gòu)、用戶操作流程等；

4、參與公司前瞻性產(chǎn)品的創(chuàng)意設(shè)計(jì)；

5、制作相關(guān)仿真原型。

關(guān)注方面：用戶行為研究、心理學(xué)、軟件工程、易用性工程、視覺設(shè)計(jì)、交互設(shè)計(jì)、手持終端應(yīng)用、桌面操作系統(tǒng)應(yīng)用等【企業(yè)組】

〖手機(jī)類〗

最佳視覺設(shè)計(jì)提名：《Ophone2.0界面設(shè)計(jì)》，中國移動(dòng)研究院

《ProjectIG概念設(shè)計(jì)》，SKYDesign

最佳交互設(shè)計(jì)提名：《ProjectIG概念設(shè)計(jì)》，SKYDesign

《Ophone2.0界面設(shè)計(jì)》，中國移動(dòng)研究院

最佳創(chuàng)新設(shè)計(jì)提名：暫缺【個(gè)人組】

〖手機(jī)類〗

最佳視覺設(shè)計(jì)提名：《Cocoon手機(jī)界面設(shè)計(jì)》，向若琿

《OPPO手機(jī)視覺界面》，舒華

最佳交互設(shè)計(jì)提名：《Princess》，陳明輝

《Hopa》