UI設(shè)計(jì)與交互設(shè)計(jì)

UI設(shè)計(jì)浮在冷冰冰的操作系統(tǒng)之上，提供了人們與數(shù)字世界交流的接口。

但是設(shè)計(jì)卻不止于美觀性，因?yàn)樵O(shè)計(jì)不是藝術(shù)，不是自我的表達(dá)，設(shè)計(jì)是帶著枷鎖起舞。

交互設(shè)計(jì)是以目標(biāo)為導(dǎo)向的去設(shè)計(jì)人的行為，在具體的產(chǎn)品使用情境下，了解用戶目標(biāo)的本質(zhì)、產(chǎn)生用戶目標(biāo)的心理模型，分析用戶的行為，因此交互設(shè)計(jì)的基礎(chǔ)建立在對(duì)用戶和認(rèn)知原則的了解上。之后通過恰當(dāng)?shù)脑O(shè)計(jì)行為，實(shí)現(xiàn)用戶目標(biāo)。

UI是交互設(shè)計(jì)在設(shè)備上的呈現(xiàn)，UI設(shè)計(jì)通過合理的色彩、布局與尺寸，實(shí)現(xiàn)用戶與產(chǎn)品之間的信息交流。

實(shí)現(xiàn)用戶和產(chǎn)品之間最高效率的交流，合理的交互設(shè)計(jì)與UI設(shè)計(jì)都必不可少。

因此設(shè)計(jì)的美好不僅體現(xiàn)在UI界面上的美觀性，還有交互設(shè)計(jì)所帶來的深層次的美感。

如何成為一個(gè)設(shè)計(jì)師

設(shè)計(jì)師與美工的區(qū)別

美工的價(jià)值在于美化已有的事物，設(shè)計(jì)師的價(jià)值體現(xiàn)在從0到1去創(chuàng)造一個(gè)事物。幾年工作經(jīng)驗(yàn)的積累即可勝任美工的工作，不經(jīng)意間就會(huì)被替代，而設(shè)計(jì)師所具有的創(chuàng)造性思維卻可遇不可求。

對(duì)自己的設(shè)計(jì)負(fù)責(zé)

對(duì)自己的設(shè)計(jì)負(fù)責(zé)是指能夠?qū)ψ约旱脑O(shè)計(jì)作品提供合理的解釋，經(jīng)得起別人的質(zhì)疑，并非天馬行空的胡思亂想。在進(jìn)行設(shè)計(jì)的時(shí)候，要邏輯清晰，條理清楚，思考全面，論證充分。

這里借鑒朱赟對(duì)airbnb老板星星眼的描述（他也是設(shè)計(jì)師）：

每次和優(yōu)秀設(shè)計(jì)師的共事，真的分分鐘提醒我自己：智商，智商，不要下線！他們邏輯清晰，條理清楚，思考全面，論證充分；對(duì)其他部門的運(yùn)作有充分理解，有對(duì)用戶的忠貞理想，也有對(duì)企業(yè)的利益責(zé)任；思維的整體性很強(qiáng)，有上帝視角的感覺（這是在說我老板星星眼）。他們提的問題總是直中要害，語言溫婉得體又針針見血。他們總能一眼看穿問題的本質(zhì)，而不是淺顯的被視覺上的細(xì)枝末節(jié)迷惑。設(shè)計(jì)的不是產(chǎn)品，是體驗(yàn)，用戶在他們腦海里規(guī)劃的世界里一步步打怪升級(jí)，盡在掌握之中。他們很多的時(shí)間在思考問題和價(jià)值，跟人交談深入了解需求，作信息架構(gòu)，畫 user story，鋪一墻的便利貼。等一切明朗了畫起界面流程什么的行云流水。當(dāng)然也免不了反復(fù)完善，但他們深知這是過程，不是抓瞎。

技能

要注意的是，技能只是實(shí)現(xiàn)想法的工具，重要的是設(shè)計(jì)思維和對(duì)待工作的態(tài)度。

