從使用者出發解析移動設計原則小結

來源:互聯網
上載者:User

  一、充分考慮使用者的使用習慣

  比如大多數人拿手機的時候是雙手握還是單手握,單手握的時候是右手操作還是左手操作,操作的時候用哪個手指就能進行操作。考慮到使用者的使用習慣有助於在設計時避開手指的觸碰盲區。

  二、充分考慮使用者的使用情境和幹擾源

  使用者使用產品是在什麼時間,什麼地點,什麼環境下使用?譬如,使用者經常在嘈雜的環境中使用自己的產品,這時候的幹擾源就是噪音,產品設計時應避免使用語音技術;使用者經常在擁擠的環境中使用產品,則產品設計時應避免使用者過多地進行輸入操作;使用者經常在地鐵等網路環境不好的場所使用產品,產品就應該自動儲存使用者的資訊,防止資訊的丟失。

  三、盡量減少產品層級

  在行動裝置上,過多的層級會使使用者失去耐心而放棄對產品的使用。如果產品層級確實過深,考慮用一下幾種方法扁平化你的層級結構:使用選項卡(tabs)結合分類和內容的展示;允許穿越層級操作,比如允許使用者在第一層級對第二層級的內容進行直接操作(新浪微博資訊列表頁的長按)。

  四、APP的第一層級

  如果 APP 的第一層級包括多種視圖,確保在主操作欄上給出明顯操作入口;如果 APP 允許使用者建立內容,考慮在第一層級給出建立內容的入口;如果 APP 內容允許被搜尋,考慮在第一層級給出搜尋入口,使用者可以通過搜尋打破導航結構,進行全域搜尋。

  五、操作欄的設計。

  空間足夠情況下,給出 APP 表徵圖;如果 APP 支援用不同的方式展示內容,要在操作欄支援視圖切換的功能。可以考慮用選項卡或者下拉式功能表的方式來進行切換。

  選項卡展示 APP 視圖的同時,使其便於瀏覽和切換,如果你希望使用者頻繁切換視圖,可以考慮選項卡。如果你不想放棄垂直螢幕空間且希望使用者不是那麼頻繁的切換視圖,考慮使用下拉式功能表。

  操作按鈕:操作欄上的操作按鈕用來展示你APP 中的最重要功能的操作。

  使用 FIT 來確保優先展示操作按鈕的準則

  F — 頻繁 ,使用者在訪問介面時,是否會頻繁使用這個操作?

  I — 重要 ,這個操作對於使用者來說是否真的很重要?

  T — 典型 ,在類似的APP中,是否把這個操作作為典型的第一操作?

  一般來說,如果符合 FIT 準則,則放在操作欄裡,否則,它屬於更多操作。比如:微部落格戶端的重新整理按鈕。瀏覽微博對於大多數人來說是第一訴求,而重新整理按鈕對於瀏覽微博來講是一個重要的操作且操作頻率極高,所以,微博的用戶端一般把”重新整理”這個操作放在主操作欄裡。

  六、主操作欄的內容不易過多,一般不超過三項

  主操作欄的作用是為了把最重要的內容展示給使用者,過多的內容容易對使用者造成幹擾。比如,騰訊微博的主操作欄裡只有切換視圖和寫微博兩個內容項,微信的主操作欄只有表徵圖和把不常用功能收合按鈕兩個內容項,Fuubo 的主操作欄也只有表徵圖和重新整理按鈕兩個內容項。而新浪微博官方安卓用戶端的主操作欄內容項則過多。

  七、設計要主次分明

  將主流使用者最常用的 20% 功能進行顯現,其他進行適度的隱藏,越不常用的功能,隱藏的層級越深。例如:微信的掃本機二維碼、避免新浪微博廣場的堆積式設計。

  八、始終提供明確的導航

  要提供明確的返回上一級的操作。

  九、尊重使用者的付出,自動儲存使用者輸入的內容

  比如,微信的訊息發送在沒連網的情況下發送會顯示歎號儲存在手機端,連網後只需重新發送即可,不需要重新鍵入資訊。新浪微博在網路不好的情況下進行轉寄或評論,相應的資訊也會自動儲存在草稿箱,連網後操作一下即可。

  十、盡量減少使用者的輸入,輸入時給出適當的參考

  比如百度地圖這一點做的很好,使用者輸入一般時就會給出相關地點。

  十一、盡量去猜測使用者的行為,但要允許錯誤修正

  比如,使用者在進行搜尋時,可以根據使用者最近搜尋行為給出參考答案。

  十二、只在最重要的時候才去打斷使用者

  比如通知,好的 APP 只有在需要它發言的時候它才發言。

  十三、提供即時的,明確的反饋

  好的反饋能使使用者有被感知的感覺。操作反饋不及時時,用設計打掩護。

  最後,沒有萬能的設計原則

  根據不同產品的戰略和具體情境,設計要進行靈活變化。比如,按照FIT原則來講,新浪微博的官方安卓用戶端將”重新整理”按鈕放在主操作欄是好的設計。

  個人對新浪微博官方用戶端的想法

  如果考慮到底操作欄的”首頁”按鈕已經能很好的滿足重新整理微博這個需求且”首頁”所處的位置更方便使用者手指的觸達;而對於大多數使用右手操作手機的使用者來講,”發布微博”的按鈕放在”重新整理”按鈕的位置更方便使用者操作。所以個人建議將主操作欄的”重新整理”按鈕去除,將”發布微博”的按鈕放到”重新整理”的位置, 將”興趣”按鈕放在最左側(既原來”發布微博”按鈕的位置)

  這樣的設計既不會很大影響使用者重新整理微博;

  也能方便使用者發布微博;

  使主操作欄的操作按鈕由三個變為兩個,使主要功能更突出;

  增加”興趣按鈕”的曝光度,兼顧使用者體驗的同時也滿足了產品價值。

相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。