一、WAP 2.0 簡介
所謂WAP(Wireless Application Protocol,無線通訊協定)是在數位行動電話、網際網路或其他個人數位助理機、電腦應用之間進行通訊的開放全球標準[1]。
WAP1.0規定無線設備訪問的頁面是用WML語言編寫的,而WAP2.0將XHTML-MP作為主要內容格式[2]。 對比WAP1.0,WAP2.0的優勢是更好地支援圖形化介面,支援部分CSS樣式表,支援圖文混排等,使網頁的表現和交互形式更加豐富。
國內自08年新浪、天下等開始實踐WAP2.0化手機網站以來,越來越多的手機終端廠商和互聯網企業都推出支援WAP2.0版本的產品。
二、WAP網站分類
目前主流的WAP產品,滿足了使用者流覽新聞、收發郵件、閱讀小說、下載軟體音樂、交友互動、遊戲休閒、網路購物、支付等多方面的需求,觸點遍及了生活的各個領域。 按照使用者需求的不同, 已有的WAP產品可以分成兩大類:流覽主導的產品和互動主導的產品。
流覽主導的產品,例如手機騰訊網的資訊頻道。 使用者核心訴求是從新聞平臺中獲取最新的資訊,掌握時下熱點。 主要行為模式是依賴我們預先設定的軌跡去流覽,其間產生很少的主動交互,例如鍵入關鍵字搜索、發表評論或者轉載,偶發的訂閱設置等任務。
由此決定了資訊頻道交互設計的兩個特點,一是:流覽的資訊遵循一定規則地結構化,且資訊深度應有所控制。 二是:搜索、評論、轉載等交互行為要避免使用者偏離流覽的主旨。
通常資訊類資訊被設計成垂直的三層結構。 隨結構的拉升,資訊濃度逐漸被稀釋。 在第一級頁面,使用者會面對各個頻道高度濃縮的新聞標題。 使用者在深一級的新聞專題或者頻道專欄中挖掘更有針對性的資訊。 最深一級,則是新聞的全文閱讀。 綜上,做好這三層資訊流呈現和交互,就能覆蓋大部分的設計工作。
使用者主動交互的動作不能過多地偏離流覽新聞的核心任務。 在iPhone Web HIG[3]提出的導航設計原則:「需要保持上下文語境並為使用者在多重頁面間導航。 儘量削弱瀏覽器的體驗,避免使用者漫不經心地跳到其他網站」。 目前在資訊頁面出現了新聞社區化、鼓勵延伸閱讀的趨勢。 例如新聞正文頁裡可以發表評論並關注評論人,新聞正文下面相關熱詞的推送。 這些滿足外延的閱讀需求,但是要避免回溯通路的堵塞。
互動主導的產品,比如手機QQ空間。 其經營關係鏈,突出feed熱度;強調身份的概念,帶有一定娛樂功能。 產品設計注重鼓勵使用者的主動輸入內容,產生互動,或享受SNS遊戲手機端的快捷體驗。 手機QQ空間我的動態、個人中心、好友的空間、應用在資訊架構上相對獨立且關係平等,在導航的設計中也相應地反映出這種特點。
以互動為主導的產品,遊戲化的體驗是非常關鍵的。 如果說資訊帶有權威正統的特質,那QQ空間則偏重輕鬆愉悅的享受。 桌面遊戲的體驗,主張有策略地設置操作障礙和遊戲關卡,製造使用者成就感。 但是WAP端的遊戲體驗中,這種懲罰策略要有所節制,相反利用交互設計提供相對桌面更便利、快捷的體驗是非常必要的。 最早期開心餐廳的桌面應用,要對每個灶台進行端菜、清潔灶台、選擇菜譜以及煩多的食材處理步驟。 等級越高,管理灶台的壓力越大,粘性隨著糟糕的體驗逐漸喪失。 WAP端將這類操作做了整合,降低了灶台的處理成本。 這種設計思路同樣貫徹到了開心網的爭車位、釣魚、大師等應用中。 QQ空間 WAP端QQ農場的「一鍵摘菜」、「一鍵收穫」、「一鍵剷除」、「一鍵播種」,讓使用者為特權買單,是一個更令人信服的成功案例。
開心餐廳的自動處理食材以及爭車位的一鍵「全部自動停車」等,回避了枯燥的純體力按鍵動作,增強了手機端遊戲的體驗,令WAP端使用者產生優越感。
QQ農場「一鍵剷除」,位於首屏靠上的位置。 提示資訊區域不帶連結,實際操作中僅用2~3次焦點跳轉就能快捷地剷除所有枯萎作物。 同時這是優於web端的功能,是黃鑽使用者優越特權的延伸。
綜上,在以流覽為主導的WAP2.0產品設計中,將更多採用較垂直的資訊架構。 關鍵在於導航設計的引導和回溯。 清晰地展示給使用者他處於哪個層級,並方便使用者隨時返回更高層級或跳轉其他。
在以互動為主導的WAP2.0產品設計中,我們更多採用較平行的架構。 設計思路應該在新鮮、趣味的遊戲體驗和便利快捷的操作體驗之間求得平衡。 因為手機端對話模式的現實困難,會增加遊戲難度。 但同時過分簡單的操作,加之受限於WAP2.0形式單薄,很容易讓遊戲變成例行公事的壞體驗。
參考資料:
[1] HTTP://www.loamen.com/plus/view.php?aid=2
[2] HTTP://zh.wikipedia.org/zh-cn/WAP
[3] Apple Corp (2010.1). iPhone Human Interface Guidelines for Web Applications:46-47
本文來自:HTTP://wsd.tencent.com/2010/06/wap2-website-cat-and-arch.html