移動(dòng)時(shí)代的APP設(shè)計(jì)怎樣做到極簡？

發(fā)布日期：[2016/3/9] 編輯：奇億廣州網(wǎng)站建設(shè)

移動(dòng)互聯(lián)網(wǎng)時(shí)代，使用APP的人越來越多，一款好的APP設(shè)計(jì)定是企業(yè)發(fā)展的優(yōu)勢，但精簡、使用方便的APP才是受大眾所喜愛的，那么對于APP的設(shè)計(jì)怎樣才能做到極簡呢？

      移動(dòng)端極簡設(shè)計(jì)幾乎就是用戶體驗(yàn)的最重要的元素之一，如何做到極簡設(shè)計(jì)已經(jīng)是移動(dòng)端產(chǎn)品最重要的設(shè)計(jì)原則。特別是現(xiàn)在還是IOS風(fēng)頭正勁的時(shí)候，那么哪十個(gè)極簡設(shè)計(jì)的原則是我們需要注意的。
      一、化繁為簡原則
      化繁為簡聽上去很簡單，實(shí)際上卻是最難做的。比如擁有大型網(wǎng)站型的產(chǎn)品，如何在移動(dòng)端體現(xiàn)出完整的業(yè)務(wù)就是很大的一個(gè)考驗(yàn)。拿淘寶來說，它的app已經(jīng)不算是簡單的了。因?yàn)橐ＷC業(yè)務(wù)的前提下，還能做的簡單移動(dòng)設(shè)計(jì)很難做到。所以，它只能從用戶邏輯上讓app保證了體驗(yàn)的流暢性。這里國外的app就是比較典型的例子，F(xiàn)acebook把Facebook Messenger脫離出app就是為了產(chǎn)品的簡單性。但它有一層考慮，就是產(chǎn)品生命周期的問題，這里不著重分析了。實(shí)際上，我們在設(shè)計(jì)app時(shí)候，化繁為簡主要是讓業(yè)務(wù)主流程保障走通的情況下。頁面展示上不加入過多的其他分支流程的干擾，做到極簡原則。還有就是現(xiàn)在流行的扁平化設(shè)計(jì)就是簡單原則為先，去掉了復(fù)雜的擬物設(shè)計(jì)。能用簡單的選擇，就是不要用輸入框。能點(diǎn)選就不要長按設(shè)計(jì)。還有在提示設(shè)計(jì)上，需要簡單明了，讓用戶便于明白。在流程設(shè)計(jì)上，盡量多跳轉(zhuǎn)頁面也不要讓一個(gè)頁面展示信息架構(gòu)過多而讓用戶陷入迷茫。
      二、突出核心功能設(shè)計(jì)原則
      突出核心功能就是突出主業(yè)務(wù)流程設(shè)計(jì)，主業(yè)務(wù)流程就是我們用戶的剛性需求。核心功能包括主流程上用戶需求和業(yè)務(wù)需求的對接、用戶邏輯順暢、業(yè)務(wù)邏輯清晰等原則上，做到用戶操作流程上的簡單。特別遇到遇到復(fù)雜移動(dòng)場景下核心功能該如何設(shè)計(jì)。比如無網(wǎng)絡(luò)情況下，該用戶信息能否保存。比如錯(cuò)誤的情況下，用戶操作是否能繼續(xù)。這些不僅保證核心功能設(shè)計(jì)原則，也是突出核心功能設(shè)計(jì)。突出核心功能設(shè)計(jì)并非只有方便操作點(diǎn)擊的按鈕和突出顯示的字體等視覺層面的。
      三、符合用戶習(xí)慣原則
      用戶習(xí)慣有哪些？在移動(dòng)端有點(diǎn)擊、下拉刷新、右滑動(dòng)返回等手勢。這些基本手勢都需要符合用戶習(xí)慣。消息列表和新聞列表是不是按倒敘時(shí)間進(jìn)行排列。輸入框是不是按從左到右。按鈕是不是左邊是確定右邊是取消等等。雖然我們希望用戶體驗(yàn)上給用戶一種全新的體驗(yàn)，但是千萬不能用戶習(xí)慣挑戰(zhàn)。因?yàn)橛脩魧W(xué)習(xí)成本遠(yuǎn)比你想想的要高。如果你要挑戰(zhàn)的話，那就是的跟成本過不去了。
      四、不要讓用戶思考原則
      記住3個(gè)要點(diǎn)：“不要讓用戶想、不要讓用戶看、不要讓用戶找”。首先，不要用戶讓用戶想，大家看過《點(diǎn)石成金》應(yīng)該都明白。用戶一但開始不理解你的頁面的信息架構(gòu)的時(shí)候，那么就要開始思考。開始思考的時(shí)候，必定會(huì)流失用戶。所以不要讓用戶思考是第一原則。包括文案通俗易懂、輸入框輸入方便等基本信息正確。不要讓用戶看表示是不要用戶多看文字信息，過多的文字信息會(huì)誤導(dǎo)用戶進(jìn)行瀏覽和操作。因?yàn)榻忉屧蕉�，用戶越難理解。所以在展示上可以忽略掉用戶不必要知道的東西。第三點(diǎn)是不要讓用戶找。用戶一旦開始找某個(gè)按鈕或者功能那就是你產(chǎn)品不到位了。這里典型例子是智聯(lián)招聘PC版改版后，用戶中心找到不到本地文件下載按鈕。其實(shí)那個(gè)是剛需，會(huì)對用戶造成困擾，用戶體驗(yàn)很差。千萬不要把主要的功能放到邊緣化的位置或者消失，這樣用戶開始尋找的話，那樣說明你的產(chǎn)品存在著問題。
      五、可見性原則
      這里主要針對2類頁面進(jìn)行可見性原則。有失敗頁面可見和重要性可見。首先，是失敗頁面可見，失敗頁面可見主要針對是無法加載的頁面或者搜索無結(jié)果等頁面。這是最好不要簡單展示空白頁面，不要理解那樣就是極簡頁面，其實(shí)不是。我們需要展示將核心可見的內(nèi)容進(jìn)行可見性展示。比如，無法加載頁面中的無法加載幾個(gè)文字或者搜索無結(jié)果頁面中沒有結(jié)果幾個(gè)字。這些都是用戶認(rèn)知。接下去說明是重要性可見。比如在支付頁面中，頁面中一定需要展示支付總金額是多少，而單個(gè)商品信息并非是重要信息。此時(shí)我們需要單個(gè)商品信息進(jìn)行忽略。
      六、易操作性原則
      易操作性主要體現(xiàn)在能讓用戶下拉的頁面，盡量不要做按鈕折疊展示出來。比如在商品詳情頁中，盡量可以把頁面信息展示成幾個(gè)屏幕而非劃分幾個(gè)模塊。如商品規(guī)格，商品評論等。這樣的話，用戶操作起來也會(huì)非常不方面。下拉遠(yuǎn)比點(diǎn)擊來的效率更高。我們在設(shè)計(jì)的時(shí)候，一定要站在用戶最習(xí)慣那個(gè)角度方式設(shè)計(jì)產(chǎn)品頁面。
      七、快速瀏覽性原則
      移動(dòng)端產(chǎn)品一定適合快速瀏覽的。所以在產(chǎn)品設(shè)計(jì)的時(shí)候，一定要讓用戶能快速抓住重點(diǎn)。在新聞?lì)惍a(chǎn)品中，我們新聞消息成表單結(jié)構(gòu)無限下拉模式。這樣用戶就可以能快速看新聞標(biāo)題，如果不喜歡，就可以繼續(xù)換下一個(gè)查看。然后點(diǎn)擊查看內(nèi)容頁面后，可以非�？焖龠M(jìn)行閱讀。而下方有快速評論和快速分享功能。這樣的設(shè)計(jì)都是基于用戶快速瀏覽原則設(shè)計(jì)的。
      八、多手勢操作原則
      多手勢操作主要是基于移動(dòng)端幾個(gè)手勢動(dòng)作。下拉刷新，右滑動(dòng)，點(diǎn)按等多種操作。多手勢也是極簡設(shè)計(jì)之一。如果你缺少了這些手勢，會(huì)直接降低你的用戶體驗(yàn)感。特別實(shí)在返回操作的時(shí)候，多了一個(gè)手勢是很方便的。
      九、符合移動(dòng)場景原則
      移動(dòng)產(chǎn)品一定是要滿足多場景下設(shè)計(jì)的原則。比如，美團(tuán)大眾點(diǎn)評都是基于地理位置推薦附近的商家。那些遠(yuǎn)的商家都不是我們的需要的。這就是過濾掉了非必須的信息了。在滴滴打車中，我們叫車的時(shí)候，也只會(huì)展示在我們附近可以呼叫的車輛，而不是全部車輛。這也是過濾掉非必要的信息。所以O(shè)2O就是符合移動(dòng)場景下極簡設(shè)計(jì)的標(biāo)準(zhǔn)。還有網(wǎng)絡(luò)差情況下，如何加載頁面，也是移動(dòng)設(shè)計(jì)中需要考慮的。
      十、不做比做更難原則
      其實(shí)，我們不做一個(gè)功能比做更難。上線一個(gè)產(chǎn)品功能的時(shí)候，我們需要做需求分析、產(chǎn)品設(shè)計(jì)等很多工作。特別實(shí)在需求分析階段，我們需要采集大量數(shù)據(jù)進(jìn)行支持這個(gè)需求存在并將設(shè)計(jì)上線。所以不做一個(gè)功能更難。因?yàn)椴蛔鲆粋€(gè)功能可能我們將失去一部分用戶。但是有時(shí)候不做的原因，就是為了保證極簡設(shè)計(jì)的原因。因?yàn)檫^于復(fù)雜操作會(huì)流失用戶，一旦用戶流失基本就不會(huì)回歸產(chǎn)品了。所以寧可不做，也不要上線去失去用戶。
      極簡設(shè)計(jì)的移動(dòng)端正是移動(dòng)互聯(lián)網(wǎng)與傳統(tǒng)的PC網(wǎng)站最大的不同點(diǎn)。它的認(rèn)識成本極低和獲取用戶低讓app創(chuàng)業(yè)變得如此簡單。但是極簡設(shè)計(jì)并不是等于簡單，而是在滿足用戶和業(yè)務(wù)邏輯情況下，進(jìn)行合理設(shè)計(jì)才是極簡設(shè)計(jì)。
      本文由奇億網(wǎng)站建設(shè)原創(chuàng)，原文地址：http://www.studstu.com/news/1350.html，轉(zhuǎn)摘請保留版權(quán)，謝謝。