完成交互方案的能力

一個(gè)方案需要什么樣的交付物？

如何使用簡(jiǎn)單的圖形來表達(dá)復(fù)雜的體驗(yàn)？如何制作不同精度的原型？

如何表達(dá)信息架構(gòu)？如何制作架構(gòu)圖？

如何表達(dá)復(fù)雜概念？如何制作產(chǎn)品概念圖？

如何傳達(dá)體驗(yàn)？如何使用故事板？

如何表達(dá)流程？如何繪制流程圖？

制作不同精度原型的能力

使用紙筆快速構(gòu)建交互方案的能力（低保真）

使用AI/FW/PS/制作高保真原型的能力（高保真）

使用Axure/PPT構(gòu)建可交互原型的能力（低保真交互）

使用HTML/JS/AS構(gòu)建高保真交互原型的能力（高保真交互）

設(shè)計(jì)師的價(jià)值

讓產(chǎn)品［有價(jià)值］

為團(tuán)隊(duì)提供專業(yè)的知識(shí)、見解和洞察，而非僅僅方案

設(shè)計(jì)是一個(gè)綜合、復(fù)雜的過程，需要綜合運(yùn)用各種學(xué)科的知識(shí)。如果團(tuán)隊(duì)可能因?yàn)椴焕斫庥脩裟繕?biāo)而定錯(cuò)了目標(biāo)，在適當(dāng)?shù)臅r(shí)候提出適當(dāng)?shù)膯栴}，提醒大家注意到這一點(diǎn)；如果團(tuán)隊(duì)糾結(jié)于兩個(gè)不同的方案，告訴大家從用戶的角度來看兩個(gè)方案的優(yōu)劣分別是什么，這樣可以幫助大家作出更好更準(zhǔn)確的決策；如果方向上出現(xiàn)較大的分析，將各種策略都化成可視化的原型，這樣可以幫助大家更好的理解不同的策略帶來的影響；如果領(lǐng)導(dǎo)無法理解團(tuán)隊(duì)的方案，設(shè)計(jì)溝通策略，挑選合適的表達(dá)方式，幫助大家向需求方/領(lǐng)導(dǎo)/客戶傳達(dá)意圖。

創(chuàng)造有價(jià)值、可持續(xù)的產(chǎn)品

讓產(chǎn)品［理解人］

認(rèn)知識(shí)別

認(rèn)知識(shí)別的好用指的是人與物間互動(dòng)的基本原則。比如一個(gè)布局排版要易于認(rèn)知識(shí)別，那這個(gè)版式布局就要符合人的識(shí)別模式——格式塔原理；人的短時(shí)記憶容量有限，設(shè)計(jì)的時(shí)候要遵循簡(jiǎn)約聚焦原則；要用戶理解設(shè)計(jì)并一目了然不假思考地作出反應(yīng)，就要考慮設(shè)計(jì)要與用戶的心智模型匹配，對(duì)用戶的操作給予正確的反饋。

應(yīng)用場(chǎng)景

現(xiàn)在產(chǎn)品的品類繁多，而且趨于同質(zhì)化，要在一堆同質(zhì)化的產(chǎn)品競(jìng)爭(zhēng)中產(chǎn)生差異，光靠互動(dòng)設(shè)計(jì)的體驗(yàn)是不足夠的，好的交互設(shè)計(jì)還要充分發(fā)掘用戶在使用產(chǎn)品時(shí)的應(yīng)用場(chǎng)景，滿足用戶的潛在需求，這是交互設(shè)計(jì)師的一個(gè)重要的命題，需要設(shè)計(jì)師更多地接觸用戶的真實(shí)應(yīng)用場(chǎng)景，在產(chǎn)品現(xiàn)場(chǎng)中發(fā)現(xiàn)和解決用戶潛在問題，而不是坐在電腦前絞盡腦汁去猜想。