博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
优化移动网站的9大窍门(转)
阅读量:5946 次
发布时间:2019-06-19

本文共 2488 字,大约阅读时间需要 8 分钟。

关于移动用户

在介绍窍门之前,你要记住一个事实---那就是浏览你移动网站的人。

这句话看上去很傻,但确实有很多人忘了这个简单的事实。

移动用户希望感受与传统网站完全不同的体验。

例如,移动用户通常寻找这些重要信息:到达你办公室的路线,你商店位置的地图以及点击通话的电话号码。他们并不想查看你冗长的员工介绍、企业文化或者企业新闻PDF等。

记住这点,再来看看以下帮你打造移动优化网站的九大窍门:

1、简化、简化、再简化

第一步:决定放置哪些内容。由于屏幕空间有限,重要的是归纳总结你的用户最可能寻找的信息。

一个店铺位置导航?也许吧。一个“联系我们“的表格要填13项内容?太多了。

从消费者进入网站到购买尽可能提供简单的步骤非常重要。Fandango在这方面就做的很好,直接摒弃那些不重要的内容,为消费者呈现他们想要的:电影放映时间!

Fandango不仅提供简单的移动网站设计,还提供移动电影票,直接完成了销售过程。

更棒的是,Fandango是通过为购买者提供QR码作为移动票来完成销售过程的。只要带上你的手机,让电影院工作人员扫描QR码就行了。

  • ①手机网站比PC端网站的页面下载速度要慢得多,因此尽量把页面数和页面大小控制到最低。
  • ②此外,由于是手机用户,用户浏览网页的时间是零碎的,不可能耐心点击很多的页面。因此,要尽可能精简移动网站设计。
  • ③购买流程或者导购页面尽可能精简精简再精简,从消费者进入网站到购买尽可能提供最简单的步骤,直接摒弃那些冗余内容,为消费者呈现他们想要的。假如一个购买流程需要注册七八项,在购买时再填上七八项,那恐怕下次就不会有回头客了。

2、优化网站布局

移动网站比传统网站的页面下载速度更慢,因此尽量把页面数降到最低。此外,用户可能没耐心点击好几个页面。因此,要尽可能精简你的移动网站设计。

我鼓励大家试着像Steve Jobs那样思考问题。大家知道,Jobs由于为用户带来简洁直观的体验而闻名。采用Jobs的方法能够时刻提醒你尽可能设计简洁的网站,这样会带来更好的用户体验。

Domino开发他们的移动网站时肯定用了Jobs式的思维。他们简化了网站,把内容精简到消费者最可能搜索的范围内。

Domino把Jobs式的思维用于移动网站开发的结果是----- 整洁并提供有限导航的网站。令人惊奇的是,这种精简的方式却提升了客户体验。

3、将传统网站上的品牌元素整合到移动网站中

尽管你的移动网站要越简洁越好,但你仍然希望整合传统网站上的品牌元素。

这主要有两个原因:第一,移动网站也是一个品牌接触点,与其他网站一样,应该反映并推广你品牌的精髓。第二,对于那些熟悉你企业的用户而言,一项类似的设计让他们觉得很亲切,这是保持老客户忠诚度的重要因素。

让你的移动网站和传统网站保持一致的色调和品牌形象。

例如,60 Second Marketer网站在其移动网站和传统网站上使用相同的色调和品牌标志。这样,熟悉你的标准网站的用户在你的移动网站上将有相似的体验。

4、保留必要的空白区域

在设计网站时,很自然的就想加入更多的信息,但你最好不要这么做。空白区域不仅给人带来整洁和精炼的感觉,还方便用户点击按钮进行他们希望的搜索或预订。

MSNBC的移动网站就做到了这一点,在所有文字内容周围保留足够的空间,以确保用户精确选择他们要查找的内容。

5、避免使用Flash或JavaScript

避 免Flash的很明显的原因是Apple产品不支持Flash功能,并宣称他们也不打算在将来添加此功能。而iPhones占据智能手机市场30%的市场 份额,因此如果你使用Flash,很大一部分智能手机用户用不了这项功能。同样,很多智能手机也不支持Java,而Java还会大大延缓页面下载的时间。

6、减少文字输入的次数

你是否患有胖手指综合征?如果是的话,你用智能手机键盘会很困难。大多数人使用微型键盘打字都很困难。所以,尽可能使用下拉菜单、列表和事先设定的文字作为数据输入的方式,这就最大限度的减少了人们在智能手机上打字的机会。

联邦快递的移动网页做的不错。尽管用户必须输入大量信息才能完成任务,列表和下拉菜单的使用减少了很多文字输入。

另外,联邦快递预先设定的文字也为用户带来极大的方便。

7、不要使用弹窗

在手机上进行多个选项卡和浏览窗口之间的跳转比在传统网站上困难得多,还会延长下载时间。如果你需要打开一个新的浏览器窗口,一定要告知你的用户如何导航到原来的页面。

8、使用移动重新导向功能

当你的网站设计好了,并准备推出之时,确保设置重新导向功能,这样当用户使用移动设备登录时,直接把他导向移动优化的网站页面。

一旦你的重新导向功能到位了,任何移动用户通过输入你的网址或在搜索引擎中点击链接都能够进入你的移动优化页面。

9、允许用户访问全部的网站(做好移动版与PC版网站的转换)

你费了很多心思在你的移动网站上,你想消费者看到它并爱上它。但问题是即使你在减少内容方面做的够好了,但可能某些人还是需要一些你选择不显示的内容。

因此,确保你在各个页面上添加链接,使用户可以回到网站的全面版本。你可以在USA Today、Geek Squad、Home Depot和Target的移动网站上看到这项功能。

  • ①确保在手机网站或者PC端网站各个页面上有相应的导航或者提示链接,让用户可以在手机版和PC版进行切换,也便于搜索引擎更好的收录。
  • ②百度官方曾声明,对于移动站点,当baidu spider ua或者其它无法确定来源的ua访问时,建议默认情况下直接返回html5 或xhtml 类型的移动页面,不要重定向到PC页面。

因为移动网站对于大多数营销人员还是新的领域,所以设计和打造移动网站很有挑战性。但是,移动网站是展示你的品牌和创造力的绝佳机会。只要你把用户需求摆在第一位,坚持你的品牌定位并遵循这几项原则,你将很快感受到它带来的益处。

 

(Melody 编译)

 

 

转载于:https://www.cnblogs.com/JoannaQ/p/3291139.html

你可能感兴趣的文章
eclipse开发环境
查看>>
如何计算硬盘、RAID组与Ceph的IOPS!!!
查看>>
18至今,学习Linux让我快速成长的三件事
查看>>
keepalived+nginx搭建高可用几个注意点
查看>>
pyinstaller 打包后运行错误
查看>>
一步一步学Ruby(十六):符号
查看>>
Spring Session + redis实现session共享
查看>>
阿里云的maven仓库
查看>>
hash table碰撞处理
查看>>
Oracle事务
查看>>
Spark2.0操作ES
查看>>
代码创建UISearchDisplayCountroller
查看>>
Android中的Handler机制
查看>>
揭秘jbpm流程引擎内核设计思想及构架
查看>>
PTSSpringBoard
查看>>
SHSidebarController
查看>>
微信公众号接口添加菜单时错误(errcode":40017 invalid button type)
查看>>
转: Xcode提示“expression is not assignable”
查看>>
nginx笔记
查看>>
浏览器安全-恶意网址拦截
查看>>