原文作者：Proto.io
原文地址：https://medium.com/p/88ecb840622b
現(xiàn)在耗拓，你的移動(dòng)端app已經(jīng)完成了從線框圖到高保真原型圖的設(shè)計(jì)拇颅，但總覺得好像還缺點(diǎn)什么∏茄或許是它用起來并沒有想象中的流暢樟插，又或者是用戶體驗(yàn)方面的設(shè)計(jì)并沒有讓你感到驚艷。你想讓你的app看起來具有魔力竿刁，但是現(xiàn)在看起來黄锤，更像是你爸突然從你耳后變出了25美分的硬幣的小驚喜，而不是大衛(wèi)·科波菲爾把金字塔變沒了的那種震撼们妥。
這時(shí)你會(huì)怎么做猜扮？難道將已做的一切推翻，然后重新從草圖開始設(shè)計(jì)监婶？
又或者使用魔法，做一些設(shè)計(jì)上的小變動(dòng)齿桃，使app能夠得以保留并完善惑惶。畢竟，在設(shè)計(jì)出線框圖或者測(cè)試版之前短纵，你會(huì)非常的關(guān)注設(shè)計(jì)带污，所以一定有一些好的想法存在于現(xiàn)有的app中——更何況如果將之前辛苦的工作都浪費(fèi)了，不是很可惜嗎香到？
我們采訪了6位設(shè)計(jì)師鱼冀，不知在他們看來，哪些細(xì)小的設(shè)計(jì)調(diào)整能夠?qū)i界面設(shè)計(jì)產(chǎn)生最大的影響呢悠就∏鳎或許他們的回答能啟發(fā)你，如何在整個(gè)app的設(shè)計(jì)流程中完成完美的最后一筆梗脾，使app能夠由優(yōu)秀變?yōu)榇笫軞g迎（甚至是由大受歡迎變?yōu)榱钊梭@艷］┬汀）
1.同樣的內(nèi)容出現(xiàn)在小設(shè)備上，記得去掉多余的部分
當(dāng)你在一款小的設(shè)備上使用app時(shí)炸茧，很有可能你根本就不愿在閱讀上花費(fèi)大量的時(shí)間瑞妇。不僅僅是因?yàn)閺妮^大設(shè)備上復(fù)制而來的過多內(nèi)容降低了用戶的閱讀速度稿静，同時(shí)也會(huì)使用戶體驗(yàn)變差。
Maureen Kerwin是一位在Nokia Networks（@nokianetworks)工作的交互設(shè)計(jì)師辕狰。關(guān)于如何立刻使某一款app的設(shè)計(jì)得到提升改备，Kerwin的建議是——設(shè)備轉(zhuǎn)換時(shí)，重新審視從大設(shè)備中復(fù)制而來的內(nèi)容蔓倍，同時(shí)砍掉不需要的部分绍妨。
“注意在所有復(fù)制的內(nèi)容中，那些重復(fù)或者太過啰嗦的地方柬脸，”Kerwn說他去，“一個(gè)app中總有可以刪除或者修正的內(nèi)容，修正他們能使整個(gè)軟件更加清楚和簡(jiǎn)潔倒堕≡植猓”
在這種情況下，交互設(shè)計(jì)師的好搭檔或許就是編輯或者測(cè)試垦巴。當(dāng)你不能決定哪部分需要砍掉（或者簡(jiǎn)化）時(shí)媳搪，盯著看幾秒，你的視覺目標(biāo)系統(tǒng)此時(shí)起著最重要的作用骤宣，他們會(huì)告訴你如何去做秦爆。
2.獲得用戶反饋
如果你急切的想知道app中的ui界面設(shè)計(jì)是不是有效，光是想想是沒用的憔披，最直接快捷的方式就是從用戶那里獲得答案等限。
Mike De’Shazer（@itsdeshazer）是CodeCloud.me（@CodeCloudMe）的聯(lián)合創(chuàng)始人和CEO，CodeCloud.me是一個(gè)教用戶如何編程以及制作app的互動(dòng)平臺(tái)芬膝。了解你的用戶望门，從他們中間獲得反饋，是使你的界面設(shè)計(jì)變得更為有效的最可靠的方法锰霜，De'Shazer說筹误。
“不同的產(chǎn)品目標(biāo)有著不同的ux優(yōu)化方法，”De'Shazer說癣缅，“對(duì)于任何一款產(chǎn)品來說厨剪，完善界面設(shè)計(jì)和操作體驗(yàn)的最好方式，就是更充分的理解使用這些產(chǎn)品的人們友存〉簧牛”
當(dāng)你的app無法達(dá)到你的預(yù)期目標(biāo)時(shí)，找些測(cè)試用戶使用產(chǎn)品的原型爬立。他們對(duì)于完善操作體驗(yàn)的建議钾唬，或許是你能得到的最有價(jià)值的反饋。
3.使app操作快捷
你的所有現(xiàn)有用戶（以及潛在用戶）都有著對(duì)于更快的運(yùn)行速度的追求。如果你感覺你的ui界面并不是你想象的那種體驗(yàn)抡秆，或許最大的問題并非界面設(shè)計(jì)奕巍，而是app本身的運(yùn)行速度。
GadgTecs（@GadTecs）是一個(gè)展示app儒士，數(shù)碼產(chǎn)品以及科技消息的技術(shù)博客的止，Amna Rizvi是其中的一位app開發(fā)者。作為移動(dòng)app的開發(fā)者和觀測(cè)者着撩，Rizvi認(rèn)為速度和啟動(dòng)時(shí)間是優(yōu)化界面設(shè)計(jì)最重要的兩個(gè)方面诅福。
“對(duì)我來說最重要的就是app的啟動(dòng)時(shí)間，”Rizvi說拖叙，“app應(yīng)該有一個(gè)令人眼前一亮的閃屏氓润，并且加載的速度應(yīng)該非常非常快薯鳍】”
毫無疑問，第一印象是非常重要的挖滤，Rizvi說崩溪。“如果用戶打開app斩松，但是需要等待很長(zhǎng)的時(shí)間才能開始使用伶唯，那么他們就會(huì)毫不猶豫的關(guān)掉app。所以在我看來惧盹，無論app體積有多大乳幸，都應(yīng)該能夠迅速反應(yīng)，方便操作岭参》刺瑁”
最近的更新沒有使app的使用更快？如果沒有演侯，那快去看看操作流程有沒有得到合理的優(yōu)化。除了需要使登錄速度更快背亥，還可以考慮在用戶界面中加些動(dòng)畫效果秒际，這樣也可以使等待的時(shí)間看上去變短。如果這仍舊不能使你的app更有光彩狡汉，那么請(qǐng)看下面的建議娄徊。
4.用動(dòng)畫裝飾你的UI界面
Andrew Riley是Ticketlab（@ticketlabUK）——一家在線票務(wù)網(wǎng)站的創(chuàng)始人。他同時(shí)也是一位數(shù)字顧問和前端工程師盾戴。
對(duì)Riley來說寄锐，優(yōu)化UI界面最快捷的方法就是添加動(dòng)畫。
“如果想要改善網(wǎng)站頁面或者app的使用感受，我的第一建議非常簡(jiǎn)單：就是使用動(dòng)畫橄仆。我說的動(dòng)畫并非指那些跳躍的logo或者flash時(shí)代的鏡頭光暈之類的剩膘，而是指精妙的動(dòng)畫效果∨韫耍”Riley說怠褐，“其中最簡(jiǎn)單的形式，就是在一個(gè)懸停狀態(tài)中添加背景的顏色轉(zhuǎn)變您宪，這時(shí)只需要提供0.3秒左右的時(shí)間奈懒，顏色呈線性變化。這樣做能直接使你的UI界面區(qū)別于網(wǎng)站宪巨，而更像是一個(gè)app磷杏。”
這個(gè)小的設(shè)計(jì)改變最好的地方在于不會(huì)花費(fèi)太長(zhǎng)的時(shí)間捏卓，但可以收到良好的效果极祸，Riley說√煜牛“動(dòng)畫能夠以靈活的方式被應(yīng)用于幾乎所有的狀態(tài)轉(zhuǎn)變贿肩，從而能夠用設(shè)計(jì)真正的影響生活。盡管這種由CSS編寫的功能出現(xiàn)的時(shí)間還不久龄寞，在很多app中尚未得到合理的利用汰规，但是它只需要多花費(fèi)很少的時(shí)間，就可以在各類項(xiàng)目中使用物邑×锵”
One Click Here（@Oneclickhere1）的CTO Gert Hattingh也同意這樣的觀點(diǎn)。他說色解，在One Clicl Here茂嗓，設(shè)計(jì)師和開發(fā)人員會(huì)在多種平臺(tái)上測(cè)試ui界面，確保動(dòng)效流暢且表現(xiàn)精確科阎。
“在配合快速的環(huán)境中工作述吸，能使你在開發(fā)階段就開始測(cè)試ui。我們更偏向通過采用動(dòng)效轉(zhuǎn)換來指導(dǎo)用戶進(jìn)行下一步操作锣笨，”Hattingh說蝌矛。“當(dāng)給按鈕添加動(dòng)效后错英，不僅可以幫助用戶了解接下來需要進(jìn)行哪些操作入撒，還可以提升整體的操作體驗(yàn)⊥盅遥”
動(dòng)效能夠吸引用戶的視線茅逮，通過具體的交互操作指導(dǎo)他們使用產(chǎn)品璃赡，還可以給你的ui界面增添非常缺乏的吸引力，但是切記不要做得太過——正如我們下一位分享者提醒我們的献雅，有時(shí)候少即是多（less is more)碉考。
5.簡(jiǎn)化，簡(jiǎn)化惩琉，簡(jiǎn)化（重要的事情說三遍）
沒有用戶希望被視覺上過于強(qiáng)調(diào)的不和諧“噪聲”所打擾豆励，無論是顏色太過自由夸張的使用，還是視覺質(zhì)感的過度濫用（即使你是擬物化的忠實(shí)信徒瞒渠，你還是會(huì)不由自主地在設(shè)計(jì)中過度的使用陰影和光影）良蒸。
Amrita Talwar是一位在Android以及iOS app中都有著豐富經(jīng)驗(yàn)的開發(fā)者，這其中包括PoolMyRide(@poolmyride)伍玖，一款幫助用戶尋找拼車伙伴的跨平臺(tái)app嫩痰。依據(jù)Talwar的經(jīng)驗(yàn)，使ui設(shè)計(jì)從優(yōu)秀變?yōu)榇笫軞g迎的關(guān)鍵就是始終保證它是簡(jiǎn)單的：
“設(shè)計(jì)一款app就像是編寫一首沒有歌詞的歌曲——它理應(yīng)能被全世界的人所理解窍箍。要使設(shè)計(jì)出的app界面美觀且用戶友好串纺，我會(huì)遵從以下幾點(diǎn)：
——考慮使用material design的扁平化icon，并且確保你的ui界面會(huì)根據(jù)不同的設(shè)備縮放尺寸椰棘。
——減少點(diǎn)擊纺棺、手勢(shì)或其他用戶需要進(jìn)行的交互操作的次數(shù)。無論你想讓用戶進(jìn)行什么操作邪狞，都應(yīng)該盡可能的減少點(diǎn)擊的次數(shù)祷蝌。
——保持ui界面的簡(jiǎn)潔。作為一個(gè)設(shè)計(jì)師帆卓，有時(shí)真的控制不住自己在ui界面中添加許多不必要的元素巨朦，但是一定要優(yōu)先選擇用戶真正需要的。有時(shí)候最好的方式就是只保留最重要的功能剑令，而放棄掉那些”有它會(huì)更好“的元素糊啡，否則你的整個(gè)設(shè)計(jì)很容易變成一個(gè)網(wǎng)絡(luò)垃圾∮踅颍”
改進(jìn)后的設(shè)計(jì)應(yīng)該能夠減少用戶的使用困惑棚蓄。你的界面設(shè)計(jì)應(yīng)該幫助他們使用app——而不是阻礙他們的操作。
6.跳脫出慣有的設(shè)計(jì)思維
有時(shí)候碍脏，無聊設(shè)計(jì)的罪魁禍?zhǔn)资侨鄙傩碌狞c(diǎn)子癣疟。這種情況對(duì)于身處一個(gè)行業(yè)多年的人是很常見的，尤其是多年還處于同一研究方向的人更是如此潮酒。你有沒有注意到，不知從何時(shí)起你的許多ui界面開始相似——一樣的閃屏邪蛔，一樣的動(dòng)畫急黎，相似的按鈕、Icon和字體？
或許是時(shí)候放下你最近的工作勃教，去看看別人的app來沖擊你的固定設(shè)計(jì)思路了淤击。推薦從今年最佳a(bǔ)pp的前十名榜單開始看起，這些app來自于眾多富有潛力的公司故源，吸收當(dāng)下最具革命創(chuàng)新的ui設(shè)計(jì)理念污抬。仔細(xì)觀察這些app設(shè)計(jì)的不同之處，思考自己能從中獲得哪些經(jīng)驗(yàn)绳军。
對(duì)于一個(gè)剛?cè)胄袠I(yè)的新人印机，也不要總是局限于移動(dòng)端app的設(shè)計(jì)，最好能夠涉獵廣泛门驾。比如玩電視游戲可以學(xué)習(xí)如何有意思的講故事射赛，去藝術(shù)博物館參觀可以激發(fā)很多精彩的想法。哪怕僅僅是在業(yè)余時(shí)間和你的孩子（或是侄子奶是、侄女）玩耍楣责，也能夠?qū)i設(shè)計(jì)有著更加深入的思考。
不想從椅子上離開聂沙？只需要好好讀讀這篇文章秆麸，看看其他設(shè)計(jì)師在陷入創(chuàng)意低谷時(shí)如何獲得好點(diǎn)子的。有時(shí)及汉，靈感就存在于最不可能的地方沮趣。
以上這些來自6位成熟設(shè)計(jì)師的圣經(jīng)指南，有沒有使你獲得靈感豁生，從而使你的ui界面從平庸變?yōu)槊赖漠a(chǎn)物兔毒？在推特上告訴@Protoio吧！
微博：@sure天亮???日常蛋逼為主
轉(zhuǎn)載請(qǐng)聯(lián)系本人
