本文譯自medium上的文章Misused mobile UX patterns
作為一個(gè)用戶體驗(yàn)設(shè)計(jì)師，你可能會(huì)認(rèn)為界面設(shè)計(jì)中，受到別人的啟發(fā)并不能算抄襲甜紫。實(shí)踐是最好的研究方法囱井，你使用設(shè)計(jì)模式忆畅，遵循設(shè)計(jì)規(guī)范急但，這些能夠確保用戶可以熟練地使用你的界面澎媒。于是就有人擔(dān)心說，一味地遵從設(shè)計(jì)規(guī)范波桩，跟隨大眾，會(huì)扼殺創(chuàng)造力请敦，到最后镐躲，所有的應(yīng)用看起來都是一樣的。而從一個(gè)交互設(shè)計(jì)師的角度來看侍筛，我覺得我們應(yīng)該關(guān)心的是另一個(gè)問題萤皂，那就是我們學(xué)習(xí)大公司的規(guī)范，學(xué)習(xí)他們的設(shè)計(jì)模式匣椰，我們相信他們總是對(duì)的裆熙，他們的設(shè)計(jì)目標(biāo)是跟我們一致的，最后我們便失去了質(zhì)疑他們的能力禽笑。
下面就來講一些被認(rèn)為是很好的設(shè)計(jì)模式入录，因?yàn)閷?shí)際上它們并沒有你想象中的那么好。
1佳镜、隱藏式導(dǎo)航
至少有50萬的帖子在討論關(guān)于漢堡包菜單的問題僚稿，大部分討論者是設(shè)計(jì)師，他們?cè)跔?zhēng)論是否要反對(duì)使用這種菜單蟀伸。概括地說蚀同，這其實(shí)不是圖標(biāo)本身的問題，而是關(guān)于將導(dǎo)航隱藏在圖標(biāo)后面的問題啊掏。
隱藏式導(dǎo)航為設(shè)計(jì)師帶來了方便蠢络，不用再擔(dān)心有限的屏幕空間，只要將你的導(dǎo)航擠到一個(gè)滾動(dòng)列表里然后隱藏起來就好了迟蜜。但是有關(guān)的實(shí)驗(yàn)表明刹孔，顯式的菜單因?yàn)楦菀妆豢吹剑苡行У靥岣邊⑴c度小泉，用戶滿意度芦疏，甚至是收益冕杠。這也是為什么現(xiàn)在一些應(yīng)用開始改變的原因，從漢堡包菜單轉(zhuǎn)化為讓最相關(guān)的導(dǎo)航項(xiàng)保持可見酸茴。如下圖：
總之分预，如果你的導(dǎo)航很復(fù)雜，隱藏起來并不會(huì)讓其在移動(dòng)端上更加友好薪捍，但是按照優(yōu)先級(jí)排序可以笼痹。
2呛每、圖標(biāo)臂寝，到處都是圖標(biāo)
同樣是因?yàn)槠聊豢臻g有限，任何可以替換成圖標(biāo)的文字都盡可能被替換以節(jié)省空間凭涂，而這看起來也非常簡(jiǎn)單被济。圖像占用更少的空間并且不需要翻譯救赐，用戶也會(huì)慢慢習(xí)慣，幾乎所有的應(yīng)用都這樣做只磷。但有時(shí)经磅，設(shè)計(jì)師會(huì)用一個(gè)相當(dāng)難辨認(rèn)的圖標(biāo)去表示某一個(gè)功能，比如下面這個(gè)例子钮追。你知道這個(gè)圖標(biāo)可以讓你在Instagram中直接發(fā)送信息嗎预厌？或者，假如你從沒用過谷歌翻譯元媚，你知道這個(gè)圖標(biāo)的意思嗎轧叽？
有一個(gè)普遍的錯(cuò)誤的想法認(rèn)為，用戶如果不熟悉你使用的抽象的圖標(biāo)刊棕，就會(huì)花時(shí)間去探索和學(xué)習(xí)炭晒。如果你設(shè)計(jì)了一個(gè)圖標(biāo)，然后覺得有必要加上一個(gè)標(biāo)簽對(duì)其進(jìn)行說明鞠绰，那你的設(shè)計(jì)就有問題腰埂，即使你的彈出框讓用戶明白了圖標(biāo)的意義。
當(dāng)然蜈膨，不是說不能使用圖標(biāo)了屿笼，還是有許多圖標(biāo)用戶非常熟悉的，像搜索翁巍、播放驴一、郵件、設(shè)置等灶壶，在這種情況下肝断，避免將常用的圖標(biāo)對(duì)應(yīng)在不常規(guī)的功能上。
在另外一種情況下，對(duì)于一些比較復(fù)雜和抽象的功能胸懈，可以同時(shí)使用圖標(biāo)和文字担扑，這時(shí)候，圖標(biāo)作為一種補(bǔ)充的元素趣钱，能夠增強(qiáng)菜單項(xiàng)的可視性涌献，也可以增加觸點(diǎn)的面積，同時(shí)也給應(yīng)用添加了一些個(gè)性化的元素首有。
總結(jié)一下燕垃，一些基礎(chǔ)的功能可以使用圖標(biāo)來提高效率，但是對(duì)于復(fù)雜的功能來說井联，應(yīng)該使用文字標(biāo)簽卜壕。使用圖標(biāo)時(shí)，應(yīng)該進(jìn)行相應(yīng)的可用性測(cè)試烙常。
3轴捎、基于手勢(shì)的導(dǎo)航
2007年蘋果手機(jī)發(fā)布后，多點(diǎn)觸控成為主流蚕脏，用戶知道他們不僅僅可以點(diǎn)擊或者輕觸屏幕轮蜕，還可以縮放，捏蝗锥，快速滑動(dòng)等。手勢(shì)同樣得到設(shè)計(jì)師的歡迎率触，各種包含實(shí)驗(yàn)性手勢(shì)控制的應(yīng)用被開發(fā)出來终议。
與上面的隱藏導(dǎo)航和圖標(biāo)一樣，手勢(shì)同樣可以節(jié)省屏幕空間葱蝗，比如刪除穴张，再也不需要有一個(gè)刪除按鈕，用戶只需要向左滑動(dòng)即可两曼。但手勢(shì)同時(shí)也具有隱藏導(dǎo)航和圖標(biāo)的問題皂甘，手勢(shì)是看不見的，用戶需要記住它才能使用悼凑，就像菜單偿枕，如果人們看不見，可能就會(huì)很少去用它户辫。就像圖標(biāo)渐夸，手勢(shì)也有一些常用的和非常用的，點(diǎn)擊渔欢，縮放墓塌，滾動(dòng)等是常用的，用戶不需要學(xué)習(xí)，但是其他較復(fù)雜的則需要用戶去發(fā)現(xiàn)和學(xué)習(xí)苫幢。
更不幸的是访诱，手勢(shì)并沒有什么標(biāo)準(zhǔn)，同一個(gè)手勢(shì)在不同的應(yīng)用中有不同的意義韩肝。就像簡(jiǎn)單的滑動(dòng)触菜，在不同的郵件應(yīng)用中是不同的，如下圖伞梯。
總結(jié)一下玫氢，設(shè)計(jì)手勢(shì)時(shí)，不要忘記手勢(shì)是看不見的谜诫，用戶需要花費(fèi)精力去學(xué)習(xí)和記住漾峡。而且，也要注意手勢(shì)在不同應(yīng)用中的區(qū)別喻旷，盡量不要讓用戶困惑生逸，除非很重要，不然不要做出一些與別人差異太大的手勢(shì)設(shè)計(jì)且预。
4槽袄、入門教程
入門教程是用戶第一次使用軟件時(shí)出現(xiàn)的，最簡(jiǎn)單的方法就是直接在上面顯示一些關(guān)于頁面的操作教程锋谐，如下圖所示遍尺。
這是一個(gè)不好的解決方案，因?yàn)楹芏嘤脩羰侵苯犹^介紹的涮拗，他們只想快速開始使用應(yīng)用乾戏。即使用戶注意到了你的教程，關(guān)掉之后也會(huì)很快忘記三热，特別是教程內(nèi)容很多的情況鼓择。最后一個(gè)是，增加教程并不會(huì)讓你的界面更加直觀就漾，更加容易使用呐能，記住下面這句話。
入門教程可以有其他的更好的設(shè)計(jì)方案，比如介紹一下你的應(yīng)用夷野，強(qiáng)調(diào)這個(gè)應(yīng)用具有什么優(yōu)點(diǎn)懊蒸。或者采用漸進(jìn)式的入門悯搔，不解釋應(yīng)用如何工作骑丸，而是通過一系列的操作讓用戶學(xué)習(xí)舌仍。另外，前面提到的手勢(shì)問題通危，如果你使用的是一些不常見的手勢(shì)铸豁，可以在入門教程中讓用戶嘗試一下。
總之菊碟，在設(shè)計(jì)一個(gè)半透明的教程蓋層的時(shí)候节芥，停下來想一想用戶對(duì)應(yīng)用的第一印象應(yīng)該是怎樣的，關(guān)注上下文逆害，在大多數(shù)情況下头镊，會(huì)有更好的方式去歡迎你的用戶。
5魄幕、有創(chuàng)造性但是不夠直觀的空狀態(tài)
新手經(jīng)常會(huì)忽略空狀態(tài)的設(shè)計(jì)相艇，這對(duì)應(yīng)用的整體體驗(yàn)非常重要。有些設(shè)計(jì)師覺得錯(cuò)誤信息或者空狀態(tài)出現(xiàn)時(shí)頁面太單調(diào)纯陨，所以發(fā)揮創(chuàng)意對(duì)其進(jìn)行設(shè)計(jì)坛芽，比如下面這張圖。谷歌圖片的空狀態(tài)翼抠。
第一眼看起來挺好的咙轩，遵從設(shè)計(jì)規(guī)范，較好的組合式布局阴颖，加上漂亮的圖片活喊。
但是繼續(xù)看，就會(huì)發(fā)現(xiàn)不少問題：
- 為什么會(huì)有一個(gè)突出顯示的搜索按鈕量愧，既然都沒有東西胧弛，還能搜索什么？
- 第二個(gè)比較突出的是那個(gè)圖片侠畔，很明顯以致于會(huì)讓用戶誤以為是可以點(diǎn)擊的。
- 文字上說损晤，點(diǎn)擊“＋”按鈕软棺，但是要在上面找，為什么不可以放在旁邊尤勋。
這個(gè)空狀態(tài)并沒有幫助用戶理解當(dāng)前的環(huán)境：
- 什么是收集喘落，為什么收集有用？
- 為什么我沒有任何收集最冰？
- 我可以做點(diǎn)什么瘦棋？
下面是一個(gè)相對(duì)比較好的例子。
總之暖哨，要記住空狀態(tài)不僅僅是關(guān)于視覺美學(xué)以及品牌特性赌朋，他們?cè)诳捎眯苑矫嬗泻苤匾淖饔茫M量讓其更加直觀。
懷疑一切
不要誤會(huì)我的意思沛慢，設(shè)計(jì)模式和好的實(shí)踐依然是你做設(shè)計(jì)時(shí)的好的參考赡若。只要記得，每個(gè)應(yīng)用和用戶都是不一樣的团甲，一個(gè)方案可能在別的應(yīng)用上用得很好逾冬，但在你的應(yīng)用上并不適用。沒有什么可以適用所有應(yīng)用的躺苦。另外身腻，你也不知道別的應(yīng)用到底為什么要這樣設(shè)計(jì)，盲目地借鑒沒有意義匹厘。
做自己的思考嘀趟，做自己的設(shè)計(jì)，做自己的調(diào)查集乔。
估計(jì)去件、測(cè)試、驗(yàn)證--如果你的方案看起來更好扰路，不要擔(dān)心它不符合設(shè)計(jì)規(guī)范尤溜。
以上。
