移動端設(shè)計模式的誤用

2015-12-12

35395

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

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

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

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

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

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

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

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

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

2. 圖標，到處都是圖標

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

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

或者假設(shè)你從沒用過Google Translate，點下面這個圖標你覺得會是什么功能？

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

Bloom.fm難以理解的標簽欄。

如果你認為在圖標上加上懸浮氣泡會讓它更易用，那你就錯了。即使你是Foursquare，用戶無論如何都需要學(xué)習(xí)使用。

Swarm中的圖標提示。

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

有些圖標多數(shù)用戶都認識，這些可以作為通用圖標。

但是，復(fù)雜且抽象的功能總是應(yīng)該帶有適當?shù)奈淖謽撕灐Ｔ谶@種情況下，圖標仍然有用，因為它們提升了菜單項的顯著性，也為應(yīng)用增加了一絲親切與個性。

Pixelmator的導(dǎo)航

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

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

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

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

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

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

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

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

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

在蘋果的郵件應(yīng)用中右滑，會顯示出標為未讀選項。

同樣的手勢在Mailbox里卻是歸檔郵件。

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

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

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

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

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

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

關(guān)注我們：在查找公眾號中搜索：zomsky1688，或者掃描下方二維碼快速關(guān)注。
廣州市縱天信息科技有限公司公眾號
本文來自廣州品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計制作公司-縱天
關(guān)鍵詞：廣州網(wǎng)頁設(shè)計公司,廣州網(wǎng)站設(shè)計公司,移動網(wǎng)站建設(shè)