你的所有努力翘紊，上天都知道
愿所有的夢(mèng)想都指日可待
只有更好地了解用戶體驗(yàn)中存在的不足，才能設(shè)計(jì)出更好的產(chǎn)品藐唠。
「我該怎樣開始」是軟件開發(fā)的第一道坎帆疟，當(dāng)我跨過這道坎開始做產(chǎn)品時(shí)，所接觸到最有用的靜態(tài)參考（靜態(tài)是指在編譯時(shí)而非運(yùn)行中進(jìn)行數(shù)據(jù)類型檢查）宇立，還屬杰夫·阿特烏（Jeff Atwood）原創(chuàng)的代碼味道清單踪宠。這份清單列舉了各種在代碼庫界面出現(xiàn)的小情況，而這些小情況往往反映了更大的架構(gòu)問題妈嘹。
代碼「味道」很實(shí)用柳琢，只要你學(xué)會(huì)識(shí)別它們，就能通過迅速重構(gòu)代碼，把有缺陷的架構(gòu)扼殺在搖籃中柬脸。除了幫你節(jié)約大量時(shí)間他去，還能避免因各種大大小小的補(bǔ)救行為而付出的巨大代價(jià)。
在產(chǎn)品設(shè)計(jì)這個(gè)領(lǐng)域我也犯過不少有關(guān)用戶體驗(yàn)的錯(cuò)誤倒堕，經(jīng)驗(yàn)也隨之豐富起來灾测，我意識(shí)到這個(gè)概念同樣適用于界面設(shè)計(jì)。有些產(chǎn)品和界面的特征垦巴，是不能用于設(shè)計(jì)優(yōu)良產(chǎn)品上的媳搪。
因?yàn)楫?dāng)你在產(chǎn)品看到或者植入這些特征時(shí)，便是產(chǎn)品在用戶體驗(yàn)方面出現(xiàn)深層次問題的警告了骤宣。而學(xué)會(huì)識(shí)別它們秦爆，你可以設(shè)計(jì)出更好的產(chǎn)品，成本也會(huì)大大降低憔披。
關(guān)于用戶體驗(yàn)的「味道」等限，我認(rèn)為有以下?3?個(gè)普通的、可及時(shí)糾正的活逆、不明顯的注意點(diǎn)：
1.「高級(jí)用戶」幫助文檔
針對(duì)各種不同復(fù)雜性的 App 里的「高級(jí)用戶」幫助文檔精刷，眾多團(tuán)隊(duì)腦洞大開，想了各種辦法蔗候，以下是一些舉例：
單獨(dú)的文檔門戶網(wǎng)頁，點(diǎn)擊進(jìn)入后可以查看常見問題解答（FAQ）以及用戶指南文檔埂软。比如锈遥，下圖中微軟網(wǎng)頁的 Excel 幫助頁面。
為社區(qū)提供支持的門戶網(wǎng)頁勘畔，其最初是用于幫助用戶更好地使用產(chǎn)品所灸。比如，大量類似 TuxRadar 的在線論壇炫七，其主要功能是幫助用戶使用 Shell 語言中的 Bash（Shell 指的是 Linux/Unix 系統(tǒng)下的 Shell 腳本語言爬立。它有不同的版本，比如 sh/bash/ksh/csh/tcsh/pdksh 等万哪，最常用的是 Bash）侠驯。
軟件內(nèi)置的提示和指南界面，比如蘋果在 2014 年 6 月隨 iOS8 首發(fā)推出的 Tips 這個(gè) App奕巍。
介紹界面的「導(dǎo)覽功能」吟策，作為新用戶產(chǎn)品熟悉階段的一部分。比如的止，使用 Bootstrap Tour 工具（Bootstrap Tour 以最簡(jiǎn)單的方式向人們展示如何使用你的網(wǎng)站）檩坚。
它可能帶出什么警告？
以上是指導(dǎo)用戶了解界面的全然不同的方法∝椅可為什么都不好呢拖叙？——因?yàn)樽詈玫慕缑娓静恍枰改希磺斜疽炎匀幻黠@了赂乐。
iPad 觸摸界面可以讓用戶直接憑直覺正確地操作憋沿，即便是兒童，在沒有指導(dǎo)的情況下也知道如何使用沪猴。
當(dāng)用戶要求你為其提供產(chǎn)品指南時(shí)辐啄，說明你的產(chǎn)品對(duì)他們來說，根本不好用运嗜。
你又可以做點(diǎn)什么壶辜？
就我個(gè)人經(jīng)驗(yàn)而言，產(chǎn)品設(shè)計(jì)及維護(hù)担租、奮力和界面「作斗爭(zhēng)」通常屬于以下?3?種情況其一：
首先砸民，用戶界面使用了平臺(tái)搭建不規(guī)范的設(shè)計(jì)。這不僅常見于各平臺(tái)上有著相似「大眾」界面的 App 里奋救，還常見于富有創(chuàng)新能力的設(shè)計(jì)師團(tuán)隊(duì)設(shè)計(jì)出的產(chǎn)品上岭参。
這些設(shè)計(jì)師花大量時(shí)間定制核心的用戶界面和用戶體驗(yàn)元素，而這些元素的設(shè)計(jì)本應(yīng)視平臺(tái)而定尝艘，而不是視產(chǎn)品而定演侯。（你可以從圖標(biāo)到內(nèi)容導(dǎo)航仔細(xì)查看一遍）。
一旦你意識(shí)到這個(gè)問題后背亥，解決方案就迎刃而解了：使用符合平臺(tái)的設(shè)計(jì)元素秒际，這樣用戶在不用閱讀用戶指南的情況下也能明白。我保證狡汉，無論是你的用戶娄徊，還是考核你 KPI 的人，都會(huì)樂意看到這個(gè)結(jié)果盾戴。
其次寄锐，產(chǎn)品的使用對(duì)象來自各行各業(yè)，其使用目的也不盡相同尖啡。Excel 就是一個(gè)典型的例子：無論是財(cái)務(wù)分析行業(yè)的人士橄仆，還是獨(dú)立的個(gè)人用戶，或是統(tǒng)計(jì)工作者可婶，又或是產(chǎn)品經(jīng)理沿癞，他們都在使用 Excel 的某些功能來處理數(shù)據(jù)，但他們用的功能并不全然相同矛渴。
因?yàn)樯婕暗教嗟挠脩羧后w椎扬，界面無法做到為單一個(gè)體用戶「私人定制」惫搏，所以必然會(huì)導(dǎo)致某些用戶群體在使用過程中犯暈。
要解決這個(gè)問題蚕涤，如果所有條件都可能的話筐赔，將你的產(chǎn)品拆分為幾個(gè)產(chǎn)品，為不同的用戶群體定制不同的產(chǎn)品揖铜。（如果要按重要性來說的話茴丰，從目前及將來增長(zhǎng)兩方面來考慮，挑一兩個(gè)最重要的市場(chǎng)天吓。）
通過對(duì)用戶群體的產(chǎn)品定制贿肩，你就能進(jìn)一步簡(jiǎn)化界面，產(chǎn)品藍(lán)圖也會(huì)更加具體龄寞，這是一個(gè)人人皆樂的結(jié)果汰规。
最后，界面排版布局并不易發(fā)現(xiàn)物邑。這種情況出現(xiàn)的原因大多是因?yàn)閷?dǎo)航溜哮，導(dǎo)航要么不易發(fā)現(xiàn)，要么就給用戶太多選擇色解，而整個(gè)架構(gòu)也并不合理茂嗓、并不簡(jiǎn)單。解決這個(gè)問題科阎，要向用戶提供基于用戶真實(shí)的使用行為的簡(jiǎn)單上手的導(dǎo)航述吸，此外，導(dǎo)航也不需要任何幫助文檔萧恕。
當(dāng)然刚梭，也有可能你的產(chǎn)品設(shè)計(jì)比較復(fù)雜，原創(chuàng)性比較強(qiáng)票唆，這種情況下可能真的需要一個(gè)復(fù)雜又全新的界面。雖然這不常見屹徘，但若真有這種情況的話走趋，你需要盡可能設(shè)計(jì)出可以讓用戶憑直覺就可以方便操作的界面，但有可能仍需少量的幫助文檔噪伊。
2. 難以實(shí)現(xiàn)的界面布局
在我過去個(gè)人經(jīng)歷的項(xiàng)目中簿煌，當(dāng)真正開始設(shè)計(jì)界面時(shí)，我遇到過不少難以實(shí)現(xiàn)的界面布局：
網(wǎng)頁上需要滾動(dòng)鼠標(biāo)來瀏覽的內(nèi)容鉴吹。有時(shí)候姨伟，加入側(cè)邊欄工具是一個(gè)不錯(cuò)的選擇，這樣就可以讓用戶滾動(dòng)鼠標(biāo)至頁面某特定部分豆励。
復(fù)雜夺荒、具有層次的導(dǎo)航瞒渠。有時(shí)，各類應(yīng)用需要加入許多定制導(dǎo)航邏輯技扼，從而解決不同架構(gòu)層級(jí)伍玖、以及同級(jí)架構(gòu)層之內(nèi)的切換問題。
復(fù)雜剿吻、非標(biāo)準(zhǔn)的動(dòng)畫窍箍。大多數(shù)界面平臺(tái)都有一套自始自終都在使用的標(biāo)準(zhǔn)動(dòng)畫。其實(shí)丽旅，不妨試試設(shè)計(jì)一套具有獨(dú)自特色的動(dòng)畫椰棘。
總之，如果僅僅是為了設(shè)計(jì)出整個(gè)界面布局和標(biāo)準(zhǔn)的界面元素（而非產(chǎn)品的核心增值界面）榄笙，而需在編程方面投入大量工作的邪狞，不妨回過頭再考慮下這些問題。
它可能帶出什么警告办斑？
難以實(shí)現(xiàn)的界面布局通常和與平臺(tái)相關(guān)的界面和用戶體驗(yàn)的傳統(tǒng)認(rèn)知是相沖突的外恕。因此，這么做可能會(huì)讓用戶產(chǎn)生疑惑乡翅。此外鳞疲，通常還會(huì)花時(shí)間適應(yīng)意料之外的各方面問題。
平臺(tái)的內(nèi)置架構(gòu)和設(shè)計(jì)是之前被測(cè)試過蠕蚜，在不明顯和異常的屏幕方向尚洽、內(nèi)容寬度、設(shè)備裝置上都適用的靶累，那你真能花那么多時(shí)間做測(cè)試并調(diào)整這些不重要的細(xì)節(jié)元素嗎腺毫？
這個(gè)問題在帶有接口或跨設(shè)備的布局（比如在基于網(wǎng)絡(luò)視圖的移動(dòng)應(yīng)用）上更加常見，但是這個(gè)問題即常見又容易發(fā)現(xiàn)挣柬。
你又可以做點(diǎn)什么潮酒？
無論如何，一定要使用適用于平臺(tái)的標(biāo)準(zhǔn)界面和用戶體驗(yàn)元素邪蛔。如果和你的品牌稍有不搭急黎，可以根據(jù)實(shí)際情況微調(diào)——但不能徹底改變。如果和你的設(shè)計(jì)完全不搭侧到，或者和你的設(shè)計(jì)相比略遜一籌勃教，那就從用戶角度認(rèn)真思考這個(gè)問題到底有多重要。
3. 過量的圖標(biāo)
文檔的字?jǐn)?shù)有多少匠抗？我該怎樣快速地?cái)?shù)出來故源？
Mac 2016 年版微軟辦公軟件 Ribbon 視圖
我頻繁地使用這個(gè)軟件，但我完全不知道怎么數(shù)汞贸。下圖是圖標(biāo)下帶有文字標(biāo)簽的 Ribbon 視圖（為保證原樣绳军，下圖為默認(rèn)視圖印机，未做任何改動(dòng)）：
它可能帶出什么警告？
先等等删铃。如果這些圖標(biāo)沒什么意義耳贬，又不帶文字標(biāo)簽的話，那它們存在的原因是什么猎唁？給你一個(gè)小提示：
看看上圖凌亂的界面咒劲！太多不同的功能了，為了顯示全部?jī)?nèi)容诫隅，只好把字體變懈辍！
加入圖標(biāo)逐纬，特別是主導(dǎo)航菜單的圖標(biāo)蛔屹，是一種經(jīng)常使用的通過界面使較差的用戶體驗(yàn)變得更有吸引力的手段。但 MS Word 主菜單的核心問題不是圖標(biāo)太難被理解豁生，而是任何時(shí)候都顯示了太多功能兔毒。
再舉?1?個(gè)例子：
Xcode 新建項(xiàng)目界面
Xcode 向用戶顯示了過量的高度復(fù)雜功能，雖然實(shí)際用戶體驗(yàn)太差甸箱，使用不方便育叁，但因?yàn)閳D標(biāo)的加入看起來還是挺有吸引力的∩种常可以試想一下豪嗽，如果所有的圖標(biāo)都被同一小塊的文字標(biāo)簽所代替，界面效果會(huì)怎樣豌骏？
你又可以做點(diǎn)什么龟梦？
簡(jiǎn)化產(chǎn)品，將核心的功能植入各項(xiàng)交互里窃躲。交互界面要足夠小计贰，以舒適地顯示僅以文字為基礎(chǔ)的操作提示（文字標(biāo)簽）。
通常蒂窒，這需要你認(rèn)真思考用戶會(huì)如何使用你的產(chǎn)品蹦玫，并精心設(shè)計(jì)界面的導(dǎo)航層，這樣刘绣，不同的功能就可以恰當(dāng)?shù)卦O(shè)計(jì)和顯示。有時(shí)挣输，也可能需要你將產(chǎn)品拆分成幾個(gè)全新的產(chǎn)品纬凤。指南不是必須的，但你知道什么時(shí)候恰到好處撩嚼。
和代碼味道一樣停士，也總有例外的情況挖帘。如果在設(shè)計(jì)過程中你知道如何舍棄不必要的幫助文檔、難以實(shí)現(xiàn)的界面布局和過量的圖標(biāo)恋技，那不管怎樣你的產(chǎn)品都會(huì)提升一個(gè)檔次拇舀。
【我的小幸福之大學(xué)里愛過得那個(gè)女孩】
播音系女友
永遠(yuǎn)大嗓門
雖然有個(gè)刀子般的嘴
但有顆需要保護(hù)的心
經(jīng)管系女友
她的錢是她的
你的錢也是她的
而她是你的
中文系女友
她的世界有許多矯情
但她如果認(rèn)定你
說要把心交給你
則是最誠實(shí)的比喻
體育系女友
她那么女漢子
是因?yàn)橄朐谟鲆娔?/p>
之前
學(xué)會(huì)自己堅(jiān)強(qiáng)
表演系女友
再光鮮也有狼狽的時(shí)候
被打擊，被欺負(fù)
她從未停止過追夢(mèng)的念頭
她是你唯一的女神
新聞系女友
因?yàn)樗?jīng)受了太多辛苦
所以她不會(huì)輕易認(rèn)輸
若喜歡蜻底，請(qǐng)一直愛她
抱住她
外語系女友
她想環(huán)游世界
前提是be with U
你想走近她的世界
前提是be good to her
醫(yī)學(xué)系女友
她沒有什么拯救
人類的本領(lǐng)
但她是你唯一的醫(yī)生
能照顧你
給你幸福
法學(xué)系女友
你有權(quán)保持沉默
你但說的每一句誓言
都會(huì)成為她的呈堂證供
【你可能還想看】
■用戶體驗(yàn)設(shè)計(jì)師面試有哪些問題值得我們注意骄崩？
■《舌尖上的中國(guó)》導(dǎo)演把火鍋拍成北宋名畫，驚艷了
■一款A(yù)PP設(shè)計(jì)的從0到1之：界面設(shè)計(jì)篇
■UI動(dòng)效的5個(gè)核心規(guī)則薄辅，是你打造優(yōu)秀動(dòng)效的標(biāo)準(zhǔn)要拂！
