当前位置:主页 > 网页教程 > 设计制作综合 > 内容欢迎大家投稿

移动网站十大最佳做法

时间:2012-03-21 09:03来源:未知 作者:大宝库 点击:读取中
阅读工具:字体:

     适合移动设备浏览的网站是专门针对移动设备的小型屏幕和功能特性设计的。不过,设计适合移动设备屏幕大小的网页只是其中一个环节。请参考我们提供的移动网站十大最佳做法,了解如何向用户提供高质量的移动网站浏览体验。

1. 简单快捷
移动用户的时间经常不够用,因此只能在忙碌之余抽空上网。为便于他们进行访问,您所设计的网站应能快速载入且易于浏览。
优先提供移动用户最需要的内容和功能。
使用桌面版网站分析数据了解移动用户的行为。
避免堆砌大量文字,按段落小节组织内容 更便于用户阅读。
压缩图片以提升网站的载入速度。
2. 简化导航方式
复杂难懂的导航方式会让用户望而生畏。
请确保向客户提供一目了然的导航界面,
对于大型或复杂的网站,可以考虑加入搜索功能,以便于客户轻松找到所需的内容。
减少用户浏览过程中滚动页面的需要,并将页面滚动局限于垂直方向。
菜单的层次结构应清晰明确,同时应避免 在光标移入时激活菜单的设计。
提供清晰醒目的“后退”按钮和“首页” 按钮,方便用户在各级内容之间切换跳转。
确保每个网页上的导航链接不超过 7 个。
如果网站比较复杂,请在显眼的位置加入搜索框。
3. 方便以拇指进行点击
用户会使用手指(特别是拇指)来操作移动设备。因此,网站的设计应考虑到手型较大的用户,使其能够轻松地与网站进行互动。
使用较大的按钮,将其居中放置并留出一 定的间距,以避免产生意外点击。
将较小按钮的边距加宽,以扩大可点击的范围。
将文字设为可以点击,使复选框的点选范围更大。

4. 使信息一目了然
适合移动设备浏览的网站可有效传达信息,却不会让人眼花缭乱。确保即使在光线不足的情况下,客户也能轻松浏览您的网站内容。
背景和文字的颜色要有鲜明反差。
确保内容与屏幕大小一致,用户无需缩放 即可轻松阅读。
大量使用负空间。
使用大小和颜色标识链接/按钮的优先等级。
5. 增强网站适应性
您的移动网站最好能在所有移动设备上正常运作,并且适合所有手持设备的屏幕方向。由于某些设备不支持 Flash,请使用其他替代技术。
使用 HTML5 来添加互动内容和动画。
设计既适合纵向屏幕又适合在横向屏幕上 浏览的网站。
确保当用户所用设备的屏幕方向改变时, 用户可以保持在当前所浏览的网页内容位置。
6. 方便用户完成转化
无论您网站的目标是什么,都要确保客户能够使用虚拟键盘和触摸操作(而非通过鼠标)完成您所期望的操作。让他们能够轻松购物或与您联络。
着重提供有助于实现转化的信息,如产品详情。
减少完成交易所需的步骤。
设计简短的表单,尽量减少字段数量。
使用复选框、列表和滚动菜单,方便用户 输入数据。
所有电话号码都采用点击通话功能。

7. 立足本地
消费者习惯使用手机查找本地信息,例如寻找最近的加油站或快餐店等。通过在网站中加入相应功能,可帮助用户找到并光临您的商家。
在目标网页上列出您的商家地址,或提供店铺定位工具。
加入地图和路线, 并在可能的情况下使用 GPS 来提供个性化服务。
使用户可以查询附近分店的库存量。
8. 提供流畅一致的体验
如今,用户每天可能会使用多种设备上网。请尽可能多地在移动网站上加入桌面版网站所具备的功能,以向用户提供流畅一致的浏览体验。
允许用户保存热门搜索和购物车中的内容。
尽可能在所有渠道上都提供网站的重要功能。
针对相同的产品/服务显示相同的信息。

9. 使用移动网站重定向
移动网站重定向是一段代码,它可以自动判断访问者是否在使用移动设备,然后将其重定向到您的适合移动设备浏览的网站。
您可以请网站开发人员帮助安装这段重定向代码,以向客户显示最符合其需求的网站版本。
使用户能够选择切换到桌面版网站,同时可以随时转回移动网站。
让用户选择下次访问时希望看到的版本。
在重定向网页上列出地址等重要信息,或提供店铺定位工具。
10. 听取意见,了解原因并反复测试好的移动网站以用户为中心,也就是说,以满足受众群体的需求为设计目标。请询问
您的桌面版网站的用户,了解他们希望在移动网站中看到哪些功能,并持续进行测试和优化。
使用分析工具了解用户如何使用您的网站。
最好先针对网站(尤其是复杂的网站)进行用户测试。
在发布了网站后,请收集用户的意见并据此进行改进。
反复测试,并根据研究结果继续改善网站的效果。

(责任编辑:大宝库)


------分隔线----------------------------
推荐内容
赞助商链接
赞助商链接