您的位置:首页 > Web前端 > 其它 > 正文

如何提高移动网站的用户体验

更多 时间:2014-8-8 类别:Web前端 浏览量:1197

如何提高移动网站的用户体验

如何提高移动网站的用户体验

 

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

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

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

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

 

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

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

 

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

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

 

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

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

 

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

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

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

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

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

     

  • 七、在网站上添加快速搜索功能
  •  
  • 添加搜索功能可以让用户在需要一些特殊信息的时候,能够点击搜索功能查到自己需要的内容。搜索必须是移动网站上最重要的功能之一,因为由于手机屏幕比较小,网页承载的信息有限,这种情况下,搜索功能可以帮助用户搜到所需要的信息。我们可以在网站页面的顶部添加搜索功能,因为页面顶部位置最容易让人发现。
  •  
  •  
  • 八、确保网站搜索结果符合用户预期
  •  
  •  实际上,用户似乎并不讨厌一页一页的翻阅搜索结果,但是他们更加看重网站返回的搜索结果是否符合他们的预期,因此,你至少需要确保自己搜索结果的第一个显示页面能够精准的满足用户搜索要求。在移动终端上面,因为屏幕非常小,所以你需要提供一些智能搜索功能,比如帮助用户自动拼写,或是修正用户的错误拼写,等等。
  •  
  •  
  • 九、使用过滤功能提升网站搜索易用性
  •  
  • 用户会使用搜索过滤功能,这样可以缩小搜索范围,返回的搜索结果也更精准。不过,你需要确保用户使用过滤搜索之后,不会一无所获。网站应该让用户知道一个过滤搜索功能可能会返回多少搜索结果,这样可以帮助用户避免一些问题。 
  •  

  • 十、别让促销广告抢了你网站的风头
  •  
  • 促销活动和广告会影响你的网站内容,也会影响用户在网站上的体验。谷歌的研究人员让用户访问一家公司的移动网站,上面有一个巨大的横幅广告,这些用户无一不被这个广告吸引,而无心注意广告下面的导航按键,而这个导航按键反而能够为用户提供更多关于该公司的内容信息。
  •  
  •  
  • 十一、不要一上来就让用户在网站上注册
  •  
  • 如果你的移动网站一上来就让用户注册,那么体验一定非常糟糕。谷歌公司的研究人员发现,最让用户难以接受的就是必须注册之后才能访问网站内容。实际上,用户希望在提交个人信息之前就可以先浏览一下网站内容,至少需要了解一下这个网站能够为自己提供些什么东西。
  •  
  •  
  • 十二、让用户能以访客的身份在你的网站上购物
  •  
  • 即便用户想在你的零售网站上购买商品,但其实,他们仍然不希望注册一个账户。用户会觉得,如果能够以访客的身份购买商品,那么真的是非常方便,简单,而且快捷。人们不太喜欢在网站购物时强制注册一个账号,而且,许多网站并没有告知用户注册账号对他们来说有什么好处。
  •  
  •  
  • 十三、对于复杂任务,使用“点击拨打电话”功能
  •  
  • 如果用户需要进入一个较为复杂或是较为敏感的任务时,你需要提供一个“点击拨打电话”的服务功能。举个例子,有一家提供金融服务的公司,他们的移动网站上就提供了这项功能,如果用户不想在移动端填写复杂的表格,可以立刻用自己的移动手机拨打电话,由人工坐席受理业务。
  •  
  •  
  • 十四、 在需要选择日期的时候,提供一个可视化日历
  •  
  • 当用户在移动网站上预定航班时,很难确定“下周的某一天”是几月几号,所以你需要提供一个可视化日历供用户勾选日期。这样用户就不需要离开你的网站,然后在打开手机上的日历App应用了。在选择开始和结束日期时,可以提供一个清晰的标签,以免用户把日期搞混淆。
  •  
  •  
  • 十五、通过标签和实时确认,第一时间解决输入错误
  •  
  • 在你的表格框内,要有提示标签功能,而且在用户实际输入时,可以看见必要且准确的提示信息。这里就有一个例子,用户曾经在一个电子邮件地址栏里面输入了自己的家庭住址,因为当时这一栏内的提示信息并不明确,只有一个“地址”标签。把提示信息放在输入框内也会存在问题,因为当用户点击准备输入时,提示信息就会消失掉,因此需要利用标签做提示。另外,如果用户在输入过程中,需要做到实时确认,否则一旦出错,就会反复提交,引起用户反感。
  •  
  •  
  • 十六、设计高效的表格
  •  
  • 你要确保自己设计的表格不会出现重复操作,只提供必输信息即可,另外你还需要利用自动填写功能。当用户在填写表格的时候,最好在屏幕顶部显示一个进度条,这样人们就可以知道自己的进展。如果表格过于复杂则会让人反感,相对而言,一个简单直接的表格会让人觉得很舒服。如果能搭配上自动填写功能,比如预输入用户的姓名和邮政编码,效果则会更好。
  •  
  •  
  • 十七、你的产品图像需要支持大图显示
  •  
  • 顾客想要看看自己买的产品。在零售网站上,用户希望可以看到分辨率更高的产品图片,这样可以看到更多细节,如果网站不支持产品大图显示,肯定会让用户觉得非常失望。
  •  
  •  
  • 十八、让用户保持在单独一个浏览器窗口里访问你的网站
  •  
  • 在智能手机上频繁切换窗口是一件非常麻烦的事儿,而且用户还有可能找不到如何回到你的网站上去。所以,要让用户在单独一个窗口里浏览你的网站。特别要提到的是,不要在新窗口打开“行为召唤”内容。
  •  
  •  
  • 十九、移动网站首页优化建议
  •  
  • 整站内容索引,内容预览(使用“更多” “详情”等链接),首页作为用户分流前到达的页面,要求能够汇集整个网站的大部分模块和功能,以保证不同需求的用户在着陆后都能寻找到自己想要的信息。内容式一般首页又可以分为导航式和内容式,导航式因其风格简洁,一般又可用作品牌宣传,起到快速传达品牌形象的作用;内容式因其丰富的内容,常用来快速传达广告主想传递的信息。
  •  
  •  
  • 二十、移动网站列表页优化建议
  •  
  • 频道内容、分类、列表为主,列表页一般用于展现结构简单,并且重复度较高的内容,最常见于商家的产品/服务,形式也一般相对简单,用于满足展现多产品/服务的需求,根据商家产品/服务信息不同一般分为纯文字和图文两种基本形式。
  •  
  •  
  • 二十一、移动网站详细页优化建议
  •  
  • 推荐以结构化形式展现内容,详情页一般用作展示首页和列表页未显示完全的信息,以满足用户了解详情的需求,从而辅助用户进行决策。
     
  • 标签:移动网站