技巧1:保持專注

最好的移動(dòng)應(yīng)用集中精力將一件事做得很好。 你應(yīng)該用一句話就能描述你的應(yīng)用程序是干什么的,而不用提及任何"細(xì)節(jié)"。 用戶應(yīng)該能夠啟動(dòng)它,使用它,然后在幾秒鐘內(nèi)就能利用其達(dá)成目的。 如果用戶需要通過(guò)四層以上的菜單才能使用,那應(yīng)用程序很快就會(huì)被卸載。

技巧2:適當(dāng)?shù)厥褂煤笸税粹o

在Android上,系統(tǒng)提供的后退按鍵在App內(nèi)應(yīng)該能夠使用戶得到返回的功能。 而在iOS中后退按鈕是通過(guò)軟件控制的,您應(yīng)該總是提供一個(gè)返回按鈕,原則上用戶已經(jīng)習(xí)慣了返回按鈕在左上角。 遵循back-button的約定行為和特定于操作系統(tǒng)的位置是至關(guān)重要，要讓你的應(yīng)用程序滿足用戶期望的話。

技巧3:考慮軟鍵盤行為

大多數(shù)移動(dòng)應(yīng)用程序都在一個(gè)或多個(gè)屏幕中要用到使用鍵盤輸入。 不幸的是許多設(shè)計(jì)師沒有考慮到激活屏幕鍵盤后如何顯示界面。 當(dāng)你測(cè)試時(shí),請(qǐng)確保在屏幕上有足夠的空間讓用戶知道他們?cè)谧鍪裁?即使屏幕鍵盤被激活時(shí)也一樣。

技巧4:體貼的空白提示占位符

如果應(yīng)用程序只有幾個(gè)數(shù)據(jù)輸入域,則顯示空白提示是很友好的,也可以讓應(yīng)用程序看起來(lái)更干凈。 如果應(yīng)用程序的數(shù)據(jù)輸入域很多,則使用占位符而不是label就會(huì)變得非?；靵y。 一旦用戶在該輸入域輸入一些信息,除非這些信息是不言自明的,否則對(duì)用戶來(lái)說(shuō)那些信息就需要連蒙帶猜了。

技巧5:挑戰(zhàn)新特性

在以前的應(yīng)用程序設(shè)計(jì)中,軟件開發(fā)人員專注于在程序中添加盡可能多的功能。 他們衡量成功的準(zhǔn)則就是能夠比競(jìng)爭(zhēng)對(duì)手擁有更多的功能和特性。 移動(dòng)革命已經(jīng)改變了這一點(diǎn)。
在桌面應(yīng)用程序中,一個(gè)不常用的功能會(huì)被添加到子菜單中,高級(jí)用戶發(fā)現(xiàn)這些功能可能是一個(gè)好主意,因?yàn)樗沟媚愕某绦騾^(qū)別于競(jìng)爭(zhēng)對(duì)手。 在移動(dòng)應(yīng)用中,一個(gè)不怎么有用的特性會(huì)使得用戶界面凌亂而難以操作。

技巧6:把選項(xiàng)卡放到正確的位置

在iOS中,主要的選項(xiàng)卡導(dǎo)航看起來(lái)不像選項(xiàng)卡。 他們是屏幕底部的一些圖標(biāo),用戶使用使用他們來(lái)切換應(yīng)用的主要功能。 大多iOS用戶不習(xí)慣這個(gè)功能出現(xiàn)在窗口的頂部,但Android用戶習(xí)慣于這樣。 在Android上,選項(xiàng)卡通常放置在應(yīng)用程序頂部,并且可以左右滑動(dòng)切換。
這里的關(guān)鍵在于,如果你的應(yīng)用需要依賴一個(gè)"選項(xiàng)卡"來(lái)作為應(yīng)用主要功能的導(dǎo)航,您需要在iOS和Android上將它們放到不同的位置。

技巧7:注意按鈕的尺寸

簡(jiǎn)單設(shè)計(jì)中有一種傾向,說(shuō)為了添加一些東西我們可以讓它適應(yīng)一下,如果我們只是稍稍減小按鈕或字體的大小。 這是危險(xiǎn)和災(zāi)難性的!!! 如果曾在智能手機(jī)上打開沒有為移動(dòng)設(shè)備優(yōu)化過(guò)的web頁(yè)面,你就知道不能點(diǎn)中一個(gè)超鏈接是多么令人沮喪的用戶體驗(yàn)。 在app中,如果用戶不能選擇放大那就是一個(gè)更大的問(wèn)題。
保持按鈕尺寸足夠大以容易使用,并在小屏幕設(shè)備上測(cè)試你的應(yīng)用程序,如iPhone 4上依然擁有舒適的使用體驗(yàn)。

技巧8:考慮按鈕位置

當(dāng)用戶手中拿著智能手機(jī),屏幕的下半部分可以用拇指很容易到達(dá)。 習(xí)慣右手的用戶可以接觸到右下角,而左撇子正好相反。
如果你希望能夠單手操作,記住這一點(diǎn)。

技巧9:提供必要的提示信息

任何時(shí)候給你的用戶請(qǐng)求輸入,考慮用戶需要什么信息做出決定采取什么行動(dòng)。 如果你的UI不在同一位置提供這些輸入框,用戶可能需要取消并返回到上一級(jí)頁(yè)面來(lái)做決定。
減少用戶的痛苦,當(dāng)用戶需要決策時(shí)在適當(dāng)?shù)牡胤教峁┍匾男畔ⅰ?/p>

技巧10:注意你的圖像分辨率

現(xiàn)代智能手機(jī)擁有驚人地高分辨率,看起來(lái)絕對(duì)漂亮。 不幸的是,如果你仍然在使用低分辨率圖像作為圖標(biāo),應(yīng)用程序看起來(lái)就是鋸齒狀和模糊的,特別是在操作系統(tǒng)渲染字體和梯度時(shí)。 確保你使用264 ppi或更高分辨率的圖片,并且看起來(lái)應(yīng)該清晰和干凈。 在比Retina屏的iPad具有更高分辨率的平板上(如Nexus 10 有300 ppi), 264 ppi的圖像看起來(lái)仍然是清晰和干凈的。
一個(gè)更好的方法是使用向量圖(vector),那樣可以在任何分辨率下縮放。

結(jié)論

用戶界面關(guān)系到移動(dòng)應(yīng)用的成功與失敗。 具有良好UI設(shè)計(jì)的移動(dòng)應(yīng)用打敗那些速度更快,功能更多,但用戶界面設(shè)計(jì)一般的應(yīng)用的例子比比皆是。 如果你的應(yīng)用方便用戶學(xué)習(xí)并快速上手,則它在熙熙攘攘的應(yīng)用市場(chǎng)上將會(huì)更容易成功。

關(guān)于作者:
大衛(wèi)·塔爾博特(David Talbot),當(dāng)前就任EverBank首席架構(gòu)師。 擁有軟件行業(yè)超過(guò)15年的從業(yè)經(jīng)驗(yàn)和構(gòu)建豐富的UI web應(yīng)用程序的專業(yè)經(jīng)驗(yàn)。 同時(shí)也是Applied ADO.NET以及大量技術(shù)文章的作者。 郵件地址是 david@legendarycode.com