我們通常在做APP產(chǎn)品設(shè)計(jì)的過程中，遇到很多看似很小，且很容易被忽略的問題，正是這些小問題，一次次的撩撥用戶的耐心，讓用戶對(duì)你的產(chǎn)品心生怨念。剛出道的朋友們沒有經(jīng)過實(shí)戰(zhàn)，或是APP產(chǎn)品設(shè)計(jì)新手們對(duì)APP設(shè)計(jì)的細(xì)節(jié)注意不多，往往都會(huì)遇到類似的問題，所以，25學(xué)堂為了那些APP產(chǎn)品設(shè)計(jì)的新手和小編以后的APP產(chǎn)品設(shè)計(jì)學(xué)習(xí)，覺得不如寫下來，一起與APP產(chǎn)品設(shè)計(jì)新手共勉。

首先我們先說說APP產(chǎn)品設(shè)計(jì)禁忌的15條原則。

之前我們也說過：移動(dòng)互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)必須遵循的15原則

1、沒有不可點(diǎn)擊的效果?

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

如果你的按鈕此時(shí)處于不可用狀態(tài)，那么一定要灰掉，或者拿掉按鈕，否則會(huì)給用戶誤導(dǎo)。

2、菜單層次太深?

菜單項(xiàng)以5~7個(gè)為宜，如果有二級(jí)菜單，就要注意合理的菜單分類，不能有太多層級(jí)的菜單，否則很難預(yù)期，也很難找到，尋找和返回都會(huì)變得很麻煩。

3、文字長(zhǎng)度不加以限制?

APP界面很小，寸土寸金，一頁(yè)只能顯示下6~10個(gè)列表，一行只能顯示下10~16個(gè)字，標(biāo)題欄的字?jǐn)?shù)以5個(gè)以內(nèi)為宜，標(biāo)簽欄也以2~3個(gè)為宜，那么這時(shí)?候出現(xiàn)文字

過長(zhǎng)的情況，一定要定義一下處理方式，如果是選擇型的，一般是截?cái)嗷蛘叽螯c(diǎn)縮略;如果是內(nèi)容閱讀型的，可以折行。但最合理的方式還是精簡(jiǎn)文字內(nèi)?容，縮短

文字長(zhǎng)度。

4、文字表意不明?

由于APP是碎片時(shí)間、片段式閱讀，所以APP界面上的文字表意性要求的更高，更苛刻，一定要在用戶瞟到的瞬間，準(zhǔn)確的傳達(dá)信息。除了表意清晰之外，還要求

語(yǔ)言精簡(jiǎn)，避免啰嗦;使用用戶的語(yǔ)言而不是程序的語(yǔ)言;產(chǎn)品文案體現(xiàn)產(chǎn)品性格。

5、交互流程分支太多?

做交互的時(shí)候一定要有一個(gè)任務(wù)流程的概念貫穿始終，用戶是為了完成某個(gè)任務(wù)而使用軟件的，交互設(shè)計(jì)師除了關(guān)注界面元素、跳轉(zhuǎn)邏輯和交互反饋之外，還要

關(guān)注用戶任務(wù)，分得清主要任務(wù)和次要人物，給主要任務(wù)一個(gè)暢通無阻的清晰流程，不要給予太多可能的分支，干擾主要流程。

6、相關(guān)的選項(xiàng)離的很遠(yuǎn)?

相關(guān)選項(xiàng)一定要具有操作上的延續(xù)性，雖然APP屏幕看起來比電腦屏幕要小的多，但是APP在屏幕上移動(dòng)的代價(jià)，卻要比鼠標(biāo)在電腦上移動(dòng)的代價(jià)大的多，如果手

機(jī)上相關(guān)選選離得很遠(yuǎn)的話，用戶一是容易迷失，找不到下一步操作，二是需要移動(dòng)手指，到屏幕另一端觸發(fā)操作。

7、一次載入太多的數(shù)據(jù)?

流量、電量、速度和穩(wěn)定性是APP產(chǎn)品的四個(gè)硬指標(biāo)，如果你的應(yīng)用不能合理的幫助用戶節(jié)約流量、電量，提升瀏覽速度和瀏覽體驗(yàn)，保證應(yīng)用的穩(wěn)定性能，就不

要談什么用戶體驗(yàn)。你可以利用預(yù)加載緩存、批量載入、動(dòng)態(tài)刷新、服務(wù)端數(shù)據(jù)壓縮等方式來保證省、快、穩(wěn)基礎(chǔ)體驗(yàn)。

8、按鈕可點(diǎn)擊范圍比看起來小?

我們都知道移動(dòng)端有個(gè)神奇的數(shù)字“44”，根據(jù)食指最小點(diǎn)觸距離7mm、拇指最小點(diǎn)觸距離9mm，可以推導(dǎo)出做設(shè)計(jì)的時(shí)候，最小的點(diǎn)觸距離是44*32?px。你可以設(shè)

