應(yīng)用設(shè)計細(xì)節(jié)那些事兒

elya妞

同樣的一款應(yīng)用，為什么別人開發(fā)出來就很多人下載使用，而自己的產(chǎn)品卻無人問津，這其中有什么奧妙嗎？其實很大部分原因是因為你的應(yīng)用在設(shè)計細(xì)節(jié)上沒有把握好，讓用戶在使用中產(chǎn)生了困惑或者不好的體驗，自然用的人就少了。下面我們就來講講在應(yīng)用設(shè)計的時候，有哪些細(xì)節(jié)需要注意吧！

按鈕—可大不可小

一位著名的蘋果手機(jī)應(yīng)用設(shè)計師提出了一個關(guān)于按鈕的魔法數(shù)字—44，即在手機(jī)應(yīng)用上，按鈕的大小至少為44×44像素。當(dāng)然這個其實是根據(jù)當(dāng)年的iPhone屏幕大小和分辨率來設(shè)定的，原則上我們應(yīng)該用實際尺寸來計算。通常情況下，食指的最小點觸距離為7毫米、拇指最小點觸距離9毫米。當(dāng)然我們可以設(shè)計一個比實際點擊范圍更小的圖標(biāo)作為按鈕界面，但是在定義它的點觸大小的時候，一定要記得做放大處理。千萬不能反過來，即設(shè)計一個傻大的圖標(biāo)，點觸范圍卻比圖標(biāo)要小，這樣會給用戶帶來明顯的誤操作挫敗感，他們會認(rèn)為你的應(yīng)用按鈕都很難選中。

另外，一般手機(jī)應(yīng)用上的按鈕界面會有四種狀態(tài)，即不可點擊效果、可點擊效果、聚焦?fàn)顟B(tài)和按下狀態(tài)。如果你的按鈕此時處于不可用狀態(tài)，那么一定要將其顯示成灰色，或者去掉按鈕，否則會誤導(dǎo)用戶。

文字—可短不可長

手機(jī)界面很小，寸土寸金，一頁只能顯示下6～10個列表，一行只能顯示下10～16個字。標(biāo)題欄的字?jǐn)?shù)以5個以內(nèi)為宜，標(biāo)簽欄也以2～3個為宜， 那么這時候出現(xiàn)文字過長的情況，一定要定義一下處理方式，如果是選擇型的，一般是截斷或者將打出的三個省略點縮略掉。如果是內(nèi)容閱讀型的，可以折行。但最合理的方式還是精簡文字內(nèi)容，縮短文字長度。

當(dāng)然文字短并不是表示隨意縮減，由于手機(jī)是碎片時間、片段式閱讀，所以手機(jī)界面上的文字表意性要求的更高、更苛刻，一定要在用戶看到的瞬間，準(zhǔn)確的傳達(dá)信息。除了表意清晰之外，還要求語言精簡，避免啰嗦。記得一定要使用用戶慣用的語言而不是他們不容易看懂的程序機(jī)器語言，要不然就只剩下極客或電腦高手下載你的應(yīng)用了。

菜單—可淺不可深

一般情況下，菜單項以5～7個為宜，如果有二級菜單，就要注意合理的菜單分類，不能有太多層級的菜單，否則會給用戶帶來很多的麻煩，他們會很難在最短的時間里找到自己想要的選項。另外你在做搜索和返回功能時，也會變得很麻煩。

菜單上的相關(guān)選項一定要具有操作上的延續(xù)性，雖然手機(jī)屏幕看起來比電腦屏幕要小得多，但是手機(jī)在屏幕上移動的麻煩程度，要比鼠標(biāo)在電腦上移動的麻煩得多。如果手機(jī)上相關(guān)選項離得很遠(yuǎn)的話，用戶一是容易迷失，找不到下一步操作，二是需要移動手指，到屏幕另一端觸發(fā)操作。

操作的延續(xù)性是在一開始做交互設(shè)計時就要考慮清楚的，做交互的時候一定要有一個任務(wù)流程的概念貫穿始終。用戶是為了完成某個任務(wù)而使用軟件的，交互設(shè)計師除了關(guān)注界面元素、跳轉(zhuǎn)邏輯和交互反饋之外，還要關(guān)注用戶任務(wù)，分得清主要任務(wù)和次要人物，給主要任務(wù)一個暢通無阻的清晰流程，不要給予太多可能的分支，干擾主要流程。

