在互聯(lián)網(wǎng)行業(yè)越來(lái)越進(jìn)入到白熱化的競(jìng)爭(zhēng)時(shí)代,UI設(shè)計(jì)的重要性也越發(fā)凸顯。中培偉業(yè)《用戶體驗(yàn)與UI設(shè)計(jì)開(kāi)發(fā)》培訓(xùn)專家尹老師認(rèn)為,一名優(yōu)秀的UI設(shè)計(jì)師,除了有對(duì)藝術(shù)的追求和積極的工作態(tài)度之外,良好的工作方法以及正確的工作原則同樣十分重要。她認(rèn)為,要做好UI設(shè)計(jì),設(shè)計(jì)師應(yīng)該在工作中堅(jiān)持以下十個(gè)原則。
1. 尋找解決方案之前,先確定問(wèn)題
愛(ài)因斯坦說(shuō)過(guò):“如果我有一小時(shí)來(lái)解決問(wèn)題,我會(huì)花55分鐘思考問(wèn)題,5分鐘思考解決方法。”
許多設(shè)計(jì)師都犯了致命錯(cuò)誤,認(rèn)為問(wèn)題是顯而易見(jiàn)的。多數(shù)時(shí)候,表面問(wèn)題僅僅是根本問(wèn)題的一種表現(xiàn)。找到真正的問(wèn)題時(shí)你一定會(huì)有所覺(jué)悟,因?yàn)樗瑫r(shí)會(huì)解決許多其他問(wèn)題。
因此設(shè)計(jì)師必須牢記一點(diǎn),首先要確保你在設(shè)計(jì)正確的產(chǎn)品,然后才是正確地設(shè)計(jì)產(chǎn)品。
2. 對(duì)用戶了如指掌
在UI設(shè)計(jì)過(guò)程中,如果不能精確指定某一類用戶,就無(wú)法創(chuàng)造有意義的用戶場(chǎng)景。沒(méi)有有意義的用戶場(chǎng)景,就不知道你的MVP(最簡(jiǎn)形態(tài)產(chǎn)品)是什么,也不知道如何建立產(chǎn)品計(jì)劃與策略。所有的產(chǎn)品都致力于解決某些微不足道的問(wèn)題,對(duì)于需要它的人而言,這就簡(jiǎn)單易懂。
發(fā)起用戶調(diào)研,創(chuàng)建人物角色,開(kāi)始制定用戶情景與流程。任何能給用戶留下更深刻印象的手段,都有助于將設(shè)計(jì)推向成功。
3. 思考極端的解決方案
暫時(shí)逃離創(chuàng)意的困境,也是設(shè)計(jì)的樂(lè)趣之一。天馬行空的機(jī)會(huì)總是值得歌頌。打破慣例恰恰對(duì)它有益。跳出單一策略思考,將用戶一天的生活寫在故事板上,看看有哪些可能發(fā)生的接觸。撇開(kāi)草稿,自由發(fā)揮。
別在這上面花上數(shù)周時(shí)間(除非你時(shí)間充足),但是一次創(chuàng)意的停歇能將你的潛意識(shí)與要解決的問(wèn)題聯(lián)系起來(lái)。在你的行業(yè)外尋找靈感,設(shè)計(jì)方案的有效(及創(chuàng)意)會(huì)出乎你意料。
4. 設(shè)計(jì)之前,建立一個(gè)假設(shè)進(jìn)行測(cè)試
假設(shè)提供了一條尋找真理的道路。每個(gè)設(shè)計(jì)都要構(gòu)建在某種堅(jiān)實(shí)的基礎(chǔ)上。
把它想成是論文的論點(diǎn),這就是設(shè)計(jì)的核心。早在開(kāi)發(fā)工作之前,這里就是用戶情景演繹的地方。
盡可能多地頭腦風(fēng)暴各種情景,與你的團(tuán)隊(duì)在白板上分享。進(jìn)行設(shè)計(jì)工作室練習(xí),讓參與者畫出他們完成特定任務(wù)的方案。你得持續(xù)探索(并且迭代)你的假設(shè),這是設(shè)計(jì)中的第一步。
5. 就最佳方案與不同人探討
如果你的設(shè)計(jì)是可靠的,那就要能經(jīng)得起批評(píng)與討論。來(lái)自不同背景、有不同經(jīng)歷的人,能為你指引更好的方案。
可以考慮成立一個(gè)利益相關(guān)者的智囊團(tuán),讓他們分享各自獨(dú)特的視角,為你的設(shè)計(jì)提供改善建議。與你的設(shè)計(jì)主管一起,確保產(chǎn)品團(tuán)隊(duì)仍然有最終的決定權(quán),否則你就會(huì)落入群眾設(shè)計(jì)的陷阱。
6. 寫文檔創(chuàng)建一則故事
產(chǎn)出一份講述故事的文檔。你設(shè)定的人物角色是其性格的縮影。使用場(chǎng)景是熒屏展示的關(guān)鍵部分,線框圖是舞臺(tái),操作流程和用戶流程是編舞,UI組件集則是舞臺(tái)設(shè)計(jì)。所有相關(guān)元素都相互交融。
文檔往往被忽略了,因?yàn)樗狈Νh(huán)境。把你的設(shè)計(jì)資源與產(chǎn)出當(dāng)成拼圖,相互獨(dú)立時(shí)價(jià)值甚微,拼接起來(lái)卻成為一幅講述故事的好畫面。
不要視野狹隘,過(guò)分沉迷于優(yōu)化某一項(xiàng)設(shè)計(jì)文檔。相反,要確保每份文檔之間的關(guān)聯(lián)簡(jiǎn)單易懂。精簡(jiǎn)那些無(wú)法推動(dòng)設(shè)計(jì)前行的文檔。如果文檔沒(méi)有用,就沒(méi)有必要?jiǎng)?chuàng)建它。
7. 在紙上設(shè)計(jì)與測(cè)試
任何階段都可以進(jìn)行快速的紙上原型設(shè)計(jì),而且這對(duì)設(shè)計(jì)決策總有幫助。給自己或團(tuán)隊(duì)一定時(shí)間來(lái)迅速迭代創(chuàng)意。設(shè)計(jì)一旦以像素形式出現(xiàn),就很容易對(duì)其過(guò)分依賴。而在紙上繪制原型能讓你的大腦不斷探索可能性。
8. 將產(chǎn)出物貼在墻上
在墻上貼大量的便簽可能是陳詞濫調(diào)了,但這么做確有非常正當(dāng)?shù)睦碛伞樘囟ㄓ脩粼O(shè)計(jì)時(shí),也會(huì)發(fā)生同樣的事情。用戶體驗(yàn)設(shè)計(jì)師需要定位問(wèn)題與用戶之間的關(guān)聯(lián),然后將它直接連接到解決方案上。這些實(shí)際產(chǎn)出物不是用來(lái)展示的。團(tuán)隊(duì)有一個(gè)分享的地方,任何時(shí)間都能查看,有助于將用戶體驗(yàn)方法灌輸進(jìn)每一個(gè)人的工作流程。
9. 創(chuàng)建低保真原型用于測(cè)試
低保真原型可以用基本的HTML、Keynote、PPT、剪紙、故事板、和特定的原型工具來(lái)創(chuàng)建,例如UXPin(我對(duì)此非常熟悉)。
一旦進(jìn)入開(kāi)發(fā)階段,某些限制總是不可避免(瀏覽器兼容性、網(wǎng)站性能等等)。在開(kāi)發(fā)之前驗(yàn)證你的設(shè)計(jì),因?yàn)樗芨玫爻尸F(xiàn)用戶故事,使開(kāi)發(fā)者們充分感受與理解。低保真原型可以讓你連接多個(gè)線框圖,創(chuàng)建完整流程。這樣一來(lái),你就能測(cè)試這套流程的有效性,而不僅僅是用戶在屏幕上看到的各種元素。可以以此驗(yàn)證交互的次序?qū)τ脩羰欠裼行А?br/>10. 協(xié)作創(chuàng)造
設(shè)計(jì)師不是孤島。人們往往獨(dú)自工作太長(zhǎng)時(shí)間。就像配對(duì)編程已經(jīng)被證明能夠減少技術(shù)錯(cuò)誤(因?yàn)槿撕苋菀紫萑氪a盲區(qū)),嘗試Cooper的配對(duì)設(shè)計(jì)的技巧,能夠更好地分析和迭代。與其他人一起工作,能夠產(chǎn)生自我提升的動(dòng)機(jī),營(yíng)造團(tuán)隊(duì)工作的感覺(jué),在生產(chǎn)力與分享精神之間找到平衡。
認(rèn)為只有與其他人隔離開(kāi)才能做出好的設(shè)計(jì),這是相當(dāng)守舊的想法。這個(gè)想法就像辦公室吸煙一樣已經(jīng)不合時(shí)宜了。遵循指南:《設(shè)計(jì)出不讓開(kāi)發(fā)厭惡的效果圖》,你的項(xiàng)目也可以很有趣,充分協(xié)作。這樣你就站在團(tuán)隊(duì)這個(gè)巨人的肩上,優(yōu)秀的產(chǎn)品也更容易誕生。