APP開(kāi)發如(rú)何才能(néng)做(zuò)到(dào)簡→®約而不(bù)簡單？

來(lái)源：lexintech.com 發布時♣ ↓(shí)間(jiān)：2017-09-19

在APP開(kāi)發中，如(rú)何做(zuò)到(dào)簡約至€≥上(shàng)的(de)設計(jì)，這(zhè)是✔✘∑÷(shì)考驗每一(yī)個(gè)産品經理(lǐ)和(hé)設計(jì)師∞★♦(shī)的(de)問(wèn)題。無論是(shì)‍≠✔從(cóng)用(yòng)戶體(tǐ)驗角 ☆∑↑度來(lái)講，還(hái)是(shì)從(cóng)設計(jì)δ 趨勢來(lái)看(kàn)，簡約的(de)設計(jì)理(lǐ)念已∑‍★經是(shì)被大(dà)多(duō)數(shù)人(rénγ®)認同的(de)。簡約不(bù)是(shì)簡α‌∏α單，那(nà)麽，在APP開(kāi)發時(shí)，如(r↕∏↑↑ú)何才能(néng)做(zuò)到(dào)簡約還(₩≈hái)不(bù)簡單呢(ne)？

在交互設計(jì)中有(yǒu)4點簡約設計(jì)原則：删除、隐藏、組織和♥δ<(hé)轉移。四個(gè)策略都(dōu)有(yǒu)其優、缺點，在€β産品設計(jì)時(shí)，不(bù)要(yào)僅僅‍&× 傾向于其中一(yī)種，需要(yào)根據具體(tǐ)情況采用(yòng‍§)更合适的(de)策略，有(yǒu)時(shí)甚至需要↓ <(yào)将4種策略同時(shí)考慮，做(zuò)到(dào)&ld∞®quo;因時(shí)而變，因勢而變”。

一(yī)、删除

