论坛首页 Web前端技术论坛

提高移动网站的用户体验的几个建议

浏览 1667 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2015-01-09  

 

一、页面专门针对手机屏幕设计:

 

1、页面随屏幕宽度变化,无横向滚动条

 

2、不放大时,能清晰浏览内容,文字大小不低于12像素

 

3、不放大时,按钮、链接等点击方便,按钮尺寸不能过大或过小

 

 

 

二、重要内容要靠前或居中

 

对于移动用户来说,往往很容易忘记菜单选项,因此,你应该把自己最关键的内容放置在一个醒目的位置上,这样用户就能轻松看到。所以,你需要让最重要的内容占据到网站的主体部分上,用户就能够快速完成相关任务,另外,如果要继续执行下一个任务,你可以利用菜单选项标明,也可以把下个任务紧跟在第一个任务完成之后。在移动端,你的内容应该和桌面终端不一样,所以你必须要“对号入座”,因地制宜。

 

 

 

三、使用最多三级的页面结构

 

减少移动站的页面层级,降低用户认知难度,一个标准的移动站应该包含首页、列表页和详情页三种类型,以满足广告主的推广需求和用户的认知需要;页面类型及层级建议不超过3个,保证简单、高效的用户体验。使用尽量浅的页间结构,减少用户点击次数,提升浏览体验。

 

 

 

四、让菜单看起来既简洁又亲切

 

一个范围较广的菜单可能非常适用于桌面网站,但是移动用户可能没有足够的耐心来回滑动自己的手机,他们不喜欢在查看一长串菜单选项之后才找到自己想要的东西。那么,你需要想想看,如何在最少的菜单里面放上自己最需要的功能选项呢?。

 

 

 

五、要让用户方便从操作页回到主页

 

当移动用户在你的网站上面浏览时,他们有时会希望能够直接返回主页,或者其他比较重要的栏目页。这时候在网页的适当位置,添加返回首页和其他栏目页的链接或者按钮,将可以明显地方便用户操作,用户的体验效果也会非常好。

 

 

 

 

 

六、使用清晰的导航组件

全站导航:快速到达各个频道

局部导航:在单个频道的首页、列表、详情页面间移动

相关链接:相关频道之间的链接

 

 

七、在网站上添加快速搜索功能

 

 

 

添加搜索功能可以让用户在需要一些特殊信息的时候,能够点击搜索功能查到自己需要的内容。搜索必须是移动网站上最重要的功能之一,因为由于手机屏幕比较小,网页承载的信息有限,这种情况下,搜索功能可以帮助用户搜到所需要的信息。我们可以在网站页面的顶部添加搜索功能,因为页面顶部位置最容易让人发现。

 

 

 

 

 

八、确保网站搜索结果符合用户预期

 

 

 

 实际上,用户似乎并不讨厌一页一页的翻阅搜索结果,但是他们更加看重网站返回的搜索结果是否符合他们的预期,因此,你至少需要确保自己搜索结果的第一个显示页面能够精准的满足用户搜索要求。在移动终端上面,因为屏幕非常小,所以你需要提供一些智能搜索功能,比如帮助用户自动拼写,或是修正用户的错误拼写,等等。

 

 

 

 

 

九、使用过滤功能提升网站搜索易用性

 

 

 

用户会使用搜索过滤功能,这样可以缩小搜索范围,返回的搜索结果也更精准。不过,你需要确保用户使用过滤搜索之后,不会一无所获。网站应该让用户知道一个过滤搜索功能可能会返回多少搜索结果,这样可以帮助用户避免一些问题。 

 

 

 


十、别让促销广告抢了你网站的风头

 

 

 

促销活动和广告会影响你的网站内容,也会影响用户在网站上的体验。谷歌的研究人员让用户访问一家公司的移动网站,上面有一个巨大的横幅广告,这些用户无一不被这个广告吸引,而无心注意广告下面的导航按键,而这个导航按键反而能够为用户提供更多关于该公司的内容信息。

 

 

 

 

 

十一、不要一上来就让用户在网站上注册

 

 

 

如果你的移动网站一上来就让用户注册,那么体验一定非常糟糕。谷歌公司的研究人员发现,最让用户难以接受的就是必须注册之后才能访问网站内容。实际上,用户希望在提交个人信息之前就可以先浏览一下网站内容,至少需要了解一下这个网站能够为自己提供些什么东西。

 

 

 

 

 

十二、让用户能以访客的身份在你的网站上购物

 

 

 

即便用户想在你的零售网站上购买商品,但其实,他们仍然不希望注册一个账户。用户会觉得,如果能够以访客的身份购买商品,那么真的是非常方便,简单,而且快捷。人们不太喜欢在网站购物时强制注册一个账号,而且,许多网站并没有告知用户注册账号对他们来说有什么好处。

 

 

 

 

 

十三、对于复杂任务,使用“点击拨打电话”功能

 

 

 

如果用户需要进入一个较为复杂或是较为敏感的任务时,你需要提供一个“点击拨打电话”的服务功能。举个例子,有一家提供金融服务的公司,他们的移动网站上就提供了这项功能,如果用户不想在移动端填写复杂的表格,可以立刻用自己的移动手机拨打电话,由人工坐席受理业务。

 

 

文章转载自:    如何提高移动网站的用户体验    http://www.studyofnet.com/news/549.html

 

论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics