APP開發如何才能做(zuò)到簡約而不簡單？

在APP開發中，如何做(zuò)到簡約至上的(de)設計，這(zhè)是考驗每一個(gè)産品經理(lǐ)和(hé)設計師的(de)問題。無論是從用(yòng)戶體驗角度來(lái)講，還(hái)是從設計趨勢來(lái)看，簡約的(de)設計理(lǐ)念已經是被大(dà)多(duō)數人(rén)認同的(de)。簡約不是簡單，那麽，在APP開發時(shí)，如何才能做(zuò)到簡約還(hái)不簡單呢(ne)？

在交互設計中有4點簡約設計原則：删除、隐藏、組織和(hé)轉移。四個(gè)策略都有其優、缺點，在産品設計時(shí)，不要僅僅傾向于其中一種，需要根據具體情況采用(yòng)更合适的(de)策略，有時(shí)甚至需要将4種策略同時(shí)考慮，做(zuò)到“因時(shí)而變，因勢而變”。

一、删除

簡化(huà)設計最明(míng)顯的(de)方式就是：删除不必要的(de)功能，即産品設計時(shí)要學會做(zuò)減法，不能是功能的(de)堆砌。“删除”策略的(de)核心就是幹掉那些增加用(yòng)戶負擔和(hé)幹擾用(yòng)戶的(de)因素，讓用(yòng)戶專注于核心功能的(de)使用(yòng)。

現在我們通(tōng)過一個(gè)例子來(lái)說說“删除”策略。打開支付寶APP後，在首頁排列著(zhe)各個(gè)業務模塊，現在已經有9行，一行4個(gè)，差不多(duō)有36個(gè)小模塊，基本成了(le)業務模塊的(de)堆砌，而一些業務模塊在其它地方也(yě)有入口，卻被重複放在了(le)首頁的(de)位置。如下(xià)圖中的(de)“服務窗(chuāng)”(這(zhè)和(hé)微信中的(de)“訂閱号”功能類似)，在“朋友”菜單和(hé)“通(tōng)訊錄”中均有該功能入口，而用(yòng)戶獲得(de)某個(gè)服務窗(chuāng)基本是基于通(tōng)訊錄朋友的(de)推薦或者用(yòng)戶主動搜索關注。而支付寶團隊可(kě)能更多(duō)考慮到的(de)是商業價值，所以把“服務窗(chuāng)”也(yě)放在了(le)首頁中。我們都知道在設計産品時(shí)，需要在用(yòng)戶體驗和(hé)商業價值的(de)上取得(de)平衡。所以我的(de)建議(yì)是：将首頁的(de)“服務窗(chuāng)”删除，保留“朋友”菜單和(hé)“通(tōng)訊錄”這(zhè)2個(gè)入口，或者将其固定放在“朋友”中的(de)“生活圈”下(xià)面，且不可(kě)删除，這(zhè)樣，不僅簡化(huà)了(le)首頁，而且，用(yòng)戶同樣能收到“服務窗(chuāng)”推送的(de)新消息。

二、組織

組織往往是簡化(huà)設計最快(kuài)捷的(de)方式。對(duì)産品界面進行重新組織布局時(shí)，需要考慮—尺寸、顔色、位置、形狀和(hé)層次對(duì)界面進行組織。具體組織方法總結如下(xià)：

　　1.通(tōng)過分(fēn)塊重新組織界面，将複雜(zá)模塊組織成清晰的(de)層次結構;

　　2.根據用(yòng)戶的(de)操作行爲，組織産品(如電商的(de)購(gòu)物(wù)流程);

　　3.利用(yòng)不可(kě)見的(de)網格來(lái)布局，重新組織界面元素;

　　4.考慮元素的(de)大(dà)小、位置(重要元素大(dà)一些，相似的(de)元素放一起);

　　5.利用(yòng)感知分(fēn)層技術，借住顔色、灰色陰影(yǐng)、大(dà)小縮放、形狀變化(huà)來(lái)實現感知分(fēn)層;

這(zhè)裏以微信舉例，如微信的(de)“通(tōng)訊錄”中，根據字母A-Z從上到下(xià)，将首字母相同的(de)聯系人(rén)放在同一個(gè)字母的(de)分(fēn)塊中;同時(shí)，使用(yòng)了(le)上述說到的(de)網格、顔色灰暗的(de)感知分(fēn)層，通(tōng)過這(zhè)些組織方式，可(kě)讓用(yòng)戶很方便的(de)查找聯系人(rén)，該方式在手機通(tōng)訊錄中也(yě)廣泛使用(yòng)。

三、隐藏

隐藏策略，一般就是隐藏不常用(yòng)，但不能少的(de)功能，該策略在很多(duō)産品中都有體現，比如産品中常用(yòng)的(de)“設置”選項。還(hái)比如微信中的(de)“訂閱号”，就隐藏了(le)公衆号的(de)推送内容，如果用(yòng)戶想看這(zhè)部分(fēn)内容，可(kě)以點擊“訂閱号”進去查看，而不是在最外層直接推送給用(yòng)戶，強制用(yòng)戶查看，給用(yòng)戶帶來(lái)不必要的(de)幹擾。

其實，上文提到的(de)支付寶中，也(yě)有許多(duō)功能模塊可(kě)以考慮進行隐藏，然後可(kě)按照(zhào)功能相似性或功能類型進行重新組織。比如支付寶中的(de)“壹基金月(yuè)捐”和(hé)“愛(ài)心捐贈”可(kě)以放在“更多(duō)”中，然後重新組織後放在“慈善服務”的(de)模塊中(這(zhè)裏僅僅是抛磚引玉，說明(míng)把不常用(yòng)的(de)功能，隐藏起來(lái)，且重新組織)。

四、轉移

轉移主要涉及需要重新布局的(de)、複雜(zá)的(de)功能。需要注意以下(xià)幾點：

　　1.在設備之間轉移(将複雜(zá)的(de)部分(fēn)轉移到其它設備);

　　2.向用(yòng)戶轉移(用(yòng)戶願意做(zuò)的(de)事情讓用(yòng)戶自己做(zuò));

　　3.将複雜(zá)的(de)事情交給計算(suàn)機處理(lǐ);

　　“轉移”這(zhè)種策略其實在微信上也(yě)有很好的(de)體現，比如公衆号的(de)管理(lǐ)，就被轉移到了(le)PC上，這(zhè)樣在電腦(nǎo)上就可(kě)以很方便的(de)編輯和(hé)管理(lǐ)公衆号，對(duì)于公衆号的(de)管理(lǐ)，其實市面上已經出現了(le)專門對(duì)公衆号内容進行編輯的(de)産品。同時(shí)，對(duì)于一些有工作需要的(de)用(yòng)戶，微信成爲了(le)他(tā)們的(de)溝通(tōng)工具，那麽這(zhè)部分(fēn)用(yòng)戶可(kě)以通(tōng)過微信網頁版進行登錄，網頁版的(de)微信設計非常簡單，主要給一部分(fēn)用(yòng)戶在手機之外的(de)設備上進行溝通(tōng)之用(yòng)。這(zhè)些例子都是就将手機上操作很麻煩的(de)事情，轉移到了(le)電腦(nǎo)上。

 

　　總之，要在APP開發中做(zuò)到簡約還(hái)不簡單，就是要設計時(shí)需要删除不必要的(de)，組織需要提供的(de)，隐藏非核心的(de)，轉移需要重新布局的(de)。