我們?cè)?a href="http://www.06688.top" target="_self">APP設(shè)計(jì)的過程中，通常會(huì)遇到很多看似很小，容易被忽略的問題。就是這些小問題一次次的撩撥用戶的耐心，讓用戶反感你的APP?，F(xiàn)在WeX5吐血給大家梳理一下APP設(shè)計(jì)的21個(gè)禁忌，希望能和大家分享一下APP設(shè)計(jì)師的心得。

　　1.在沒有流程圖之前，不要開始設(shè)計(jì)或繪制線路圖

　　即使是一個(gè)簡(jiǎn)單的APP，也應(yīng)該有一個(gè)經(jīng)過深思熟慮的流程圖，以確保APP中有一個(gè)邏輯合理的導(dǎo)航結(jié)構(gòu)。還有一點(diǎn)值得注意的是，要保證核心功能所在的屏幕位于上層，而不是埋在多層導(dǎo)航元素之下。

　　跳過流程圖直接進(jìn)入開發(fā)，會(huì)使開發(fā)變得復(fù)雜和不可控，容易混淆用戶。最后，選擇關(guān)閉或卸載您的應(yīng)用程序。

　　2.分工要明確，發(fā)展預(yù)算不容忽視

　　設(shè)計(jì)師創(chuàng)造的每一個(gè)細(xì)節(jié)都必須由開發(fā)者賦予生命。在幾個(gè)小時(shí)和幾天內(nèi)進(jìn)行的簡(jiǎn)單設(shè)計(jì)更改對(duì)應(yīng)用功能產(chǎn)生了非常不同的影響。此外，設(shè)計(jì)不能命令功能。例如，一個(gè)計(jì)劃中的應(yīng)用程序可能有一個(gè)搜索框，設(shè)計(jì)者希望有一個(gè)類型化的搜索來產(chǎn)生實(shí)時(shí)結(jié)果，但設(shè)計(jì)者不能是做出這一重要決定的唯一決策者。

　　3.不要隨意使用介紹動(dòng)畫

　　用戶第一次打開App的時(shí)候，把動(dòng)畫介紹給用戶是個(gè)不錯(cuò)的主意，但是不要太過分。其實(shí)這些介紹動(dòng)畫也耽誤了用戶聯(lián)系A(chǔ)pp的時(shí)間。如果打算用入門動(dòng)畫，就要讓動(dòng)畫時(shí)間盡可能短，設(shè)計(jì)盡可能精細(xì)，足夠吸引人，值得用戶等待。

　　在App加載過程中，會(huì)先顯示圖片，然后過渡到動(dòng)畫。確保這種過渡平穩(wěn)自然。有些應(yīng)用從加載圖片過渡到引入動(dòng)畫設(shè)計(jì)，很無聊。

　　4.不要讓用戶等待

　　加載時(shí)間過長(zhǎng)，用戶很容易認(rèn)為App有問題，也會(huì)帶來不好的用戶體驗(yàn)。加載應(yīng)用程序時(shí)，不要讓用戶看到空白屏幕。使用加載指示器欄或小動(dòng)畫讓用戶知道應(yīng)用程序運(yùn)行正常。如果能添加一個(gè)加載進(jìn)度指示器就更好了。

　　5.沒有不可點(diǎn)擊的效果

　　一般來說，按鈕會(huì)有四種狀態(tài)：不可點(diǎn)擊效果、可點(diǎn)擊效果、聚焦?fàn)顟B(tài)和按下狀態(tài)。

　　如果您的按鈕此時(shí)不可用，則必須灰顯或移除，否則會(huì)誤導(dǎo)用戶。

　　6.菜單層次太深

　　5~7個(gè)菜單項(xiàng)為宜。如果有二級(jí)菜單，要注意合理的菜單分類，層次菜單不能太多，否則很難預(yù)測(cè)和查找，查找和返回會(huì)變得很麻煩。7.文本的長(zhǎng)度不受限制

　　APP界面很小，一頁只能顯示6~10個(gè)列表，一行10~16個(gè)單詞，標(biāo)題欄字?jǐn)?shù)要少于5個(gè)，標(biāo)簽數(shù)量2~3個(gè)。如果此時(shí)文本太長(zhǎng)，您必須定義處理方法。如果是選擇性類型，一般是截短或縮寫；如果是內(nèi)容閱讀型，可以折疊。但最合理的方法是簡(jiǎn)化文字內(nèi)容，縮短文字長(zhǎng)度。

　　8.字不清