引導(dǎo)—可有不可濫

我們在做設(shè)計的時候，往往是提供理想化的場景，即用戶已經(jīng)進(jìn)來了，他們應(yīng)該怎么點擊之類的。但你必須考慮到應(yīng)用剛推出的時候，往往是沒有用戶的，甚至當(dāng)應(yīng)用有了一定用戶基礎(chǔ)的時候，新進(jìn)來的用戶打開應(yīng)用的時候，應(yīng)用仍然可能是一種沒有數(shù)據(jù)的狀態(tài)。這些情況下，用戶都可能遇到空數(shù)據(jù)的界面，如果不加設(shè)計，那他們就會對著一個空白界面，不知道該怎么辦。有經(jīng)驗的做法就是，提供一個情感化的界面，告訴用戶當(dāng)前沒有內(nèi)容?；蛘咛峁┮粋€更具引導(dǎo)性的做法，即引導(dǎo)用戶去執(zhí)行操作。

當(dāng)然，也不是說引導(dǎo)界面越多越好，現(xiàn)在很多應(yīng)用都喜歡用漂亮的引導(dǎo)界面告訴用戶新增的功能或隱藏的選項。但要知道不是所有新功能或者隱藏選項都需要花哨的引導(dǎo)。如果是通用的功能、非重點的模塊，根本就不需要引導(dǎo)；如果是功能告知，只需要輕量級的引導(dǎo)；如果是版本更新說明，可以采用說明書式的引導(dǎo)，但是要言簡意賅。用一句修改版廣告詞來說，就是“引導(dǎo)雖好，可不要濫用哦”。

頁面—聯(lián)動與刪減

各種標(biāo)簽頁跟內(nèi)容需要有很好的聯(lián)動關(guān)系，一般一個界面內(nèi)有二級標(biāo)簽就足夠復(fù)雜了，千萬不要再有三級標(biāo)簽、四級標(biāo)簽。每個標(biāo)簽頁都有自己特有的內(nèi)容，當(dāng)切換標(biāo)簽的時候，內(nèi)容也要跟著切換。標(biāo)簽頁如果是點擊切換，內(nèi)容部分可以整體刷新，標(biāo)簽頁如果是滑動切換，內(nèi)容頁也要跟著滑動切換，千萬不要一個點、一個滑。

在設(shè)計頁面的時候，千萬不要妄圖把所有功能按鈕和操作放在一個頁面上去，這樣會讓用戶感覺眼花繚亂，沒有主次關(guān)系，不知道按什么。你需要把自己應(yīng)用的所有功能和操作做個優(yōu)先級設(shè)定，那些常用的20%的功能，放在頁面的主要位置上，其他80%的操作，放在下一頁或合理歸類組織后，隱藏起來就可以了。

其他—橫屏與數(shù)據(jù)載入

橫屏模式下，縱向空間變得格外寶貴。導(dǎo)航欄、標(biāo)簽欄、鍵盤都需要被壓扁，所以橫屏模式并不是簡單的豎屏拉伸就完了，最好是考慮重新設(shè)計，如果你的應(yīng)用不適合在橫屏模式下使用，就屏蔽掉該模式吧！

流量、電量、速度和穩(wěn)定性是手機(jī)產(chǎn)品的四個硬指標(biāo)，如果你的應(yīng)用不能合理的幫助用戶節(jié)約流量和電量，提升瀏覽速度和瀏覽體驗，保證應(yīng)用的穩(wěn)定性能，就不要談什么用戶體驗。你可以利用預(yù)加載緩存、批量載入、動態(tài)刷新、服務(wù)端數(shù)據(jù)壓縮等方式來保證省、快、穩(wěn)的基礎(chǔ)體驗。

編后語：總之在設(shè)計手機(jī)應(yīng)用時，要以提升用戶體驗為最高目的，讓應(yīng)用不論是看起來還是使用起來都更加的簡潔和快速，這樣才能吸引更多的用戶來下載你的應(yīng)用。而作為用戶，看完本文后，也能夠判斷一款應(yīng)用做得用不用心。