浅谈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用户的站点设计也要需要不同于移动用户网站。

 

 

责任编辑:佚名 来源: Web App Trend
相关推荐

2011-09-01 10:21:52

jQuery Mobi元素

2013-11-25 14:57:04

TCPTCP优化

2023-11-15 18:46:49

HBase数据库开源

2011-07-28 10:01:19

IOS 内存优化

2009-05-04 09:52:49

Oracle优化排序

2010-09-29 16:38:03

企业应用访问

2009-07-05 11:23:44

2009-06-25 14:09:37

优化MyEclipse

2009-06-26 15:48:23

Windows Mob

2009-06-29 10:19:42

.NET Micro性能优化

2009-07-21 14:16:02

ASP.NET管道优化

2011-06-19 12:20:47

长尾关键词

2019-01-09 13:07:26

Tomcat服务器优化

2014-03-11 15:47:29

大型网站速度优化运维人员

2022-04-12 08:22:54

Linux内核操作系统

2011-07-21 16:55:10

SEO

2011-07-05 18:30:44

站内优化

2011-07-22 15:44:26

SEO

2011-07-18 18:01:34

buffer cach

2009-08-21 19:07:06

Windows 7固态硬盘优化
点赞
收藏

51CTO技术栈公众号