手機(jī)客戶端有著與網(wǎng)頁(yè)不同的產(chǎn)品風(fēng)格，將1024*768大小的網(wǎng)頁(yè)布局置于了240*320、320*240或者再好點(diǎn)是320*480大小，不是用鼠標(biāo)點(diǎn)擊，而是通過(guò)鍵盤或手指去操作每一步。但手機(jī)客戶端的產(chǎn)品設(shè)計(jì)同樣與網(wǎng)頁(yè)一樣，有許多的共同點(diǎn)，但也有自己獨(dú)特的地方。

手機(jī)客戶端設(shè)計(jì)優(yōu)秀的用戶體驗(yàn)：

1、抓住主要功能

手機(jī)沒(méi)有網(wǎng)頁(yè)那么大的屏幕，如何體現(xiàn)出主要功能，一目了然的給用戶體現(xiàn)出主要功能顯得格外重要，但并不代表著九宮格（或16宮格）第一個(gè)宮格不是最重要的。手機(jī)QQ就將QQ放在了默認(rèn)的焦點(diǎn)停留處。但主要的功能一定要全部位于界面中，因?yàn)橛脩艨梢匀萑棠切┌l(fā)生在邊角的問(wèn)題。

2、突出特色

每款產(chǎn)品一定會(huì)有自己特色的地方，UCweb的導(dǎo)航為眾多手機(jī)用戶省去了輸入網(wǎng)址的麻煩，所以很多用戶愿意去登錄UCweb去直接尋找自己想要去的地方，不再需要輸入一整行的字母，相信hao123做到的，UCweb同樣也做到了，這也是UCweb深受用戶喜歡的原因之一。

3、保持簡(jiǎn)單

把你的 UI 想成是你與你的目標(biāo)用戶之間的對(duì)話。假設(shè)你就在用戶的身邊，然后他問(wèn)你說(shuō)“我現(xiàn)在應(yīng)該怎么做？”想想你會(huì)如何解釋：哪些步驟、怎樣的順序、你會(huì)怎么說(shuō)以及 如何來(lái)解釋等等。也想想那些你“不會(huì)”說(shuō)的東西。這就是 你的UI 應(yīng)該的樣子——好像朋友之間的對(duì)話一樣——而不是什么用戶難以理解的高深莫測(cè)的東西。別讓用戶過(guò)多的花時(shí)間研究產(chǎn)品如何操作，這是產(chǎn)品經(jīng)理和交互應(yīng)該想的，不應(yīng)該由用戶花時(shí)間。

4、不要使人厭煩

通常，任何用戶會(huì)直接忽略而不采取任何行動(dòng)的東西都應(yīng)當(dāng)被重新設(shè)計(jì)或者刪除。這對(duì)于用戶會(huì)反復(fù)看到的東西來(lái)說(shuō)更是如此，如錯(cuò)誤信息、警告信息、確定信息、通知等。應(yīng)該非常謹(jǐn)慎的使用聲音。與安全性和法律問(wèn)題（例如授權(quán)或許可條款）相關(guān)的 UI 可以例外。友好的人機(jī)界面，對(duì)于手機(jī)客戶端界面來(lái)說(shuō)顯得格外重要，UI給的界面、提示信息內(nèi)容、聲音等的好壞都會(huì)給用戶的視覺(jué)和聽(tīng)覺(jué)產(chǎn)生疲勞。

5、為常見(jiàn)問(wèn)題設(shè)計(jì)

