2011-10-21 藍藍設計的小編
作者：曉生 | 發(fā)布： (網(wǎng)友)曉生 | 時間：2010-04-06 14:06:18
在設計e指通 客戶端和wap2.0 頁面時，積累些手機交互設計經(jīng)驗，不斷總結，理清設計思路。以下設計總結出手機交互設計原則，僅供參照。
手機屏幕尺寸分為物理尺寸和顯示分辨率。
NOKIA N78的物理尺寸為2.4英寸，顯示分辨率為240*320像素；HTC T7278的物理尺寸為2.8英寸，顯示分辨率為480*640像素。兩款手機顯示精度不同，同樣100*100像素大小的圖片在這兩款手機上看到的效果也不同，同樣大小的圖片在HTC T7278看起來要比NOKIA N78小的多。
分辨率種類（不完全統(tǒng)計）：
一款軟件適配所有分辨率的手機難度較大，勢必需要先挑選主流分辨率進行設計，在此基礎上適配其他分辨率的手機。鑒于2010年QVGA(240*320)屏幕的市場占有率將達到70% ，可將QVGA的手機當成主要的設計對象。
大多數(shù)情況下瀏覽者看電腦屏幕時都不由自主的以“Ｆ”形狀 的模式閱讀網(wǎng)頁，而手機屏幕很小，顯示能力有限，屏幕上內(nèi)容盡收眼底，閱讀文字時自上而下，因而信息的重要性也是從上到下依次排列。
“F”形狀的模式閱讀
手機屏幕的顯示能力有限，使用物理按鍵時，無法向電腦或者觸摸屏那些跳躍式操作，必須依次切換控件的焦點，例如手機界面中的翻頁程序，用戶使用最多的就是“下一頁”，將“下一頁”放置為第一個控件便于用戶操作，方案1優(yōu)于方案2。
界面簡潔的途徑：
簡潔要求文字描述簡練，但也要充分利用手機屏幕上僅有的顯示空間。例如iPhone的搜索欄，搜索框用于內(nèi)容搜索，點擊之后會顯示虛擬鍵盤，除了左邊默認的搜索圖標之外，搜索欄還包含其他元素。
當完成一個任務需要多步操作時，可將任務進行拆分成多個子任務，每個界面完成一個子任務。如邏輯清晰并保證用戶操作的流暢性，可適當?shù)卦黾禹撁嫣D次數(shù)和點擊的次數(shù)。如使用e指通 客戶端購買電影票的任務有：查詢電影→選擇放映場次→選座→確定訂單→支付。
e指通
關注首要任務也是用戶對于程序滿意度的重要因素。所以在設計時，要保證界面上的每一個元素的設計都取決于當前首要任務，用戶完成任務是否需要這些元素。舉個具體的例子：這些信息或者功能對于用戶購物是否有幫助呢？如果不是，這些信息或者功能是否在另外的使用情境中至關重要嗎？
使用標準iso手機按鍵時，用戶平均每分鐘輸入英文21個單詞，在手機上輸入將減慢用戶操作的速度，過多的文本輸入是在浪費用戶的時間和精力，如非要輸入，需保證“物有所值”，用戶會感覺到并沒有因為輸入而耽誤了任務完成。
以下途徑可以避免輸入：
手機界面上出現(xiàn)的顏色、字體、文字和圖片等元素要保持一致，一致性可以使用戶知道在哪些地方找到特定的功能或信息，同時還能使得他們知道這些功能的正確使用方法。例如，返回上一級可以表述成：返回，上一級，后退，撤退……對于用戶而言，這些文字沒有明顯的區(qū)別，但在手機界面顯示時要只使用一種和同一個位置，如iPhone界面中的“返回”只顯示在導航欄的左邊。
熊貓看書
手機QQ
手機屬于移動設備，可以在各種場合使用，如地鐵、路邊、超市、飛機上等，手機可以切換到飛機模式。手機可以在各個時間段使用，手機QQ也可以切換使用模式：標準模式、室外模式和夜間模式。
手機操作有物理按鍵和觸摸等多種操作方式，當同樣的程序要在多種操作方式下使用，需顧及手指點擊時可點區(qū)域的大小。使用物理按鍵時，按鈕可以只是兩個字，選中控件即可操作，而iPhone的可點擊區(qū)域最好不低于44×44像素。
程序需給予合理的反饋，讓知道用戶程序當前的狀態(tài)。
比如iPhone的運行指示，運行指示表示后臺有程序正在運行，但任務完成時不會提醒用戶。當程序無法立即完成聯(lián)網(wǎng)時，狀態(tài)欄上會顯示運行指示。當程序執(zhí)行的任務無法立即完成時，工具欄上會顯示稍大點的運行指示。運行指示提供了很好的反饋機制，明確地告知用戶程序正在運行比告訴用戶任務已經(jīng)完成更為重要。