設(shè)計(jì)移動(dòng)App的十大技巧

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

技巧1：主題明確直接

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

技巧2：使用返回按鈕

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

技巧3：考慮鍵盤(pán)激活后的屏幕外觀

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

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

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

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

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

在桌面應(yīng)用里，將一個(gè)稍微有用的功能添加到子菜單中，用戶可能會(huì)覺(jué)得這是一個(gè)不錯(cuò)的主意，因?yàn)樗芸赡苁桥c其他應(yīng)用的主要區(qū)別點(diǎn)。不過(guò)在移動(dòng)應(yīng)用中，若也使用這種方法，只會(huì)使得你的應(yīng)用界面變得凌亂不堪。所以在挑戰(zhàn)新的功能時(shí)，也要多考慮是否會(huì)因小失大。

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

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

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

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

技巧8：考慮按鈕位置

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

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

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

技巧10：圖片分辨率

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

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