你的設(shè)計(jì)是不是很棒——除非用戶犯了錯(cuò)誤或網(wǎng)絡(luò)連接中斷？預(yù)測(cè)那些常見(jiàn)問(wèn)題、用戶失誤及其他錯(cuò)誤并為基進(jìn)行設(shè)計(jì)?？紤]像軟件升級(jí)問(wèn)題、網(wǎng)絡(luò)速度很慢或不可用、設(shè)備沒(méi)有安裝或不可用、以及用戶進(jìn)行了錯(cuò)誤的輸入或跳過(guò)了一些步驟等情況。在你程序的每一步，問(wèn)問(wèn)自己：最壞的情況下會(huì)發(fā)生什么？然后再看看當(dāng)這些確實(shí)發(fā)生時(shí)你的程序的行為是不是夠好。確保所有的錯(cuò)誤信息對(duì)問(wèn)題進(jìn)行了清晰地解釋并給出可行的解決方案。對(duì)于手機(jī)客戶端來(lái)說(shuō)軟件升級(jí)、斷網(wǎng)、跳轉(zhuǎn)時(shí)間都成為常見(jiàn)的問(wèn)題，如何在斷網(wǎng)的情況下做出提示，如何在短時(shí)間內(nèi)沒(méi)實(shí)現(xiàn)跳轉(zhuǎn)給出提示。一般說(shuō)來(lái)，超過(guò) 10 秒的任務(wù)需要更多的信息反饋，并應(yīng)當(dāng)能夠被取消。記住用戶對(duì)于速度的感知和實(shí)際速度一樣重要，而且速度的感知主要決定于程序多快能夠響應(yīng)。

6、看起來(lái)和用起來(lái)一樣重要

確保你的程序能很好地達(dá)成它的目標(biāo)，包含合適的功能且把這些功能放在合適地方。應(yīng)當(dāng)使用標(biāo)準(zhǔn)的手機(jī)界面外觀，包括標(biāo)準(zhǔn)的窗口邊框、字體、系統(tǒng)顏色、通用控件和對(duì)話框及標(biāo)準(zhǔn)的布局。避免自定義 UI 及使用受到限制的品牌形象。只要有可能（且合法?。?，就應(yīng)當(dāng)使用標(biāo)準(zhǔn)的圖標(biāo)、圖形及動(dòng)畫(huà)。如果你需要使用自己的圖形和圖標(biāo)，則應(yīng)使用專業(yè)的設(shè)計(jì)師。（如果暫時(shí)沒(méi)有的話，就只用少量簡(jiǎn)單的圖形——或者干脆不用。） 不要假設(shè)提供皮膚能夠?qū)δ切┮话慊耐庥^起到補(bǔ)償作用。大多數(shù)用戶不會(huì)操心那些，而且具有一個(gè)很棒的外觀比有一堆一般化的外觀給人的印象更深。或許你設(shè)計(jì)的產(chǎn)品第一眼就打動(dòng)人心的不是功能，而是很棒的外觀，至少每天見(jiàn)了給人的心情是很愉快的。

7、減少精力、知識(shí)和思考

要盡量讓用戶減少使用你的產(chǎn)品所需的精力、知識(shí)和思考：

* 顯式比隱式要好。把用戶需要知道的信息直接放在屏幕上。仔細(xì)推敲窗口或頁(yè)面上的主標(biāo)題說(shuō)明以清晰表達(dá)界面的目的。
* 簡(jiǎn)要比羅嗦要好。把信息放在屏幕上，但是要簡(jiǎn)要。抓住要點(diǎn)！為瀏覽設(shè)計(jì)文本，而非沉浸式閱讀。為有幫助的、補(bǔ)充性質(zhì)的、但并非基本的信息使用幫助鏈接。
* 有約束比無(wú)約束要好。當(dāng)選擇控件時(shí)，能夠約束有效輸入的控件通常是最好的選擇。
* 可用比禁用好。禁用的控件往往讓人困惑，因此僅當(dāng)用戶能夠很容易地推斷出為什么控件被禁用時(shí)才可使用。否則，應(yīng)當(dāng)移去不適用的控件或者保持其可用并提供有幫助的反饋信息。
* 有反饋比沒(méi)反應(yīng)好。提供清晰的反饋以表明一個(gè)任務(wù)是否正在執(zhí)行或者失敗。不要讓用戶猜測(cè)。

優(yōu)秀手機(jī)客戶端用戶體驗(yàn)永遠(yuǎn)是簡(jiǎn)潔、快速的響應(yīng)用戶的需求。減少用戶思考，手機(jī)界面本來(lái)就小，不能再直觀的給用戶提示，會(huì)給用戶造成很大的困惑。優(yōu)秀的手機(jī)客戶端用戶體驗(yàn)一定會(huì)從小、快、巧三個(gè)出發(fā)，這也是用戶所需要的。

來(lái)源：http://www.537520.com/?p=402