浅谈Mobile Site优化
摘要:
良好的移动用户体验要求Mobile站点的设计不同于PC站点。本文介绍了如何针对Mobile站点和PC站点两种网站,进行两种不同设计,并且采用交叉链接的形式使两者更好的运转。
通过对数百个站点可用性的测试,可以了解到对mobile站点进行优化的要点如下:
- 构建独立的针对移动设备进行过优化设计的网站(或者mobile网站)。这是因为,移动设备的可用性要求比PC网站要高很多。
○ 如果可以构建一个移动应用程序也许会更好——至少在现在是这样
- 如果移动用户正在访问你的PC网站,请将他们重定向到mobile站点。不幸的是,因为mobile网站在搜索引擎的排名往往不够靠前,结果导致移动用户经常被(错误地)带到PC站点,而不是访问到具有更好用户体验的mobile网站。
- 为正在访问您PC站点的移动用户提供mobile 网站网址。
- 为需要访问PC站点的移动用户提供PC站点网址。
我们在当今流行的各种平台上(包括iPhone, Android, Windows Phone, and BlackBerry),测试了数百个mobile站点和PC站点。发现在所有不同手机上,关于两者的测试结果都是一样的,因此这里就不针对于某种特定的设备进行进一步说明了。
但是,针对于大型平板电脑的网站设计准则就不一样,因为PC站点可以在大型平板电脑(10英寸的外形,如ipad,联想IdeaPad,三星Galaxy等)上很好的显示。对于小型平板电脑(7英寸大小,如亚马逊的Kindle Fire),理想情况是,需要额外地为这些中型设备进行优化设计。
针对移动设备进行过优化的站点
关于mobile网站全部的设计指南差不多300页,在此不一一详述,列出基本设计要点如下:
- 减少功能,不要在移动网站上设计不重要的功能;
- 精简内容,并且将次要的信息放到内页显示;
- 增大操作项的尺寸,以避免因尺寸太小引起的操作失灵等问题。
减少功能和精简内容,需要在不影响产品展示范围的情况下进行。一个Mobile网站不会对每个产品进行详细的介绍,但是应该涵盖所有的产品种类, 因为如果用户在网站上找不到这种产品,就会认为该公司不销售此产品。
例如,房地产公司的mobile站点应该展示销售的所有楼盘,而不仅仅介绍那些最受欢迎的(当然,可以列出受欢迎楼盘清单,这样用户就可以点击查看)。而且mobile站点上不应包含过于专业的内容,如分析历史销售的特点等,对于需要这些信息的用户,可以引导他们访问PC网站的相关页面。
为什么PC站点不适合在手机上使用
经常听到人们谈论:手机用户对它们的手机的期望越来越高了,所以在mobile站点上减少内容或者功能会不可避免的让一部分人感到失望。因此,有人提出了如下(不成熟的)想法,最好是让PC站点也可以满足移动用户的需求。
以上解决方法的不足之处它假设用户只能在功能齐全的PC网站和功能较少的手机网站之间进行选择。事实上,如果以链接的形式引导手机用户到PC站点上访问mobile站点上缺少的内容,这样手机用户也可以获得他们需要的信息。
减少mobile sites和full-site之间的差异,从而让mobile网站满足几乎所有移动用户的需求,这是非常具有挑战性的。如果做到了这一点,那么mobile sites与PC站点间的交互成本就会相当的少了。
确实有很多mobile site设计很不合理,几乎不能满足任何移动用户的需求。但是,我们不能因为糟糕的设计对设计指南的误解,而否认设计指南本身。(事实上,如果我们因为糟糕的用户设计界面而否认了所有的设计指南,那现在就不会有Web存在。现在确实有很多网站很差劲,但是这并不能说明我们不能按照那些指南设计出优秀的站点。)
正确的解决方式如下:
- 大多数情况下,移动用户可以在mobile站点上获得比PC站点上更好的用户体验。
- 少数情况下,mobile 用户需要访问PC站点。
相比现在巨大的收获,回想之前一些失败的教训,是微不足道的。
第二个争论的焦点是你可以在保证mobile 站点设计良好的基础上,来设计满足mobile 设备的PC站点。但是,这种设计不能达到大屏幕和功能强大的输入设备上的最佳标准,会影响PC用户的使用体验。如果说PC用户只是一少部分用户,这个解决方式尚可接受,但是事实上,几乎所有站点PC端访问量都比移动客户端访问量大。所以,当我们一心想设计优秀的mobile sites时,不要忽视了PC用户——毕竟他们是我们主要的衣食父母。
那设计基本的原则是什么呢?PC用户界面在很多方面都不同于Mobile 用户界面,包括交互技巧、阅读方式、使用场景和基本常识等等。因此移动用户需要一个不同于PC用户的站点设计;同样,PC用户的站点设计也要需要不同于移动用户网站。
了解更多
关于响应式设计和其他技巧:优化设计与再利用
293页关于Mobile 网站和应用可用性的报告,包含了237项设计指南和479个截图。
一年一度的“可用性学习之周”提供的全日制培训课程:
扫一扫订阅我的微信号:IT技术博客大学习
- 作者:dina_wh 来源: Web App Trend
- 标签: mobile sitesby
- 发布时间:2012-06-07 00:20:47
- [55] IOS安全–浅谈关于IOS加固的几种方法
- [52] 如何拿下简短的域名
- [52] android 开发入门
- [52] 图书馆的世界纪录
- [50] Oracle MTS模式下 进程地址与会话信
- [50] Go Reflect 性能
- [48] 【社会化设计】自我(self)部分――欢迎区
- [47] 读书笔记-壹百度:百度十年千倍的29条法则
- [37] 程序员技术练级攻略
- [28] 视觉调整-设计师 vs. 逻辑