网页制作Webjx文章简介:WAP2.0网站分类与产品设计. |
目前主流的WAP产品,满足了用户浏览新闻、收发邮件、阅读小说、下载软件音乐、交友互动、游戏休闲、网络购物、支付等多方面的需求,触点遍及了生活的各个领域。按照用户需求的不同, 已有的WAP产品可以分成两大类:浏览主导的产品和互动主导的产品。
一、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