网站首页设计要点：汇集功能模块，满足用户需求

7、优秀交互方式，简化操作流程，提升使用体验二、移动端网站内容设置优化随着移动互联网的发展，我们越发要关注移动页面的性能优化，我们能做得是对移动端页面本身优化，这也是我们专业价值的体现，所以我们必须做移动端页面性能优化（

整个网站的内容索引和内容预览（使用“更多”、“详情”等链接）。首页是用户被分流前到达的页面，要求能够汇聚整个网站的大部分模块和功能，保证不同需求的用户登陆后都能找到自己想要的信息。

移动网站首页一般可以分为导航和内容风格，导航风格风格简洁，一般可以用于品牌推广，快速传达品牌形象；内容风格内容丰富，常用于快速传达广告主想要传达的信息。

（2）列表页

频道内容、分类、列表是主要构成部分。列表页一般用于展示结构简单、重复度较高的内容，在商户的产品/服务中最常见，格式也比较简单，用于满足展示多种产品/服务的需求。根据商户的产品/服务信息不同，一般分为纯文本和图文两种基本形式。

（3）内容页

建议以结构化的形式呈现内容，详情页一般用于展示首页、列表页未完全展示的信息，满足用户了解详情的需求，从而辅助用户决策。

4. 使用清晰的导航组件

全站导航：快速到达各个频道（详细内容可参考马海翔的博客《如何规划和构建网站的导航信息结构》）；

本地导航：在单个频道的首页、列表页、详情页之间移动；

相关链接：相关频道之间的链接。

5. 页面单列布局，重要内容展示在第一屏

页面内容模块自上而下单列排列，重要内容展示在首屏。

6.确保良好的可用性

（1）页面内容无缺失、交互功能正常。

（2）请勿使用闪光灯

（3）使用HTML5实现动画。

7. 交互方式优良，简化操作流程，提升用户体验

（1）优秀的交互方式可以有效提升用户体验，一方面可以简化操作流程，提高操作效率，另一方面，马海翔认为这也能大大提升产品功能的可用性。

（2）与自动切换、点击切换相比，滑动切换增强了用户的主动性，提高了切换的便捷性。

（3）滑动切换页面。用户可以通过滑动来切换页面，节省用户搜索时间。

（4）点击放大图片 点击缩略图可以放大图片，缩短了操作流程，在一定程度上减少了页面跳转带来的用户流失。

（5）页面区域点击 区域点击可以大大提高用户点击的效率，减少用户定位点击区域带来的效率损失。

（6）点击加载更多可以减少单页不必要的信息，使页面更加简洁，减少页面跳转手机网站制作，减少因网速等因素造成的用户流失。

8.确保广泛的兼容性

在主流操作系统及浏览器中均能正常显示手机网站制作，如：操作系统：iOS；浏览器：UC、QQ、iOS等。

2.优化移动网站内容设置

对于移动网站首页或频道首页的网页代码，最好添加与PC端不同的meta标签和关键词，每个页面的关键词和描述要像传统PC网站一样有针对性地填写，这对搜索结果的展示（概要）和优化会有很大的帮助（详情可参见马海翔的博客《如何优化移动网站》）。

1. 一致性

着陆页内容与关键词、广告文字的相关性，不仅可以保证广告与目标页面的一致性，更重要的是可以增加潜在客户对着陆页的点击量，减少客户流失。

2. 可信度

通过向潜在客户告知公司名称、联系地址、客服电话等信息，可以有效提高网站（公司）的可信度。

3. 重要信息显示在首屏

尽量将具体的产品信息放在网页的前1-2个屏幕上，避免与用户玩寻宝游戏。

4. 根据行业特点投放有针对性的内容

注重移动页面信息建设，满足用户需求；

基本信息：公司介绍、产品/服务介绍。

信托信息：荣誉资质、专家团队、案例。

转换信息：电话号码、地址。

5. 精简文字，做好图片处理

减少文本量：约为PC内容的一半。

使用图片和幻灯片来提升演示效果，并注意压缩图片尺寸。

建议使用宽图片展示logo，使用方形图片展示产品。

3.优化移动端页面性能

随着移动互联网的发展，我们需要更加重视移动端页面的性能优化，我们能做的就是优化移动端页面本身，这也是我们专业价值的体现，所以一定要做好移动端页面的性能优化（详细可参考马海翔的博客《移动端网站制作的常用方法及优化技巧》）。

1.控制加载时间和网页大小

等待后才跳出的用户比例；

加载时间：单页5秒以内；

网页大小：单页50K以内；

优化加载时间和网页大小：重点优化前端；