移動(dòng)端設(shè)計(jì)模式的誤用

如果你是一名經(jīng)驗(yàn)豐富的設(shè)計(jì)師，你一定會(huì)認(rèn)同一點(diǎn)，受他人啟發(fā)并不是在抄襲UI設(shè)計(jì)。這是一種的研究實(shí)踐。它也要運(yùn)用各種設(shè)計(jì)模式，也要遵循設(shè)計(jì)規(guī)范，也需要確保選擇用戶(hù)熟悉的模式來(lái)建立可用的界面。

有些人可能會(huì)說(shuō)，死守規(guī)范和模仿他人會(huì)扼殺創(chuàng)造力，終將有一天，所有應(yīng)用都長(zhǎng)一個(gè)樣。但從用戶(hù)體驗(yàn)的角度我注意到另一個(gè)問(wèn)題。習(xí)慣于實(shí)例可能會(huì)讓你盲從Google/Facebook/Instagram/還有你最喜歡的應(yīng)用，誤以為他們的設(shè)計(jì)目標(biāo)與你的相同，你卻未對(duì)此產(chǎn)生質(zhì)疑。下面是一些被認(rèn)為（或是曾經(jīng)被認(rèn)為）是實(shí)例的模式，但未必如你初見(jiàn)時(shí)所認(rèn)為的那么好。

1. 隱藏式導(dǎo)航

至少有五十萬(wàn)篇關(guān)于漢堡菜單的文章，多數(shù)都是設(shè)計(jì)師寫(xiě)的，為此展開(kāi)激烈爭(zhēng)辯。如果你對(duì)此一無(wú)所知，可以讀讀這篇或者這篇。但簡(jiǎn)而言之，討論點(diǎn)并不是這個(gè)圖標(biāo)本身，而是將導(dǎo)航隱藏在一個(gè)圖標(biāo)中。

側(cè)滑菜單非常靈活，使用也方便。

這個(gè)解決方案對(duì)于設(shè)計(jì)師很有誘惑力，方便快捷：你不用操心有限的屏幕空間，把整個(gè)導(dǎo)航塞進(jìn)默認(rèn)隱藏的滾動(dòng)層里就可以了。

但是，實(shí)驗(yàn)顯示，用一種更加可見(jiàn)的方式展示菜單項(xiàng)，能夠提升活躍度、用戶(hù)滿(mǎn)意度、甚至收入。這就是為何所有大公司都在舍棄漢堡菜單，讓最重要的導(dǎo)航項(xiàng)持續(xù)可見(jiàn)。

YouTube導(dǎo)航的變革，Luke Wroblewski注

如果你的導(dǎo)航很復(fù)雜，將其隱藏并不是友好的移動(dòng)端做法。為它排個(gè)主次才是。

2. 圖標(biāo)，到處都是圖標(biāo)

由于屏幕空間有限，另一個(gè)看似無(wú)需動(dòng)腦的節(jié)省空間的方法，就是把文字盡可能都換成圖標(biāo)。象形圖標(biāo)占用更少空間，也不需要翻譯，畢竟人們對(duì)這些都很熟悉，對(duì)吧？而且其他應(yīng)用都在這么做。

腦中帶著這樣的假定，應(yīng)用的設(shè)計(jì)師有時(shí)就會(huì)把功能藏在一些難以辨識(shí)的圖標(biāo)里面。例如這個(gè)，在Instagram中你可以通過(guò)這個(gè)圖標(biāo)直接發(fā)送消息，你能猜到嗎？

或者假設(shè)你從沒(méi)用過(guò)Google Translate，點(diǎn)下面這個(gè)圖標(biāo)你覺(jué)得會(huì)是什么功能？

有個(gè)常見(jiàn)的錯(cuò)誤，就是假定用戶(hù)都熟悉這些象形圖，或者愿意花時(shí)間探索和學(xué)習(xí)它們的含義。

Bloom.fm難以理解的標(biāo)簽欄。

如果你認(rèn)為在圖標(biāo)上加上懸浮氣泡會(huì)讓它更易用，那你就錯(cuò)了。即使你是Foursquare，用戶(hù)無(wú)論如何都需要學(xué)習(xí)使用。

Swarm中的圖標(biāo)提示。

這不是說(shuō)根本不應(yīng)該用圖標(biāo)。 有許多人們相當(dāng)熟悉的圖標(biāo)，其中多數(shù)都表現(xiàn)一些常用功能，例如搜索、播放視頻、郵件、設(shè)置等等。（但用戶(hù)仍然會(huì)感到不確定，例如，點(diǎn)擊心型圖標(biāo)時(shí)究竟會(huì)發(fā)生什么。）

