|
引言：這個系列的文章將以筆者這兩年在手機(jī)交互方面的工作經(jīng)歷為基礎(chǔ)，闡述Wap Site、Native App、Web App的交互設(shè)計，將包括以下內(nèi)容：
- 手機(jī)交互設(shè)計基礎(chǔ)知識（5%）
- 設(shè)備特性在設(shè)計上的應(yīng)用（5%）
- 部分交互控件的詳解（50%）
- 部分不涉及商業(yè)機(jī)密的項目經(jīng)驗（35%）
- 答讀者問（5%）
其中“設(shè)備特性在設(shè)計上的應(yīng)用”將以穿插的形式出現(xiàn)在文章中，暫時不會獨立成單獨的章節(jié)。
WAP站點，這似乎是一個有點落伍的東西。在誕生之初，它很簡陋，只能通過一個叫WML的標(biāo)記語言來搭建沒有任何美感的文字+鏈接頁面。而今，絕大部分WAP站點都開始使用xhtml標(biāo)記語言，不過在iOS、Android風(fēng)潮席卷全球的今天，這個演進(jìn)似乎顯得有點蒼白無力。但在中國，WAP的用戶群體依然是移動設(shè)備上網(wǎng)的絕對主力軍。那么，到底該如何設(shè)計一個WAP站點呢？個人以為，需要從設(shè)備、瀏覽器、任務(wù)、場景四個方面入手。一個WAP站點好與壞，不取決于頁面的絢麗程度，不取決于功能是否強(qiáng)大，而是取決于站點的兼容性。
一、用戶使用的設(shè)備
“用戶是通過什么設(shè)備訪問我們的站點？”這是在搭建一個WAP站點之初，設(shè)計師需要考慮的第一個問題。一般來說，我們可以把用戶使用的設(shè)備粗略的劃分為【鍵盤機(jī)】和【觸屏機(jī)】。
Ⅰ、鍵盤機(jī)：
- 屏幕物理尺寸小，可視區(qū)域小
- 用戶對手機(jī)的操作受限于導(dǎo)航鍵
1. 可視區(qū)域小，就決定了用戶在當(dāng)前屏幕內(nèi)看到的內(nèi)容非常有限，用戶往往是通過掃視第一屏的內(nèi)容來決定是否繼續(xù)向下瀏覽。我們在設(shè)計過程中，則需要按信息的重要度以降序的方式來組織，將最重要的信息在首屏呈現(xiàn)給用戶。大部分情況下，logo和導(dǎo)航區(qū)塊是必不可少的元素。如果你的站點是互動型的，還需要在header里體現(xiàn)出用戶登陸狀態(tài)和用戶名。根據(jù)應(yīng)用場景和任務(wù)的不同，少數(shù)頁面可以省略header。
目前市面上低端機(jī)器的屏幕分辨率寬度基本都在176px以上，所以，針對最低端鍵盤機(jī)設(shè)計WAP站點時可采用176px的基準(zhǔn)寬度來設(shè)計，頁面高度不限，但最好不要超過7個屏高。同時還需考慮頁面文件大小，頁面文件大小最好控制在13k以內(nèi)。
出處：Mobile Design China
責(zé)任編輯：bluehearts
上一頁 下一頁 手機(jī)交互-Wap設(shè)計基礎(chǔ) [2]
|
第 1 頁 手機(jī)交互-Wap設(shè)計基礎(chǔ) [1]
第 2 頁 
