移動端極簡設計十原則

2 評論 10483 瀏覽 217 收藏 10 分鐘

移動端極簡設計幾乎就是用戶體驗的最重要的元素之一,如何做到極簡設計已經是移動端產品最重要的設計原則。特別是現在還是IOS風頭正經的時候,那么哪十個極簡設計的原則是我們需要注意的。

一、化繁為簡原則

化繁為簡聽上去很簡單,實際上卻是最難做的。比如擁有大型網站型的產品,如何在移動端體現出完整的業務就是很大的一個考驗。拿淘寶來說,它的app已經不算是簡單的了。因為要保證業務的前提下,還能做的簡單移動設計很難做到。所以,它只能從用戶邏輯上讓app保證了體驗的流暢性。這里國外的app就是比較典型的例子,Facebook把Facebook Messenger脫離出app就是為了產品的簡單性。但它有一層考慮,就是產品生命周期的問題,這里不著重分析了。實際上,我們在設計app時候,化繁為簡主要是讓業務主流程保障走通的情況下。頁面展示上不加入過多的其他分支流程的干擾,做到極簡原則。還有就是現在流行的扁平化設計就是簡單原則為先,去掉了復雜的擬物設計。能用簡單的選擇,就是不要用輸入框。能點選就不要長按設計。還有在提示設計上,需要簡單明了,讓用戶便于明白。在流程設計上,盡量多跳轉頁面也不要讓一個頁面展示信息架構過多而讓用戶陷入迷茫。

二、突出核心功能設計原則

突出核心功能就是突出主業務流程設計,主業務流程就是我們用戶的剛性需求。核心功能包括主流程上用戶需求和業務需求的對接、用戶邏輯順暢、業務邏輯清晰等原則上,做到用戶操作流程上的簡單。特別遇到遇到復雜移動場景下核心功能該如何設計。比如無網絡情況下,該用戶信息能否保存。比如錯誤的情況下,用戶操作是否能繼續。這些不僅保證核心功能設計原則,也是突出核心功能設計。突出核心功能設計并非只有方便操作點擊的按鈕和突出顯示的字體等視覺層面的。

三、符合用戶習慣原則

用戶習慣有哪些?在移動端有點擊、下拉刷新、右滑動返回等手勢。這些基本手勢都需要符合用戶習慣。消息列表和新聞列表是不是按倒敘時間進行排列。輸入框是不是按從左到右。按鈕是不是左邊是確定右邊是取消等等。雖然我們希望用戶體驗上給用戶一種全新的體驗,但是千萬不能用戶習慣挑戰。因為用戶學習成本遠比你想想的要高。如果你要挑戰的話,那就是的跟成本過不去了。

四、不要讓用戶思考原則

記住3個要點:“不要讓用戶想、不要讓用戶看、不要讓用戶找”。首先,不要用戶讓用戶想,大家看過《點石成金》應該都明白。用戶一但開始不理解你的頁面的信息架構的時候,那么就要開始思考。開始思考的時候,必定會流失用戶。所以不要讓用戶思考是第一原則。包括文案通俗易懂、輸入框輸入方便等基本信息正確。不要讓用戶看表示是不要用戶多看文字信息,過多的文字信息會誤導用戶進行瀏覽和操作。因為解釋越多,用戶越難理解。所以在展示上可以忽略掉用戶不必要知道的東西。第三點是不要讓用戶找。用戶一旦開始找某個按鈕或者功能那就是你產品不到位了。這里典型例子是智聯招聘PC版改版后,用戶中心找到不到本地文件下載按鈕。其實那個是剛需,會對用戶造成困擾,用戶體驗很差。千萬不要把主要的功能放到邊緣化的位置或者消失,這樣用戶開始尋找的話,那樣說明你的產品存在著問題。

五、可見性原則

這里主要針對2類頁面進行可見性原則。有失敗頁面可見和重要性可見。首先,是失敗頁面可見,失敗頁面可見主要針對是無法加載的頁面或者搜索無結果等頁面。這是最好不要簡單展示空白頁面,不要理解那樣就是極簡頁面,其實不是。我們需要展示將核心可見的內容進行可見性展示。比如,無法加載頁面中的無法加載幾個文字或者搜索無結果頁面中沒有結果幾個字。這些都是用戶認知。接下去說明是重要性可見。比如在支付頁面中,頁面中一定需要展示支付總金額是多少,而單個商品信息并非是重要信息。此時我們需要單個商品信息進行忽略。

六、易操作性原則

易操作性主要體現在能讓用戶下拉的頁面,盡量不要做按鈕折疊展示出來。比如在商品詳情頁中,盡量可以把頁面信息展示成幾個屏幕而非劃分幾個模塊。如商品規格,商品評論等。這樣的話,用戶操作起來也會非常不方面。下拉遠比點擊來的效率更高。我們在設計的時候,一定要站在用戶最習慣那個角度方式設計產品頁面。

七、快速瀏覽性原則

移動端產品一定適合快速瀏覽的。所以在產品設計的時候,一定要讓用戶能快速抓住重點。在新聞類產品中,我們新聞消息成表單結構無限下拉模式。這樣用戶就可以能快速看新聞標題,如果不喜歡,就可以繼續換下一個查看。然后點擊查看內容頁面后,可以非??焖龠M行閱讀。而下方有快速評論和快速分享功能。這樣的設計都是基于用戶快速瀏覽原則設計的。

八、多手勢操作原則

多手勢操作主要是基于移動端幾個手勢動作。下拉刷新,右滑動,點按等多種操作。多手勢也是極簡設計之一。如果你缺少了這些手勢,會直接降低你的用戶體驗感。特別實在返回操作的時候,多了一個手勢是很方便的。

九、符合移動場景原則

移動產品一定是要滿足多場景下設計的原則。比如,美團大眾點評都是基于地理位置推薦附近的商家。那些遠的商家都不是我們的需要的。這就是過濾掉了非必須的信息了。在滴滴打車中,我們叫車的時候,也只會展示在我們附近可以呼叫的車輛,而不是全部車輛。這也是過濾掉非必要的信息。所以O2O就是符合移動場景下極簡設計的標準。還有網絡差情況下,如何加載頁面,也是移動設計中需要考慮的。

十、不做比做更難原則

其實,我們不做一個功能比做更難。上線一個產品功能的時候,我們需要做需求分析、產品設計等很多工作。特別實在需求分析階段,我們需要采集大量數據進行支持這個需求存在并將設計上線。所以不做一個功能更難。因為不做一個功能可能我們將失去一部分用戶。但是有時候不做的原因,就是為了保證極簡設計的原因。因為過于復雜操作會流失用戶,一旦用戶流失基本就不會回歸產品了。所以寧可不做,也不要上線去失去用戶。

極簡設計的移動端正是移動互聯網與傳統的PC網站最大的不同點。它的認識成本極低和獲取用戶低讓app創業變得如此簡單。但是極簡設計并不是等于簡單,而是在滿足用戶和業務邏輯情況下,進行合理設計才是極簡設計。

#專欄作家#

曉翼,微信公眾號:上海人在北京。人人都是產品經理專欄作家。專注于電商、O2O的產品經理。會IOS開發、會P圖、會運營的逗比一個。常關注社交、旅行類產品。

本文原創發布于人人都是產品經理,未經許可,不得轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 可以轉載到個人的csdn博客中嗎

    來自廣東 回復
    1. 可以哦。寫明公眾號和名字就好啦。順便給我鏈接好啦。

      來自北京 回復