移動端極簡設(shè)計十原則

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

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

一、化繁為簡原則

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

二、突出核心功能設(shè)計原則

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

三、符合用戶習(xí)慣原則

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

四、不要讓用戶思考原則

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

五、可見性原則

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

六、易操作性原則

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

七、快速瀏覽性原則

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

八、多手勢操作原則

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

九、符合移動場景原則

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

十、不做比做更難原則

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

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

#專欄作家#

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

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,不得轉(zhuǎn)載。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 可以轉(zhuǎn)載到個人的csdn博客中嗎

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

      來自北京 回復(fù)