引言：这个系列的文章将以笔者这两年在手机交互方面的工作经历为基础，阐述Wap Site、Native App、Web App的交互设计，将包括以下内容：

1. 手机交互设计基础知识（5%）
2. 设备特性在设计上的应用（5%）
3. 部分交互控件的详解（50%）
4. 部分不涉及商业机密的项目经验（35%）
5. 答读者问（5%）

其中“设备特性在设计上的应用”将以穿插的形式出现在文章中，暂时不会独立成单独的章节。

WAP站点，这似乎是一个有点落伍的东西。在诞生之初，它很简陋，只能通过一个叫WML的标记语言来搭建没有任何美感的文字+链接页面。而今，绝大部分WAP站点都开始使用xhtml标记语言，不过在iOS、Android风潮席卷全球的今天，这个演进似乎显得有点苍白无力。但在中国，WAP的用户群体依然是移动设备上网的绝对主力军。那么，到底该如何设计一个WAP站点呢？个人以为，需要从设备、浏览器、任务、场景四个方面入手。一个WAP站点好与坏，不取决于页面的绚丽程度，不取决于功能是否强大，而是取决于站点的兼容性。

一、用户使用的设备

“用户是通过什么设备访问我们的站点？”这是在搭建一个WAP站点之初，设计师需要考虑的第一个问题。一般来说，我们可以把用户使用的设备粗略的划分为【键盘机】和【触屏机】。

Ⅰ、键盘机：

• 屏幕物理尺寸小，可视区域小
• 用户对手机的操作受限于导航键

1. 可视区域小，就决定了用户在当前屏幕内看到的内容非常有限，用户往往是通过扫视第一屏的内容来决定是否继续向下浏览。我们在设计过程中，则需要按信息的重要度以降序的方式来组织，将最重要的信息在首屏呈现给用户。大部分情况下，logo和导航区块是必不可少的元素。如果你的站点是互动型的，还需要在header里体现出用户登陆状态和用户名。根据应用场景和任务的不同，少数页面可以省略header。

目前市面上低端机器的屏幕分辨率宽度基本都在176px以上，所以，针对最低端键盘机设计WAP站点时可采用176px的基准宽度来设计，页面高度不限，但最好不要超过7个屏高。同时还需考虑页面文件大小，页面文件大小最好控制在13k以内。

出处：Mobile Design China
责任编辑：bluehearts

上一页 下一页 手机交互-Wap设计基础 [2]