計(jì)一個(gè)精美的小圖標(biāo)，但是在定義它的點(diǎn)觸大小的時(shí)候，卻可以做放大處理，但你千萬(wàn)不要設(shè)計(jì)一個(gè)傻大的圖標(biāo)，點(diǎn)觸范圍卻比圖標(biāo)要小，這樣會(huì)給?用戶帶來明顯

的誤操作挫敗感。

9、標(biāo)簽頁(yè)跟內(nèi)容沒有從屬關(guān)系?

標(biāo)簽頁(yè)跟內(nèi)容需要有很好的聯(lián)動(dòng)關(guān)系，一般一個(gè)界面內(nèi)有二級(jí)標(biāo)簽就足夠復(fù)雜了，千萬(wàn)不要再有三級(jí)標(biāo)簽、四級(jí)標(biāo)簽。每個(gè)標(biāo)簽頁(yè)都有自己特有的內(nèi)容，當(dāng)切換標(biāo)

簽?的時(shí)候，內(nèi)容跟著切換。標(biāo)簽頁(yè)如果是點(diǎn)擊切換，內(nèi)容部分可以整體刷新，標(biāo)簽頁(yè)如果是滑動(dòng)切換，內(nèi)容頁(yè)也要跟著滑動(dòng)切換，千萬(wàn)不要一個(gè)點(diǎn)、一個(gè)滑。

10、把所有的操作都暴露出來?

APP產(chǎn)品交互設(shè)計(jì)要經(jīng)歷縮減、隱藏、附加、組織的過程，千萬(wàn)不要妄圖把什么功能、什么操作都暴露出來，以彰顯強(qiáng)大。你需要把自己應(yīng)用的所有功能所有操作

做?個(gè)優(yōu)先級(jí)設(shè)定，那些常用的20%的功能，放在界面的主要位置上，其他80%的操作，放在次要位置或合理歸類組織后，隱藏起來就可以了。

11、沒有空數(shù)據(jù)界面設(shè)計(jì)

我們?cè)谧鲈O(shè)計(jì)的時(shí)候，往往是提供理想化的場(chǎng)景，用戶都已經(jīng)進(jìn)來了，我們?cè)趺赐?。但是，往往?yīng)用剛推出的時(shí)候，是沒有用戶的，甚至當(dāng)應(yīng)用有了一定用戶基礎(chǔ)

的?時(shí)候，新進(jìn)來的用戶打開應(yīng)用的時(shí)候，應(yīng)用仍然可能是一種沒有數(shù)據(jù)的狀態(tài)，再或者當(dāng)用戶清楚了全部數(shù)據(jù)，這三種情況下，用戶都可能遇到空數(shù)據(jù)的界面。新

手設(shè)?計(jì)師往往不加設(shè)計(jì)，這時(shí)候用戶就會(huì)看到一個(gè)空白界面，茫然失措。有經(jīng)驗(yàn)的做法就是，提供一個(gè)情感化的界面，告訴用戶當(dāng)前沒有內(nèi)容;更具引導(dǎo)性的做法

，就是?引導(dǎo)用戶去執(zhí)行操作。

12、用戶引導(dǎo)的濫用?

去年就預(yù)言用戶引導(dǎo)將要泛濫，很明顯設(shè)計(jì)部門都喜歡用漂亮的引導(dǎo)界面告訴用戶新增的功能或隱藏的應(yīng)用，但不是所有的應(yīng)用、所有的功能都需要花哨的引導(dǎo)的

。?如果是通用的功能、非重點(diǎn)的模塊，根本就不需要引導(dǎo);如果是功能告知，只需呀輕量級(jí)的引導(dǎo);如果是版本更新說明，說明書式的引導(dǎo)可以采用，但是要言簡(jiǎn)意

賅。

13、無加載中狀態(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ò)開關(guān)沒有打開、網(wǎng)絡(luò)不通等情況分別怎么去處理。

14、未定義Back的邏輯

在為Android做設(shè)計(jì)的時(shí)候，會(huì)涉及到硬件交互，其中Back鍵的使用，是一門學(xué)問，Android官方有一些指導(dǎo)原則可以借鑒，但是具體開發(fā)的時(shí)?候，還是會(huì)有很多特

殊情況，比如單一實(shí)例的替換、鍵盤及一些中間狀態(tài)，這種情況下，Back可能需要被定義一下，該回到前一個(gè)實(shí)例(那就需要變成多實(shí)例?了)還是該回到初始狀態(tài)(

清空輸入內(nèi)容或恢復(fù)初始狀態(tài))。

15、無橫屏模式的設(shè)計(jì)?

由于橫屏模式下，縱向空間變得格外寶貴，導(dǎo)航欄、標(biāo)簽欄、鍵盤都需要被壓扁，橫盤模式一定要考慮是簡(jiǎn)單拉伸適配還是重新設(shè)計(jì)，如果你的應(yīng)用不適合在橫屏

模?式下使用，就屏蔽橫盤，如果你的應(yīng)用包括應(yīng)用widget都需要支持橫盤模式(甚至是帶側(cè)滑鍵盤的橫屏機(jī)器)，就需要提供設(shè)計(jì)方案。如果是S60V5這種?豎高的機(jī)

器，甚至需要重新設(shè)計(jì)。

