|
2. 鍵盤機的第二個特征決定了用戶必須遵循既定的規(guī)則來移動焦點，例如：方向鍵、搖桿、滾輪、撥盤（BlackBerry）。正因為如此，我們在設計的時候，必須思考頁面鏈接元素之間的內聯(lián)關系，仔細計算用戶的焦點移動軌跡。重要的信息最好是放在每一行起始位置。
Ⅱ、觸屏機：
- 可視區(qū)域較大
- 操作所需面積大
- 用戶操作行為跳躍
1. 可視區(qū)域大，決定了頁面承載的信息量也比鍵盤機要多�，F(xiàn)在市場上主流的觸屏手機分辨率為320*480，屏幕寬度最低也是240。這時，如果將適配鍵盤機的WAP頁面放到觸屏機上來看，會出現(xiàn)大面積“被留白”的情況，視覺上將帶給用戶松散的感受。這時我們可以將240px作為基礎寬度進行設計。
2. 觸屏手機的屏幕大了，是不是我可以放更多的鏈接了？答案其實是否定的！用戶通過手指、觸控筆對手機進行操作。觸控筆筆尖一般面積都在2*2mm左右，能進行比較精準的點擊。而人的手指頭則要大很多，為了確保用戶不會出現(xiàn)誤操作，我們在設計的時候，需要將鏈接的字號、行高、間距增大。國外研究某資料給出過參考值：食指所需最小操作面積為7*7mm、間距1mm；拇指所需最小操作面積為9*9mm、間距2mm。（資料待查閱后將補上原文鏈接）
有同學會問了，這個面積單位是毫米，如何在設計過程中我們如何換算成像素呢？這個根據每款屏幕的分辨率、dpi、物理尺寸的不同，換算結果都不一樣，有關像素、dpi、厘米、英寸之間的換算關系，請學習這篇文章。
3. 眾所周知，用戶在操作鍵盤機的時候，在達到目標鏈接之前，基本都需要進行多次焦點移動的操作。而觸屏機則沒有這種限制，用戶的操作大多不再受物理按鍵的局限，更多是受到視覺感官的支配，換句話說就是看哪點到哪。這時需要注意的是，因為失去了“焦點”的提示，我們必須對可點擊的鏈接和不可點擊的文字進行明確的視覺區(qū)分。
二、瀏覽器左右設計
大部分手機自帶瀏覽器和第三方瀏覽器在操作方式和頁面解析上都有著自己的特性。我們在設計之初，需要深入的了解它們各自的特性，這樣我們才能對不同的方案進行權衡。本文針對焦點、操作鍵、HTML&CSS這三大基礎因素就瀏覽器對設計的影響進行一番淺析。
出處：Mobile Design China
責任編輯：bluehearts
上一頁 手機交互-Wap設計基礎 [1] 下一頁 手機交互-Wap設計基礎 [3]
|
第 1 頁 
第 2 頁 手機交互-Wap設計基礎 [2]
