打造优秀移动网站的七个步骤

 

现在手机上的应用程序非常流行。很多人看到最近流行的游戏都会安装一个。但事实上,许多应用程序都是偶然的需要。比如,我最近要租房子,在同一个城r = Q * K =市装了一个58,但我不能每天都租房子。租了房子后,我几乎不会打开申请表。想想我们通常使用的3-5个应用程序,Y L n ` & . D @比如微博、微信、浏览器等。一般不超过7个应用程序。普通人的大脑不能同时处理超过7个信息单元。人们R Y l s p ! %要记住的东西大多只列在第七项中:一周有七天,音乐有七个音符,电话号码通常是七位数,世界奇迹是七个,七个仙女,白雪公主和七个小矮人。(详见魔法72法则)

一方面是用T Z !户的偶然需求,另一方面是开发者面对海量移动互联网用户的愿望。如何平衡两者之间的矛盾?针对移动设备优化的移动网站是可行的解决方案之一。

手机网站如此8 m 3 _ ^ X $ P重要,如4 g ^ ~ 9 w 6 R何优化手机网站,为手机用户提供良好的用户9 U M . r In a | m d K s [ R验?这七种策略可能会给你启发:

1、 考虑各种情况

移动用户的接入场景往往是多样化的,比如公交车、厕所、排队等场景,随时都可能中断。他们更可能利用零D = s E碎的时间,所以网站的简单和快速是非常重要的。你可以使用这些数据来分析移动用户最感兴趣的内容,并切记避免大量文本的积累。如果不能避免大量的文字,还要注意排版,分成多个节点来显示。

尽可能压缩图像,以帮助用户节省流量并加快加载速度。即R 6 q使你的照i L 8 N片很漂亮,* $ ] 访问也需要30秒,而且用户很可能会在看到之前关闭网站。电梯、公交车等场景也需要考虑拥挤的空7 5 8 q c 1间,你的按钮是否足够大,流程是否足够流畅和简单,这样用户就可以一手完成了。

另外,您还需要考虑用户在切换手机屏幕方向时如何处理(如从垂直屏幕切换到水平屏幕),是否需要调整,是p N N否需要显示3 ` , R 7 6 U a其他内容(如图表)。还有通过文字、背景颜色的匹配,让用户在光线不足的情况下,甚至在阳光下,都能有效捕捉信息。

有人可能会认为这些情况太极端了,但在极端情况下,如果仍然能保证良好的用户体验,那么高标准{ O R / M d & %下的正常体验也会相应提高,同时,如果产品超出了用户的预期,用户对产品的偏好也会增加。

2、 简化导航并减少输入

导航的目的是方便用户从大量内容中快速找到所需的内容。移动网站受到f z r 0 D i S R屏幕大小和用户习惯的限制,因此导航应该尽可能小而精确。如果内容太多,还需要在醒目位置添加X t I # A索框,以支# 2 & u B c 4 ; N持语音等方式进行搜索。如果不知道哪一个更好,可以分别在两个时间点部署到网站上,并查看页面访问量、持续时间等数据的变化,帮助您做出判断,用数据说话。当然,这不是让你频繁修改,频繁修改会让用户无所适从。

3、 针对不同设备进行优化

考虑针对不同的设备进行优化,如Symbian或低端手机、大屏幕智能手机、iPhone和iPad平板电脑。使用响1 a v 9 C应式网页设计(RWD)等技术使网页具有适应性,并针对不同的设备(触摸屏、重力感应@ 3 ] | n m [ Z 9、方位等)进行不同的优化和响应。

U 2 ! S然最初的实施成本相对较大,但却K 1 c是一劳永逸的,后期的修改成本很小。通过HTML5等手段加强页面性能水平,加强多媒体信息的展示(根据网站的位置和性质,一般网站不建议使用过多的多媒体资源),提高人机交互体验。可v ^ n w (以通过重定向将移动设备引导到适合移动设备访问的站点。

另外,如果用户在使用移动设备时需要切换到计算机版本,通常是因为他需要使用计算机版本中存在的一些功能,但被移动版本放弃了。也可能是用户的设备被误x : ) q判了。

切换到计算机版本后,还应提[ p ;供切换回移动版本的选项。比如手机购物网站,手机搜/ q H索用户比较麻烦,所以我们更喜欢直接去购物。因此,对于I 4 E无线导购产品,我们需要为顾客提供直接、准确、O P L g B I % 1优质的商品。另外,手机平时商品量小,如订购率相对较高。这些设备针对不同的需求进行了优化。

4、 考虑跨平台问题

对于一些特& + : 5殊的网站(有用户ID系统和同步需求),也要考虑跨平台同步的经验。如何让用户在多个设备之间平滑切换。 - ] o对于手机购物网站,很多用户出于支付安全考虑和网银习惯,在手机上下订单(可Z 1 } C ! ? Y能是在等车时),然后用PC进行q 9 ] j f 0 H支付(比如下班回家)。