有些圖標(biāo)多數(shù)用戶(hù)都認(rèn)識(shí)，這些可以作為通用圖標(biāo)。

但是，復(fù)雜且抽象的功能總是應(yīng)該帶有適當(dāng)?shù)奈淖謽?biāo)簽。在這種情況下，圖標(biāo)仍然有用，因?yàn)樗鼈兲嵘瞬藛雾?xiàng)的顯著性，也為應(yīng)用增加了一絲親切與個(gè)性。

Pixelmator的導(dǎo)航

基礎(chǔ)功能用圖標(biāo)可以很有效地展現(xiàn)，但對(duì)于復(fù)雜的功能，應(yīng)該帶上文字標(biāo)簽。（如果要用圖標(biāo)，一定要做可用性測(cè)試。）

3. 基于手勢(shì)的導(dǎo)航

蘋(píng)果在2007年推出iPhone時(shí)，多點(diǎn)觸控技術(shù)成為主流焦點(diǎn)，用戶(hù)了解到他們不僅能夠在界面上點(diǎn)擊，還可以放大、捏合和滑動(dòng)。

手勢(shì)在設(shè)計(jì)師群體中盛行起來(lái)，有許多應(yīng)用都帶有實(shí)驗(yàn)性的手勢(shì)控制。

Clear應(yīng)用中的手勢(shì)導(dǎo)航。

就像把導(dǎo)航藏在圖標(biāo)中替代文字標(biāo)簽，手勢(shì)有時(shí)候?qū)τ谛枰?jié)省屏幕空間的設(shè)計(jì)師而言也極具誘惑力。（“不應(yīng)該有刪除按鈕，人們左滑就行了?；蛘哂一残?，這個(gè)我們來(lái)決定?！保?/p>

關(guān)于手勢(shì)要知道的第一件事情，就是它們總是隱藏的。人們需要記住它們。就像漢堡菜單那樣：如果將某個(gè)選項(xiàng)隱藏起來(lái)，使用它的人就會(huì)減少。

而且，手勢(shì)與圖標(biāo)有同樣的問(wèn)題：有些通用手勢(shì)大家都掌握了，例如點(diǎn)按、縮放、滾動(dòng)。還有一些手勢(shì)每個(gè)應(yīng)用都不同，需要探索和學(xué)習(xí)。

但不幸的是，多數(shù)手勢(shì)在不同應(yīng)用中，都是非標(biāo)準(zhǔn)且不統(tǒng)一的——這仍然是觸屏界面設(shè)計(jì)相當(dāng)新的一個(gè)領(lǐng)域。甚至簡(jiǎn)單如滑動(dòng)手勢(shì)，在不同郵件應(yīng)用中也不一樣。

在蘋(píng)果的郵件應(yīng)用中右滑，會(huì)顯示出標(biāo)為未讀選項(xiàng)。

同樣的手勢(shì)在Mailbox里卻是歸檔郵件。

還有，想一想，搖晃手機(jī)可能既是撤銷(xiāo)（iOS）又是發(fā)送反饋（Google Maps)。

不要忘了手勢(shì)是隱藏式的控制，你的用戶(hù)需要付出大量的精力才能記住。除非你是Tinder，那你或許可以為全世界定義右滑的意義——但也僅限于你應(yīng)用中至關(guān)重要的某個(gè)概念。

4. 首次使用的教學(xué)引導(dǎo)

首次使用，最近一個(gè)火熱的用戶(hù)體驗(yàn)議題，指的是用戶(hù)與應(yīng)用的第一次接觸。在許多例子中，這就是指顯示一些教學(xué)引導(dǎo)層，向用戶(hù)說(shuō)明應(yīng)用界面：

dcovery中的教學(xué)引導(dǎo)。

為什么這是個(gè)糟糕的方案？因?yàn)槎鄶?shù)用戶(hù)會(huì)跳過(guò)你的介紹；他們只想立刻上手。即使他們注意到你的教程，通常也轉(zhuǎn)瞬即忘。（尤其當(dāng)界面信息太多時(shí)。）最后這點(diǎn)也很重要：加入教學(xué)引導(dǎo)并不會(huì)使界面更直觀。

文章名稱(chēng)：移動(dòng)端設(shè)計(jì)模式的誤用
網(wǎng)址分享：http://www.bm7419.com/news/173467.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供小程序開(kāi)發(fā)、網(wǎng)站設(shè)計(jì)、營(yíng)銷(xiāo)型網(wǎng)站建設(shè)、網(wǎng)站營(yíng)銷(xiāo)、品牌網(wǎng)站設(shè)計(jì)、虛擬主機(jī)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)