如果你是一個(gè)有經(jīng)驗(yàn)的設(shè)計(jì)師，你可能同意在UI設(shè)計(jì)中從別人的作品里獲取靈感并不算抄襲的說法占婉。通過借鑒而產(chǎn)生的作品是一種最好的實(shí)踐練習(xí)泡嘴，它也要運(yùn)用各種設(shè)計(jì)模式，也要遵循設(shè)計(jì)規(guī)范逆济，也要確保選用用戶熟悉的模式來創(chuàng)作使用界面酌予。
有人也許會(huì)說墨守陳規(guī)或模仿別人會(huì)扼殺創(chuàng)造力，到最后所有的應(yīng)用看起來都是一樣的奖慌。但從用戶體驗(yàn)的角度我看到了另一個(gè)的問題抛虫。盲目運(yùn)用最佳設(shè)計(jì)使你相信Google/Facebook/Instagram或者其他你喜歡的應(yīng)用永遠(yuǎn)是正確的，他們的設(shè)計(jì)目標(biāo)和你的一樣升薯，并未對他們的設(shè)計(jì)產(chǎn)生過質(zhì)疑莱褒。這里有些現(xiàn)在（或過去）被認(rèn)為最佳實(shí)例的模塊。但未必如你初見時(shí)認(rèn)為的那么出色涎劈。
1广凸、隱藏式導(dǎo)航
有近五十萬篇描述過漢堡式菜單的文章，多數(shù)都是設(shè)計(jì)師寫的蛛枚，并為此展開激烈爭辯谅海。如果你錯(cuò)過了相關(guān)文章，可以閱讀一下這篇或這篇蹦浦，但簡而言之扭吁，這不是關(guān)于圖標(biāo)本身而是有關(guān)于把導(dǎo)航藏到一個(gè)圖標(biāo)后面的討論。
對于設(shè)計(jì)師來說這是一種十分誘人和方便的解決辦法：你不必?fù)?dān)心屏幕空間的限制盲镶，僅需要把整個(gè)導(dǎo)航塞進(jìn)默認(rèn)隱藏的滾動(dòng)層里就可以了侥袜。
但是，實(shí)踐表明溉贿，用一種更加可見式的方式展示菜單選項(xiàng)枫吧，能夠提升活躍度、用戶滿意度宇色、甚至收入九杂。這就是為什么大型的應(yīng)用移除漢堡式導(dǎo)航而趨向于使更多相關(guān)的導(dǎo)航項(xiàng)始終可見。
如果導(dǎo)航相對復(fù)雜宣蠕，將其隱藏不能帶來友好的操作例隆。應(yīng)從優(yōu)先級去考慮。
2抢蚀、圖標(biāo)镀层，無處不見的圖標(biāo)
在有局限性的屏幕界面上，通過使用圖標(biāo)替換文本標(biāo)簽的方式來節(jié)省空間也是沒有道理的皿曲。圖標(biāo)占用較少空間鹿响，也不需要翻譯羡微，同時(shí)人們對這些圖標(biāo)都很熟悉，對嗎惶我？而且其他應(yīng)用都是這么做的妈倔。
從這個(gè)假設(shè)考慮，應(yīng)用程序設(shè)計(jì)者有時(shí)候在圖標(biāo)背后隱藏的功能在實(shí)際操作中是難以被識(shí)別的绸贡。例如盯蝴，你能猜到，通過Instagram里的這個(gè)圖標(biāo)來發(fā)送即時(shí)消息嘛听怕？
或者捧挺，假如說之前你從無使用過Google Translate，你會(huì)期望通過點(diǎn)擊下面的象形圖標(biāo)訪問哪些功能尿瞭？
有個(gè)常見的錯(cuò)誤闽烙，就是認(rèn)為用戶都熟悉抽象的象形圖，或者他們愿意花費(fèi)額外的時(shí)間去探索和學(xué)習(xí)它們的含義声搁。
如果你認(rèn)為在圖標(biāo)上添加懸浮氣泡會(huì)讓它更易用黑竞，那你就錯(cuò)了。即使你是Foursquare疏旨，用戶也需要去學(xué)習(xí)如何使用很魂。
但也不可以不使用圖標(biāo)。有大量的圖標(biāo)被用戶所熟知檐涝，其中多數(shù)表示一些常用的功能如搜索遏匆、播放視頻、郵件谁榜、設(shè)置等等幅聘。（但是用戶仍然不確定當(dāng)他們點(diǎn)擊一個(gè)類似心型的圖標(biāo)時(shí)會(huì)發(fā)生什么。）
然而帝蒿，復(fù)雜而抽象的功能需要配備顯示適當(dāng)?shù)奈淖謽?biāo)簽。在這種情況下撕瞧，圖標(biāo)仍然有用陵叽，因?yàn)樗麄兛稍鰪?qiáng)菜單的發(fā)現(xiàn)性狞尔，同時(shí)在應(yīng)用中增加親密感和個(gè)性化丛版。
** 基本功能通過圖標(biāo)可以有效地展現(xiàn)，但是對于復(fù)雜的功能偏序，需要添加上文字標(biāo)簽页畦。（并且如果使用圖標(biāo)，需要先對他們的易用性進(jìn)行測試研儒。） **
3豫缨、基于手勢的導(dǎo)航
2007年蘋果公司推出iPhone時(shí)独令，多觸點(diǎn)技術(shù)得到主流關(guān)注，用戶了解到好芭，在操作界面上不僅可以點(diǎn)擊還可以縮放燃箭、捏合和滑動(dòng)。
手勢操作深受設(shè)計(jì)師的歡迎舍败，許多應(yīng)用程序都帶有實(shí)驗(yàn)性的手勢控制招狸。
就像隱藏導(dǎo)航和使用圖標(biāo)代替文字標(biāo)簽一樣，手勢對于想節(jié)省界面空間的設(shè)計(jì)師來說是很有誘惑力的邻薯。（“那里不應(yīng)有一個(gè)刪除圖標(biāo)裙戏，人們可以向左滑動(dòng)清空即可〔薰睿或者向右滑動(dòng)累榜，我們來決定如何使用×橄樱”）
對于手勢壹罚，首先需要了解的是它們都是隱藏起來的。人們需要記住他們醒第。就像漢堡式導(dǎo)航的狀況一樣渔嚷，一個(gè)隱藏的功能只有少數(shù)的人會(huì)去使用。
此外稠曼，手勢和圖標(biāo)有著相同的問題：有些大多數(shù)用戶都掌握并通用的手勢形病，比如點(diǎn)擊、縮放霞幅、滾動(dòng)漠吻；還有一些手勢是需要在每個(gè)應(yīng)用中發(fā)現(xiàn)和學(xué)習(xí)的。
不幸的是司恳，更多的手勢在夸應(yīng)用間尚未實(shí)現(xiàn)標(biāo)準(zhǔn)化和一致性——在觸控界面設(shè)計(jì)中手勢依然是一個(gè)新的領(lǐng)域途乃。甚至簡單如滑動(dòng)一封電子郵件的手勢，在各個(gè)郵件管理應(yīng)用中工作效果也是不一樣的扔傅。
還有耍共，想一想，搖晃你的設(shè)備猎塞，可能意味著撤銷（在iOS上）也可能表示發(fā)送反饋（在谷歌地圖上）试读。
永遠(yuǎn)不要忘記手勢是隱藏的操控，而且要記住荠耽，你的用戶在上面需要花費(fèi)大量的精力钩骇。除非你是Tinder，那你或許可以替全世界定義向右滑動(dòng)的含義——但也僅限于你應(yīng)用中至關(guān)重要的某個(gè)概念。
4倘屹、首次使用時(shí)的界面引導(dǎo)
首次操作银亲，一個(gè)最近很火的用戶體驗(yàn)議題，指用戶和應(yīng)用第一次接觸纽匙。在許多情況下务蝠，這僅僅意味著展示一些覆蓋的引導(dǎo)給用戶講解應(yīng)用界面:
為什么這是個(gè)糟糕的解決方案？因?yàn)樵S多用戶會(huì)跳過你的簡介烛缔；他們只是想快點(diǎn)使用應(yīng)用请梢。即使他們注意到你的引導(dǎo)，但是當(dāng)關(guān)閉覆蓋時(shí)力穗，他們通常會(huì)忘掉一切毅弧。（特別是，如果屏幕塞滿了信息当窗。）而且最重要的是：添加教學(xué)引導(dǎo)不會(huì)使界面更直觀够坐。
牢記這一點(diǎn)：
首次操作的流程可以用一些可能更有用的方式展示給用戶。例如巫员，Slack庶香，在第一屏介紹了一些使用環(huán)境。他們簡單地自我介紹简识，注重效益赶掖，而不是界面和功能。
漸進(jìn)式引導(dǎo)是一種更具交互性的方式來吸引用戶第一次使用七扰。Duoling沒有介紹應(yīng)用如何操作：鼓勵(lì)用戶跳躍并快速測試所選擇的語言（即使用戶沒有注冊）奢赂，因?yàn)樵诓僮髦杏脩艨梢詫W(xué)到更多。這也是一種更加吸引人的方式來顯示應(yīng)用程序的價(jià)值颈走。
還記得滑動(dòng)手勢在Mailbox和Apple Mail里的不同嗎膳灶？這是它們的漸進(jìn)式引導(dǎo)如何工作的：用戶會(huì)看到一個(gè)演示，在實(shí)際使用應(yīng)用前立由，他們要試著操作每一個(gè)手勢轧钓。
在設(shè)計(jì)一個(gè)半透明覆蓋的教學(xué)引導(dǎo)前，停下來并想一下用戶首次使用的體驗(yàn)是什么樣的锐膜。要重視環(huán)境毕箍。在大多數(shù)情況下，會(huì)有更好的方式展示你的歡迎界面枣耀。
5霉晕、有創(chuàng)意、不直觀的空狀態(tài)
空狀態(tài)很容易被經(jīng)驗(yàn)不足的設(shè)計(jì)師忽略捞奕，但是牺堰，當(dāng)涉及到一個(gè)應(yīng)用程序的整體用戶體驗(yàn)時(shí)，它們可能是一個(gè)重要的因素颅围。
有時(shí)候伟葫，設(shè)計(jì)師把錯(cuò)誤的消息和空狀態(tài)當(dāng)作有機(jī)會(huì)發(fā)揮創(chuàng)意的畫布。
例如Google Photos的這個(gè)空白狀態(tài)界面：
第一眼看到時(shí)院促，覺得它也出色筏养，對嗎？遵循規(guī)范常拓，層次分明渐溶，上面還有漂亮的插畫。
但再看一眼弄抬，這里有一些奇怪的東西：
- 如果沒有收藏集茎辐，為什么會(huì)出現(xiàn)一個(gè)突出的搜索按鈕？為什么你要在什么都沒有的位置查找掂恕？
- 第二個(gè)突出的元素拖陆，圖片顯然是不能點(diǎn)擊的（雖然很多人會(huì)嘗試）
- 提示說，我應(yīng)該尋找頂部的“+”號懊亡，這很別扭依啰。為什么提示本身不包含添加按鈕？這就像是在說“點(diǎn)擊繼續(xù)按鈕繼續(xù)”店枣。
上面的空白狀態(tài)界面并不能幫助用戶了解情況：
- 收藏集是什么速警？他們有什么用？
- 為什么我沒什么也沒有鸯两？
- 使用它我能做什么（如果我想做的話）坏瞄？
當(dāng)談到創(chuàng)意時(shí)，少有時(shí)是更多甩卓。下面的空白狀態(tài)很好的起到了它應(yīng)有的作用鸠匀。（讓我們暫時(shí)忽略“Now tap the button below”的按鈕）
不要忘記空狀態(tài)（類似于網(wǎng)頁的404頁面）不僅僅和視覺美感與品牌個(gè)性有關(guān)。而且它們在可用性方面具有更重要的作用逾柿。要確保它們直觀易懂缀棍。
質(zhì)疑一切
不要誤解我的意思：設(shè)計(jì)模式和最佳實(shí)踐仍然是你的伙伴。但請記住應(yīng)用程序和用戶是不同的：一種解決方案可能會(huì)在一個(gè)應(yīng)用程序上工作良好机错，但不一定適合你的應(yīng)用爬范。這不是普適規(guī)律。而且弱匪，你永遠(yuǎn)都不會(huì)知道一個(gè)應(yīng)用為什么要這樣設(shè)計(jì)青瀑。
獨(dú)立思考。獨(dú)立設(shè)計(jì)。獨(dú)立研究斥难。
權(quán)衡枝嘶、測試、驗(yàn)證——?jiǎng)e害怕違背準(zhǔn)則哑诊，如果那樣做更有意義群扶。
原文鏈接：https://medium.com/@kollinz/misused-mobile-ux-patterns-84d2b6930570
作者：Zoltan Kollin
備注：本人首次翻譯并發(fā)布，如有不足之處镀裤，歡迎大家指正竞阐。推薦大家去閱讀英文原文，加深對文章主旨的理解暑劝。
