高級ui設(shè)計師培訓(xùn)壓縮

UI高級設(shè)計師培訓(xùn)授課內(nèi)容：用戶體驗設(shè)計、原型設(shè)計、視覺設(shè)計、前端設(shè)計與視覺規(guī)范、移動互聯(lián)網(wǎng)產(chǎn)品用戶體驗設(shè)計。地點：上海2011年10月22日~24日1、概念2、流程3、案例和觀點這是一本介紹web網(wǎng)頁設(shè)計的書，書中開篇名言——確保網(wǎng)頁容易被用戶使用的最重要原則是“不要讓我思考”。設(shè)計師應(yīng)盡量做到讓網(wǎng)頁不言而喻、一目了然、自我解釋。好的設(shè)計應(yīng)該能讓用戶立即上手使用，而無需花費(fèi)精力思考。

如同圖中的think是一個button，用戶心中的模型就是點擊這個button，這個過程不需要think。

現(xiàn)在用戶花在思考等待的時間越來越少，任何讓用戶等待、思考甚至覺得自己愚蠢的設(shè)計，都是給自己產(chǎn)品減分的設(shè)計。一、概念相關(guān)概念釋疑?UCD以用戶為中心的設(shè)計?UE/UX用戶體驗?UED用戶體驗設(shè)計?IxD交互設(shè)計?HCI人機(jī)交互?UI用戶界面設(shè)計?IA信息架構(gòu)以用戶為中心的設(shè)計?簡稱：UCD?全稱：User-CenteredDesign?定義：產(chǎn)品設(shè)計、開發(fā)、維護(hù)時從用戶的感受與需求出發(fā)，高度關(guān)注用戶的心理預(yù)期、使用習(xí)慣、交互方式、視覺感受與主觀滿意度。?主要指一種設(shè)計理念與信仰。用戶體驗?簡稱：UE/UX?全稱：UserExperience/UsereXperience?定義：用戶在使用一個產(chǎn)品或者系統(tǒng)之前、期間和之后的全部感受，包括情感、喜好、認(rèn)知、印象等勝利和心理反應(yīng)，行為與成就等。關(guān)注重點在于系統(tǒng)帶來的愉悅感和價值感，而不僅僅是系統(tǒng)性能。影響用戶體驗的因素人物角色可用性設(shè)計可訪問性系統(tǒng)實現(xiàn)市場營銷人體工學(xué)人機(jī)交互效用用戶體驗設(shè)計?簡稱：UED?全稱：UserExperienceDesign?2006年9月份“淘寶UED”團(tuán)隊成立?2008年后發(fā)展達(dá)到高峰，互聯(lián)網(wǎng)一線公司基本都已組建自己的UED團(tuán)隊或部門（阿里巴巴UED、阿里媽媽UED、阿里軟件UED、支付寶UED、中國雅虎UED、口碑UED、百度UED、搜狐UED、網(wǎng)易UED、攜程UED、金蝶友商UED……）交互設(shè)計?簡稱：Ixd?全稱：InteractionDesign?定義：交互設(shè)計通過對產(chǎn)品的界面和行為進(jìn)行設(shè)計，讓產(chǎn)品變得更易用、有效而且令人愉悅?交互設(shè)計/互動設(shè)計（多媒體設(shè)計）?HCI?puterInteraction/Interface用戶界面?簡稱：UI/GUI/WUI?全稱：UserInterface/GraphicUserInterface/WebUserInterface?定義：人與機(jī)器發(fā)生交互的操作層，涉及信息架構(gòu)、界面視效和操作邏輯?圖形界面設(shè)計/Web表單設(shè)計信息架構(gòu)?簡稱：IA?全稱：InformationArchitecture?定義：信息架構(gòu)就是為信息的展現(xiàn)和傳遞設(shè)計合理的表現(xiàn)形式與邏輯結(jié)構(gòu)，在信息與用戶認(rèn)知之間搭建一座橋梁信息架構(gòu)八原則?清晰的導(dǎo)航?明確的反饋?一致性?界面友好（容錯、保護(hù)、通知）?良好的辨識（降低記憶負(fù)擔(dān)）?聰明的幫助?良好的終端匹配?面向不同水平和特征的用戶去看頁面圖TeamCola定位于低于25人的小團(tuán)隊。目的在于記錄及統(tǒng)計團(tuán)隊日志。二、流程跳轉(zhuǎn)需求分析與了解用戶?明確系統(tǒng)設(shè)計目標(biāo)?確定目標(biāo)用戶?與目標(biāo)用戶交流?制作角色分析表角色分析表角色任務(wù)表小結(jié)：需求分析碰到的問題：需求無止境但是，我們要知道邊界在哪里？需求分析的過程中，甚至過程后，都會碰到變化，這個時候一些之前涉及到的問題和解決方案就有可能推倒重來。變化是合理的，但我們要知道邊界在哪里？你的市場定位你的目標(biāo)群體你的營銷目標(biāo)低保真設(shè)計原型為了可以快速的推倒重來原型產(chǎn)品原型設(shè)計應(yīng)該是目前可以提高我公司交互設(shè)計體驗的一個重要部分，但由于涉及到一款專業(yè)軟件AXURE，需要摸索并模仿制作一些產(chǎn)品才可以體現(xiàn)應(yīng)用。故在此只能先行略過。TeamCola定位于低于25人的小團(tuán)隊。目的在于記錄及統(tǒng)計團(tuán)隊日志，并讓團(tuán)隊成員樂于記錄。去看架構(gòu)圖界面可以很清新內(nèi)容可是很龐大這份概念圖描述了flicker的功能、類別，甚至通過形象的圖示限定了使用者的群體——年輕人，而這也決定了界面設(shè)計的原則：清新。每個公司的設(shè)計規(guī)范都不相同，如何制作的更具專業(yè)性以及發(fā)揮作用。其要旨在于良好的交互、良好的原型和合適的布局，以及經(jīng)常性的更新管理。新的技術(shù)：HTML表達(dá)骨架CSS實現(xiàn)層的概念JavaScript負(fù)責(zé)動作Flash用于設(shè)計而且現(xiàn)在左邊的button已經(jīng)可以用語言寫出來了，今后作為UI設(shè)計師，這些先進(jìn)的技術(shù)將會成為:尷尬或挑戰(zhàn)或者機(jī)遇?；仡櫲咐陀^點若刪除xxx，其所有數(shù)據(jù)也將被刪除。好的，刪除。你確定要刪除該圖片嗎？呃，應(yīng)該是確定是刪除。確定。呃，是確定吧？按按試試？另外：一個很有意思的體驗細(xì)節(jié)，在IPHONE、IPAD刪除圖標(biāo)的時候的動畫，每個圖標(biāo)都會害怕的“瑟瑟發(fā)抖”。這一點小小用心，不知道您是否發(fā)現(xiàn)了？這是一個失敗的案例哪一個才是按鈕？或者哪些是可以按的？看似很蘋果的界面，其實一點也不蘋果。真實感很多note會把皮質(zhì)做的有來歷。例如表皮是來自南美洲犀牛皮，而表頭的皮質(zhì)是來自密西西比水牛皮。(僅是舉例，我也不知道南美洲是否有犀牛，以及密西西比河是否出產(chǎn)水?！?增加了真實感。另外的，每款產(chǎn)品有初級用戶、中級用戶和專家級用戶，如果產(chǎn)品的用心被專家級發(fā)現(xiàn)，則會成為加分項，從而擴(kuò)大產(chǎn)品的影響力。友好的錯誤提示更新后的創(chuàng)建團(tuán)隊提示之前的創(chuàng)建團(tuán)隊提示當(dāng)然，也有“賣萌”版的。只需要三步哦？！以下是培訓(xùn)中的一些觀點，無所謂對錯，僅供參考。3體驗是全方位的。帶給用戶的體驗，應(yīng)該有層次、分階段和分重點展示。如前面講到的很多的例子來自于IPHONE和IPAD，有一些東西我們不能馬上發(fā)現(xiàn)，只有在使用中不斷的獲得認(rèn)同才可以穩(wěn)固的占有用戶數(shù)。12界面是顯性的，但是非決定性因素。決定體驗的好壞，有很多的因素。任何時間，我們面對的資源，都是有限的。46Free不等于free例如我們都知道騰訊微博是免費(fèi)的。但是其實不是，因為我們在微博上產(chǎn)出內(nèi)容，我們給予微博以關(guān)注，這些都會直接或間接的為騰訊產(chǎn)生利潤。5Beta+data模式這種模式將用戶定義為更新的推動者，軟件的推出總是會改的，例如各大軟件公司的beta版，1.0正式版，2.0測試版等。而用戶的數(shù)據(jù)反饋則是更改的依據(jù)，這些依據(jù)可以是直接通過軟件的“說一句”收集，或論壇收集，很多論壇直接就在軟件更新的項目上征集解決方案。怎么做都是錯的沒有接觸用戶，90%都是錯的。沒有到達(dá)用戶手上，70%都是錯的。沒有達(dá)到一定的用戶量，60%都是錯的。1最后，UCD界著名人士“白鴉”今年提出的一個觀點“迭代”的速度?，F(xiàn)在優(yōu)哉游哉的提出一個交互的論調(diào)或者一款交互優(yōu)良的產(chǎn)品已經(jīng)不符合時代需求，這個時代是一個信息化交流相對快速的時代，你的想法你的產(chǎn)品一不小心就會被實現(xiàn)，所以應(yīng)對這一現(xiàn)象的做法就是加快“迭代”的速度?；蛟S我們不會拿出下面這把瑞士軍刀出門，但是，我們可以不斷的精簡，不斷的去蕪存菁，找到我們的定位，通過我們對用戶的需求分析等等的手段，找到適合我們公司自己的能夠帶來巨大利潤的“瑞士軍刀”！白鴉工作經(jīng)歷：2004年底，作為設(shè)計顧問奔走于各互聯(lián)網(wǎng)企業(yè)