設(shè)計移動App的十大技巧

編寫一款A(yù)ndroid或iOS應(yīng)用也許很容易，但是若想設(shè)計的成功卻不是一件簡單的事，用戶界面對于一款移動應(yīng)用的成功是至關(guān)重要的。也許你會說，為何界面那么糙的Flappy Bird可以大紅大紫，可那畢竟是特例，制作精良設(shè)計美觀的應(yīng)用才是移動界的主流。對此，如何設(shè)計一個更好的應(yīng)用，這里有十個技巧。

技巧1：主題明確直接

一款好的應(yīng)用就是集中精力將一件事情做到最好。當(dāng)別人問你這款應(yīng)用是做什么時，你可以僅用一句話就能夠描述你所做的應(yīng)用，而無需使用其他“細(xì)節(jié)”去贅述。此外，當(dāng)用戶開始啟動應(yīng)用時，可以在很短的時間內(nèi)知道這款應(yīng)用的用途及目的。如果用戶在瀏覽了四個級別的菜單后才能進(jìn)行實際操作，那么你的應(yīng)用即將面臨的命運就是被卸載。

技巧2：使用返回按鈕

在Android上，原生系統(tǒng)提供的返回按鈕可以讓用戶始終按原路返回。而在iOS上，返回按鈕是由軟件控制的，所以，在做應(yīng)用時要時刻記得要提供一個返回按鈕，并且如用戶所希望的那樣處在界面的左上角。總之，要以用戶的習(xí)慣為中心，滿足他們的期望。

技巧3：考慮鍵盤激活后的屏幕外觀

大多數(shù)的移動應(yīng)用都有使用鍵盤輸入的一個或多個屏幕。不幸的是，許多設(shè)計師沒有考慮到，當(dāng)屏幕上的鍵盤被激活時，屏幕的外觀會變得如何。所以，當(dāng)你在測試應(yīng)用時，要確保即使鍵盤處于激活狀態(tài)，屏幕上也存在足夠的空間來顯示內(nèi)容，讓用戶能夠知道自己在進(jìn)行什么操作。

技巧4：周到考慮使用占位符

如果應(yīng)用中只有幾個數(shù)據(jù)輸入字段，字段中的占位符用得好會使應(yīng)用看上去更加干凈。而如果應(yīng)用中有多個數(shù)據(jù)輸入字段，用占位符取代字段標(biāo)簽使用會讓布局看上去非常混亂。一旦用戶在這一字段中輸入一些信息，除非這些信息是眾所周知的，否則他們自己也不知道這些信息應(yīng)該是什么。所以，要時刻注意占位符的使用。

技巧5：謹(jǐn)慎挑戰(zhàn)新特性

在應(yīng)用程序設(shè)計的舊時代中，軟件開發(fā)者總是盡可能多的向應(yīng)用中添加功能。他們衡量應(yīng)用成功與否主要關(guān)注應(yīng)用中包含多少功能，然而，移動領(lǐng)域的革命早已改變了這一點。

在桌面應(yīng)用里，將一個稍微有用的功能添加到子菜單中，用戶可能會覺得這是一個不錯的主意，因為它很可能是與其他應(yīng)用的主要區(qū)別點。不過在移動應(yīng)用中，若也使用這種方法，只會使得你的應(yīng)用界面變得凌亂不堪。所以在挑戰(zhàn)新的功能時，也要多考慮是否會因小失大。

技巧6：把標(biāo)簽放在正確的位置

在iOS中，主標(biāo)簽導(dǎo)航看起來不像標(biāo)簽。圖標(biāo)處于窗口的底部，主要用于用戶在應(yīng)用中切換頁面。所以iOS用戶并不希望它處在窗口頂部，而Android用戶卻與之相反。Android系統(tǒng)中，標(biāo)簽很典型的置于應(yīng)用的頂部并且可以左右滾動。這里所說的關(guān)鍵就是，如果你的應(yīng)用需要依賴一個“標(biāo)簽”作為你應(yīng)用中的主要導(dǎo)航，你需要根據(jù)目標(biāo)平臺是iOS還是Android，再決定應(yīng)該把標(biāo)簽放置在哪個位置。

技巧7：注意按鈕尺寸大小

簡單設(shè)計中有一個傾向，為了新添加一個事件我們會縮小按鈕或者字體的尺寸，來讓屏幕適應(yīng)所有內(nèi)容，其實這是一個很不好的行為。不知道你是否有這樣的一個體驗，當(dāng)你試圖在智能手機上使用一個不是專為手機設(shè)計的Web頁面時，你會發(fā)現(xiàn)在這個頁面上點擊正確的鏈接是一件多么痛苦的事情。所以，你要確保應(yīng)用的按鈕足夠的大，就算用戶在較小的手機上進(jìn)行操作也可以方便好用。

技巧8：考慮按鈕位置

當(dāng)用戶拿著智能手機時，拇指可以很容易的觸摸到屏幕的下半部分。而且右撇子訪問右側(cè)最簡單，左撇子則與之相反。所以，如果你設(shè)計的應(yīng)用是單手使用的，就要記住按鈕的位置放在哪里才最方便。

技巧9：提供用戶需要的信息

任何時候你提示用戶輸入時，要考慮到用戶需要哪些信息去做決定并采取什么行動。如果你的用戶界面上不將這一信息提供在同一個位置而促使他們輸入，他們可能需要取消并導(dǎo)航到信息所在地再回來做決定。對于用戶來說，這是一個很不爽的體驗。

技巧10：圖片分辨率

現(xiàn)代的智能手機都有著驚人的高分辨率，看上去也的確漂亮。但是如果你還是使用低分辨率的圖片作為圖標(biāo)的話，你的應(yīng)用會顯得粗糙模糊，特別是在原生操作系統(tǒng)的對比之下。不過有一個更好的方法，就是使用基于矢量的圖像，這樣，圖片就可以擴展到任何分辨率上了。

生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對您的學(xué)習(xí)有所幫助,可以手機掃描二維碼進(jìn)行捐贈