移动网站建设十大原则

1、简单快捷

所谓简单快捷，就是要在手机有(yǒu)限的屏幕上以简单实用(yòng)快捷的形式展示给用(yòng)户需要的东西，让用(yòng)户方便。深圳网站建设的建议是：

• 优先提供用(yòng)户需要的内容和功能(néng)
• 减法，减法，减法（解释一下，这一点其实就是在强调手机网站要去掉一切可(kě)以去掉的内容、功能(néng)、板块、按钮等，只留下精(jīng)华的部分(fēn)，记住是精(jīng)华的部分(fēn)。谷歌举例了淘宝的移动网站）
• 精(jīng)简文(wén)字
• 压缩图片以提升网站加载速度

2、简化导航

• 明确的目录结构，避免用(yòng)户横向滚动页(yè)面
• 提供醒目的“后退”和“页(yè)”按钮

对于导航的目录结构，深圳网站建设列出了四种常见的手机网站的导航形式，分(fēn)别是：

• 横条式（谷歌指出，根据手机屏幕尺寸以及统计数据显示，横条知名(míng)不要超过7个）
• 大按钮式（这种形式是手机站常见且应用(yòng)多(duō)的导航形式）
• 列表式
• 选项式

3、拇指操作(zuò)

• 较大的按钮，降低操作(zuò)难度
• 适当的空间，避免意外点击（与加宽间距目的一样，都是為(wèi)了扩大点击范围，防止用(yòng)户因為(wèi)按钮较小(xiǎo)而误点其它选项或内容而造成的不便。也就是在有(yǒu)限的手机屏幕上再适当给按钮做些留白）
• 间距加宽，扩大点击范围
• 使用(yòng)颜色和阴影凸显按钮

这一点不仅仅是针对搜索引擎的优化设计，更是手机站针对用(yòng)户體(tǐ)验的人性化设计，在这一点上，谷歌考虑的更周全些。

4、一目了然

• 确保内容与屏幕大小(xiǎo)一致
• 背景和文(wén)字颜色的鲜明反差
• 使用(yòng)留白空间
• 整齐的排版
• 舒服的字型大小(xiǎo)

这一点同样是考虑用(yòng)户體(tǐ)验的问题，如果是第三点是考虑用(yòng)户手感或者说触感的话，第四点就是考虑用(yòng)户的观感。

5、广泛适应

• 网站能(néng)在不同的移动设备上运行
• 移除flash，使用(yòng)HTML5来实现互动内容和动画
• 根据屏幕方向调整显示

很(hěn)多(duō)站長(cháng)可(kě)能(néng)不太懂HTML5相关技(jì )术以及自适应网页(yè)技(jì )术，没关系，百度的手机站优化指南有(yǒu)相关知识，还是不明白的话，百度一下，你就知道。

6、轻松转化

• 简化注册登录流程
• 减少使用(yòng)者输入：使用(yòng)表单、菜单、选择框
• 着重提供有(yǒu)助于转化/注册的信息

还是尽可(kě)能(néng)的给用(yòng)户提供方便，减少给用(yòng)户带来的麻烦，节约用(yòng)户的时间和浏览成本，要知道，时间就是金钱。

7、立足本地

• 与用(yòng)户位置相结合的个人化信息
• 地图、路線(xiàn)、電(diàn)话、本地信息等

在所有(yǒu)提供内容当中(zhōng)，除非用(yòng)户是找寻通用(yòng)信息，所以本地化信息是对用(yòng)户有(yǒu)帮助的。

8、流畅體(tǐ)验

• 允许用(yòng)户保存搜索、书签、購(gòu)买等信息
• 尽可(kě)能(néng)在所有(yǒu)平台提供相同信息和功能(néng)（即无论是PC端、平板端还是手机端都保持网站信息的一致性）

9、重新(xīn)定向

• 自动判断移动设备，重新(xīn)定向相应适合的网站内容（自适应网页(yè)技(jì )术，根据不同的移动设备和屏幕尺寸，来显示相应的网站内容）
• 让用(yòng)户可(kě)以切换電(diàn)脑版与移动版网站
• 让用(yòng)户选择下次访问的版本

10、持续改进

• 使用(yòng)分(fēn)析工(gōng)具(jù)，了解用(yòng)户如何使用(yòng)网站
• 收集用(yòng)户意见并反复测试，追踪表现

/jianzhanzhishi/7567.html 移动网站建设十大原则