　　因?yàn)锳PP是碎片化、碎片化閱讀的，所以對(duì)APP界面上的文字的表意要求越來越高，信息必須在用戶能一眼看到的瞬間準(zhǔn)確傳達(dá)出來。除了表達(dá)清晰，還要求語言簡(jiǎn)潔，避免啰嗦；使用用戶的語言而不是程序的語言；產(chǎn)品文案反映產(chǎn)品性格。

　　9.互動(dòng)過程中分支太多

　　在整個(gè)交互過程中必須有一個(gè)任務(wù)流的概念。用戶使用軟件完成某項(xiàng)任務(wù)。交互設(shè)計(jì)師除了關(guān)注界面元素、跳轉(zhuǎn)邏輯、交互反饋外，還要關(guān)注用戶任務(wù)，區(qū)分主任務(wù)和副角色，給主任務(wù)清晰暢通的流程，不要給太多可能的分支干擾主流程。

　　10.相關(guān)選項(xiàng)很遙遠(yuǎn)

　　相關(guān)選項(xiàng)在操作中必須具有連續(xù)性。雖然APP屏幕看起來比電腦屏幕小很多，但是在屏幕上移動(dòng)APP的成本要比在電腦上移動(dòng)鼠標(biāo)的成本高很多。如果手機(jī)上的相關(guān)選項(xiàng)很遠(yuǎn)，用戶很容易迷路，找不到下一步操作。第二，他需要移動(dòng)手指來觸發(fā)屏幕另一端的操作。

　　11.一次加載太多數(shù)據(jù)

　　流量、功率、速度、穩(wěn)定性是APP產(chǎn)品的四大硬指標(biāo)。如果你的應(yīng)用不能合理的幫助用戶節(jié)省流量和電量，提高瀏覽速度和體驗(yàn)，保證應(yīng)用性能穩(wěn)定，那就不要談?dòng)脩趔w驗(yàn)了?？梢允褂妙A(yù)加載緩存、批量加載、動(dòng)態(tài)刷新、服務(wù)器數(shù)據(jù)壓縮等方法。確保節(jié)省、快速和穩(wěn)定的基本體驗(yàn)。

　　12.按鈕的可點(diǎn)擊范圍比看起來要小

　　我們都知道移動(dòng)終端上有一個(gè)神奇的數(shù)字“44”。根據(jù)食指7mm和拇指9mm的最小觸摸距離，可以推導(dǎo)出設(shè)計(jì)時(shí)的最小觸摸距離為44*32 px?？梢栽O(shè)計(jì)一個(gè)漂亮的小圖標(biāo)，但是在定義觸控尺寸的時(shí)候可以放大，但是千萬不要設(shè)計(jì)一個(gè)傻傻的圖標(biāo)，但是觸控范圍比圖標(biāo)小，會(huì)給用戶帶來明顯的挫敗感。

　　13.該選項(xiàng)卡與內(nèi)容沒有從屬關(guān)系

　　標(biāo)簽頁和內(nèi)容之間需要有良好的鏈接關(guān)系。一般來說，在一個(gè)界面中有一個(gè)二級(jí)標(biāo)簽就足夠復(fù)雜了。千萬不要有三級(jí)標(biāo)簽或者四級(jí)標(biāo)簽。每個(gè)選項(xiàng)卡都有自己獨(dú)特的內(nèi)容，當(dāng)切換選項(xiàng)卡時(shí)，內(nèi)容也會(huì)相應(yīng)地切換。如果點(diǎn)擊切換標(biāo)簽，內(nèi)容部分可以整體刷新；如果選項(xiàng)卡是通過滑動(dòng)切換的，內(nèi)容頁面也應(yīng)該通過滑動(dòng)切換，不要一個(gè)接一個(gè)地滑動(dòng)。14.暴露所有操作

　　APP產(chǎn)品的交互設(shè)計(jì)要經(jīng)歷收縮、隱藏、添加、組織的過程，絕不試圖暴露任何功能和操作來展示自己的實(shí)力。您需要為您應(yīng)用的所有功能和操作設(shè)置優(yōu)先級(jí)。常用的20%功能要放在界面的主要位置，其他80%操作要放在次要位置或者適當(dāng)分類整理，然后隱藏。

　　15.無空數(shù)據(jù)接口設(shè)計(jì)