作為APP產(chǎn)品交互設(shè)計(jì)師，利用設(shè)計(jì)規(guī)避問題，提升產(chǎn)品用戶體驗(yàn)，把體驗(yàn)轉(zhuǎn)化成價(jià)值，是我們所追求的境界。

上面的15條APP產(chǎn)品設(shè)計(jì)禁忌原則，是筆者遇到的一些app產(chǎn)品設(shè)計(jì)中的問題。

那么，我們注意了上面15條APP產(chǎn)品設(shè)計(jì)的原則，但是從大的方面來看，我們也要注意以下5點(diǎn)重要的設(shè)計(jì)知識(shí)。

就是如何更好地完成一個(gè)優(yōu)秀的APP產(chǎn)品設(shè)計(jì)呢？

第一點(diǎn)：明確APP產(chǎn)品價(jià)值

明確應(yīng)用的價(jià)值是十分重要的，強(qiáng)迫自己將Silverlight的使用，Google MapAPI的使用等等統(tǒng)統(tǒng)扔回工具箱，這些只是我們用以實(shí)現(xiàn)目標(biāo)的工具。在打開工具箱之前，我們應(yīng)該先明確我們想要?jiǎng)?chuàng)造怎樣的價(jià)值。

學(xué)會(huì)不斷的總結(jié)：不斷提醒自己“我并不是用戶”，強(qiáng)迫自己從用戶的角度去糾正行動(dòng)的方向。

第二點(diǎn)：?APP產(chǎn)品的需求場(chǎng)景分析

我們必須讓系統(tǒng)去適應(yīng)用戶的真實(shí)生活，而不是反過來，強(qiáng)迫用戶來適應(yīng)系統(tǒng)，我們必須對(duì)下面的問題有非常清晰而明確的答案。

我期望用戶在什么情況下，遇到什么問題，通過何種途徑，使用什么方式，解決什么問題?

總結(jié)：需求永遠(yuǎn)不會(huì)孤立存在，需求一定是依賴某種特定環(huán)境而存在的，就好比，同一個(gè)用戶，他在夏天需要一個(gè)電扇，而在冬天需要一個(gè)手爐。用戶在購(gòu)買服飾和購(gòu)買食品的需求路徑很可能完全不同。

第三點(diǎn)：提煉核心APP產(chǎn)品需求

一個(gè)成熟的產(chǎn)品通常由核心功能和增殖功能兩部分構(gòu)成，比如Iphone手機(jī)的核心功能是通話，增殖功能是豐富的Apps，通常增殖功能幫助我們擊敗競(jìng)爭(zhēng)對(duì)手，而核心功能決定了我們是否應(yīng)該在市場(chǎng)存在。很多產(chǎn)品的失敗往往是過于重視增殖功能，而忽略了核心功能。

在需求路徑上，哪些需求是核心需求，哪些需求是增殖需求?

總結(jié)：在需求路徑上，我們要全面了解需求，但同時(shí)也要能夠區(qū)分出哪些是核心需求，哪些是增殖需求，要做的事情很多，但是我們必須把握住最核心的，在完成核心功能的基礎(chǔ)上，再逐步完善。先生存，再長(zhǎng)大。

第四點(diǎn)：APP產(chǎn)品現(xiàn)狀對(duì)比

在前面我們所設(shè)定的需求場(chǎng)景下，用戶的使用現(xiàn)狀。

當(dāng)前用戶的操作習(xí)慣是什么?他們現(xiàn)在是如何滿足自己的期望的，在他們現(xiàn)在的使用方式上，是否還存在可優(yōu)化的空間?我的應(yīng)用是否可以無縫的對(duì)接到用戶的操作流程中?

總結(jié)：任何新產(chǎn)品、新技術(shù)的使用，都需要一定的成本，比如汽車替代了馬車，需要用戶學(xué)會(huì)操控機(jī)械，打字機(jī)代替了手寫，需要我們學(xué)習(xí)打字，新產(chǎn)品運(yùn)用的同時(shí)必須充分關(guān)聯(lián)用戶當(dāng)前的使用現(xiàn)狀。

第五點(diǎn)：最小化APP產(chǎn)品切換成本

在滿足用戶期望的同時(shí)，用戶所需付出的成本(包括付費(fèi)/安裝/設(shè)置/學(xué)習(xí))是否在用戶可接受的范圍內(nèi)?

總結(jié)：任何人都對(duì)改變具有一定的抗擊心理，對(duì)于產(chǎn)品的設(shè)計(jì)最好能夠與用戶當(dāng)前的習(xí)慣無縫對(duì)接，如果不行，我們必須盡最大的努力，讓用戶改變習(xí)慣的程度降到最低。

總之：APP產(chǎn)品核心都是提高事務(wù)處理或者分析決策支持的效率。整個(gè)APP完成的功能中事務(wù)處理和分析查詢的功能點(diǎn)列清楚估算下對(duì)企業(yè)帶來的價(jià)值就很好得出結(jié)論了。每個(gè)設(shè)計(jì)定位越準(zhǔn)生命越長(zhǎng)越能掙錢。