簡化(huà)設計(jì)最明(míng)顯的(de)方λ←式就(jiù)是(shì)：删除不(bù)必要(yào)的(dε¥¶♥e)功能(néng)，即産品設計(jì)時(shí)要(yàoΩ‌≥←)學會(huì)做(zuò)減法，不(bù)能(néng)是(sh±πì)功能(néng)的(de)堆砌。&ldquo>β€;删除”策略的(de)核心就(ji♦♥ <ù)是(shì)幹掉那(nà)些(xiē)增加用(yòng)戶負擔和♠σ≈(hé)幹擾用(yòng)戶的(de)因素，讓用(yòn≥"π™g)戶專注于核心功能(néng)的(de)使用↑λ☆≠(yòng)。

現(xiàn)在我們通(tōng)過一(yī)個(g↔λ¶è)例子(zǐ)來(lái)說(shuō)說(shuō)&ldquoγ✘ ≠;删除”策略。打開(kāi)支付寶APP後，在首頁排列著(z•ε∞he)各個(gè)業(yè)務模塊，現(xiàn£β®)在已經有(yǒu)9行(xíng)，一(yī)行★δ(xíng)4個(gè)，差不(bù)多(duō)有(y'•'ǒu)36個(gè)小(xiǎo)模塊，基本成了(le)業(÷φyè)務模塊的(de)堆砌，而一(yī)些(xiē)業(yè)¥♠• 務模塊在其它地(dì)方也(yě)有(yǒu)入口，卻被重複放(fàng)在≥↔> 了(le)首頁的(de)位置。如(rú)下(xià)圖中₩€₽‍的(de)“服務窗(chuāng)”(>™•ε這(zhè)和(hé)微(wēi)信中的"φ∞π(de)“訂閱号”功能(néng)類似)，¥≤在“朋(péng)友(yǒu)”菜單和 ‍€™(hé)“通(tōng)訊錄”中均有(yǒu)該γ∑✔功能(néng)入口，而用(yòng)戶獲得(de)某個(g↕↕Ω↓è)服務窗(chuāng)基本是(shì)基于通(↕λ÷→tōng)訊錄朋(péng)友(yǒu)的(de)推薦或者用(±¶" yòng)戶主動搜索關注。而支付寶團隊可(kě)能(néng)更多(σ✘duō)考慮到(dào)的(de)是(shì)商業(yè)價值，所以把&ld₽™§quo;服務窗(chuāng)”也(yě)放(fàng)在了(l♣α₹e)首頁中。我們都(dōu)知(zhī)道(dào)在設計(jì≥λ£¶)産品時(shí)，需要(yào)在用(yòng)戶體(tǐ)驗和₩≈(hé)商業(yè)價值的(de)上(shàng)取得(de)平衡§₹→£。所以我的(de)建議(yì)是(shì)：将首頁的(de)“服δ™&∞務窗(chuāng)”删除，保<¥留“朋(péng)友(yǒu)”菜單和(hé€‍γ)“通(tōng)訊錄&rdq&↔uo;這(zhè)2個(gè)入口，或者将其固定放(fλ★≤àng)在“朋(péng)友(yǒu)&rdquo$ ;中的(de)“生(shēng)活圈≤ε”下(xià)面，且不(bù ∑₹)可(kě)删除，這(zhè)樣，不(b♠ε<✘ù)僅簡化(huà)了(le)首頁，而且，用(yòng)戶同樣能(néng)收" ★到(dào)“服務窗(chuāng)”推£♠送的(de)新消息。

二、組織

組織往往是(shì)簡化(huà)設計(jì→±♣γ)最快(kuài)捷的(de)方式。對(duì)産品界§ γ面進行(xíng)重新組織布局時(shí)，需要(y≥≤↕♣ào)考慮—尺寸、顔色、位置、形狀和(hé)層次對(duì)✔ε&界面進行(xíng)組織。具體(tǐ)組織方法總結如(rú)≥'€∑下(xià)：

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

　　2.根據用(yòng)戶的(de)操作(zuò)行(xíng)為(wèi©®∑♠)，組織産品(如(rú)電(diàn)商的(de)購(gòu)物(wù)流ε✘ε₽程);

　　3.利用(yòng)不(bù)可(kě₽™∏)見(jiàn)的(de)網格來(lái)布局，重新組織φ©≈界面元素;

　　4.考慮元素的(de)大(dà)小(xiǎo)、位置(重要(&yào)元素大(dà)一(yī)些(xiē)，相(xiàng)♥∞≤似的(de)元素放(fàng)一(yī)起);δΩα

　　5.利用(yòng)感知(zhī)分(fēn)層技(jì)術(sh★€δ>ù)，借住顔色、灰色陰影(yǐng)、大(dà)小(xiǎo)縮放(f♣±δàng)、形狀變化(huà)來(lái)實現(xiàn)感¥★知(zhī)分(fēn)層;

這(zhè)裡(lǐ)以微(wēi)信舉例，如(rú)微(wēi)信的(↕×≥de)“通(tōng)訊錄”中，根據字母A®§☆ -Z從(cóng)上(shàng)到(dào)下(xià)，将首字母相(x∑↑iàng)同的(de)聯系人(rén)放(fàng)在同一(yγ≠≠ī)個(gè)字母的(de)分(fēn)塊中;同時(shí)×↑，使用(yòng)了(le)上(shàng)述說(shuō)到(dào)的(dσe)網格、顔色灰暗(àn)的(de)感知(zhī)分π (fēn)層，通(tōng)過這(zhè)些(xiē)組織方式，↕‌• 可(kě)讓用(yòng)戶很(hěn)方便的(de> )查找聯系人(rén)，該方式在手機(jī)通(tōng)訊錄中∑ε也(yě)廣泛使用(yòng)。

三、隐藏

隐藏策略，一(yī)般就(jiù)是(sh>±✔₽ì)隐藏不(bù)常用(yòng)，但(&"÷dàn)不(bù)能(néng)少(shǎo)的(de)功←π♥®能(néng)，該策略在很(hěn)多(≤✔duō)産品中都(dōu)有(yǒu)體(tǐ)現(¶± xiàn)，比如(rú)産品中常用(yòng)的(de)&β€ldquo;設置”選項。還(h$♣ái)比如(rú)微(wēi)信中的(de)™₹€“訂閱号”，就(jiù§‌™)隐藏了(le)公衆号的(de)推送內(nèi)容，如(rú)果用(y₽±₽↑òng)戶想看(kàn)這(zhè)部分≈ ♦(fēn)內(nèi)容，可(kě)以點擊“訂閱号&rdqu✘♦o;進去(qù)查看(kàn)，而不(bù)是(shì)在最外(βσ↕♦wài)層直接推送給用(yòng)戶，強制(zhì✘≠)用(yòng)戶查看(kàn)，給用(yòngγ↕'Ω)戶帶來(lái)不(bù)必要(yào)的(de)幹擾。

其實，上(shàng)文(wén)提到£∏(dào)的(de)支付寶中，也(yě)有(yǒu)許多(duō)功能(Ω©néng)模塊可(kě)以考慮進行(xíng)隐藏，β'♣然後可(kě)按照(zhào)功能(néng)相(x ₩iàng)似性或功能(néng)類型進行(xíng)重新組織。比如♠€(rú)支付寶中的(de)“壹基金(jīn)月(yu≥βè)捐”和(hé)“愛(ài)心捐贈 λΩ”可(kě)以放(fàng)在“‍ε'更多(duō)”中，然後重新組織後放(fàng)φ♠✔在“慈善服務”的(de)模塊中(這(zhè)÷∞"裡(lǐ)僅僅是(shì)抛磚引玉，說(shuō)明(míng)把不(bù)♠∏常用(yòng)的(de)功能(néng)，隐藏起來Ω★₩₽(lái)，且重新組織)。

四、轉移

轉移主要(yào)涉及需要(yào)重新布局的(de)、複雜(zá)的("↓de)功能(néng)。需要(yào)注意以下(x↔‌ià)幾點：

　　1.在設備之間(jiān)轉移(将複雜(zá)的(de)部分 γ♦(fēn)轉移到(dào)其它設備);

　　2.向用(yòng)戶轉移(用(yòng)戶←願意做(zuò)的(de)事(shì)情讓用(yòng)戶自(zì↓←λ‍)己做(zuò));

　　3.将複雜(zá)的(de)事(shì)情交給計(jì)算(suàn)∑≠✔¥機(jī)處理(lǐ);

　　“轉移”這(zhè)種策略其實在微(∑✘ wēi)信上(shàng)也(yě)有(yǒu)很(hěλ n)好(hǎo)的(de)體(tǐ)現(xiàn)，比←β如(rú)公衆号的(de)管理(lǐ)，就(jiù)被轉移到(dào)了¶∑φ(le)PC上(shàng)，這(zhè)樣在電(diàn)腦(nǎo×Ω)上(shàng)就(jiù)可(kě)以很(h₹©™ěn)方便的(de)編輯和(hé)管理(lǐ)公衆号，對(duì)于公衆•π 号的(de)管理(lǐ)，其實市(shì)‍₩Ω面上(shàng)已經出現(xiàn)了(le✔γ£)專門(mén)對(duì)公衆号內(nèi)£∑α容進行(xíng)編輯的(de)産品。同© ≈時(shí)，對(duì)于一(yī)些(xiē)有(yǒu)工(gōn✘→g)作(zuò)需要(yào)的(de)用(yòng)戶，微(wēi)信•♦≤成為(wèi)了(le)他(tā)們的(de)溝₩÷ε通(tōng)工(gōng)具，那(nà)麽這(zhè)部分(fēn)用(¶♥→ yòng)戶可(kě)以通(tōng)過微(wēi)信網頁版進♣‌行(xíng)登錄，網頁版的(de)微(wγ∑®βēi)信設計(jì)非常簡單，主要(yào)給一(yī)部分&ε‍§(fēn)用(yòng)戶在手機(jī)之外(wài)<φε✘的(de)設備上(shàng)進行(xíng)溝♠π通(tōng)之用(yòng)。這(zhè↔φφ)些(xiē)例子(zǐ)都(dōu)是(shì)就(jiù)将手♦☆↔機(jī)上(shàng)操作(zuò)很(hěn)≥♦←麻煩的(de)事(shì)情，轉移到(dào)了(le)電(diλ↔α₹àn)腦(nǎo)上(shàng)。

　　總之，要(yào)在APP開(kāi)發中做(zuò)到(dào£♠λ)簡約還(hái)不(bù)簡單，就(jiù)是(shì☆★£)要(yào)設計(jì)時(shí)需要(yào)删除不(bù)必✘要(yào)的(de)，組織需要(yào)提供的(de)，隐藏非核心的(d <φ←e)，轉移需要(yào)重新布局的(de)。

上(shàng)一(yī)篇：深圳APP開(kāi)發公司的(de)産¶&品經理(lǐ)必備技(jì)能(néng)
下(xià)一(yī)篇：深圳APP開(kāi)發公司的(de)招聘行(x₹'★íng)話(huà)你(nǐ)懂(dǒng)嗎(maγα∑)