　　我們?cè)谠O(shè)計(jì)的時(shí)候，往往會(huì)提供理想化的場(chǎng)景。用戶已經(jīng)進(jìn)來了。怎么玩？然而，當(dāng)一個(gè)應(yīng)用程序剛剛啟動(dòng)時(shí)，沒有用戶。即使當(dāng)應(yīng)用程序有一定的用戶基礎(chǔ)，當(dāng)新用戶打開應(yīng)用程序時(shí)，應(yīng)用程序可能仍然處于沒有數(shù)據(jù)的狀態(tài)，或者當(dāng)用戶知道所有數(shù)據(jù)時(shí)，在這三種情況下，用戶都可能遇到數(shù)據(jù)為空的界面。新手設(shè)計(jì)師往往不加設(shè)計(jì)，這時(shí)用戶會(huì)看到一個(gè)空白的界面，不知所措。有經(jīng)驗(yàn)的做法是提供一個(gè)情感界面，告訴用戶目前沒有內(nèi)容；更具指導(dǎo)性的方法是指導(dǎo)用戶執(zhí)行操作。

　　16.濫用用戶指南

　　去年預(yù)測(cè)用戶指導(dǎo)泛濫。顯然，設(shè)計(jì)部門喜歡用漂亮的引導(dǎo)界面告訴用戶新的功能或隱藏的應(yīng)用，但并不是所有的應(yīng)用和功能都需要花里胡哨的引導(dǎo)。如果是一般功能，非關(guān)鍵模塊，根本不需要開機(jī)；如果是功能通知，只需要輕量級(jí)的指導(dǎo)；如果是版本更新指令，可以采用指令指南，但要簡(jiǎn)潔。

　　17.無裝載狀態(tài)

　　只要APP產(chǎn)品需要聯(lián)網(wǎng)和數(shù)據(jù)交換，就需要提供一個(gè)加載狀態(tài)，無論是菊花轉(zhuǎn)移、Toast還是對(duì)話框。您需要給開發(fā)人員一個(gè)全局定義，并告訴他們加載是模態(tài)的(前臺(tái)加載)還是非模態(tài)的(后臺(tái)加載)。以及如何處理加載時(shí)間過長(zhǎng)、沒有打開網(wǎng)絡(luò)交換機(jī)、沒有網(wǎng)絡(luò)連接等情況。

　　18.后退的邏輯沒有定義

　　為Android設(shè)計(jì)的時(shí)候會(huì)涉及到硬件交互，其中Back鍵的使用是一門學(xué)問，Android官方有一些指導(dǎo)原則可以參考，但是在具體開發(fā)的時(shí)候還是有很多特殊情況的，比如更換單實(shí)例、鍵盤、一些中間狀態(tài)等。在這種情況下，可能需要定義Back，是返回到前一個(gè)實(shí)例(需要成為多個(gè)實(shí)例)還是返回到初始狀態(tài)(清空輸入或恢復(fù)初始狀態(tài))

　　19.無橫屏模式設(shè)計(jì)

　　在橫向模式下，縱向空間變得極其寶貴，因此導(dǎo)航條、tab條和鍵盤需要被壓扁。在景觀模式下，必須考慮是簡(jiǎn)單的拉伸適應(yīng)還是重新設(shè)計(jì)。如果你的應(yīng)用不適合風(fēng)景模式，屏蔽風(fēng)景。如果你的應(yīng)用，包括應(yīng)用widget，需要支持橫向模式(甚至是帶側(cè)滑鍵盤的橫向機(jī))，你需要提供一個(gè)設(shè)計(jì)方案。20.不要忘記手勢(shì)，但不要濫用它們

　　不是每個(gè)元素都是可視化的，比如iPhone  Mail  app的刪除過程。在收件箱中，用戶可以猛擊屏幕上顯示的刪除按鈕，而不是點(diǎn)擊“編輯”，用戶可以選擇信息，然后刪除它。但是，也不能說“編輯”菜單沒用。不知道如何快速操作的用戶仍然需要它，用戶可以通過“編輯”菜單一次標(biāo)記多條消息/電子郵件。

　　21.不要以為每個(gè)用戶使用App的方式和你一樣

　　無論你的應(yīng)用程序看起來有多好，可用性測(cè)試都是必須的。找個(gè)信得過的人(或者有經(jīng)驗(yàn)的設(shè)計(jì)師)進(jìn)行小規(guī)模封閉測(cè)試，在公開發(fā)布前更新下界面。獲取用戶反饋的另一個(gè)簡(jiǎn)單易行的方法是在分類網(wǎng)站上發(fā)布廣告，招募合適的人進(jìn)行焦點(diǎn)小組測(cè)試。