设为首页收藏本站

LUPA开源社区

 找回密码
 注册
文章 帖子 博客
LUPA开源社区 首页 业界资讯 技术文摘 查看内容

5个单页应用用户体验的最佳实践

2014-9-19 10:08| 发布者: joejoe0332| 查看: 3151| 评论: 0|原作者: LeoXu, firmware|来自: oschina

摘要: 每个人都喜欢单页网站。设计趋势一定是发生了某些变化。这种现象已经持续了好一段时间,但是依然在增长,并且有太多的网站倾向于采用这种设计。从用户体验(UX)的角度来说,单页设计既有好的一面,也有坏的一面,但 ...

  每个人都喜欢单页网站。


  设计趋势一定是发生了某些变化。这种现象已经持续了好一段时间,但是依然在增长,并且有太多的网站倾向于采用这种设计。


  请参阅:Creative Single Page Website Designs, Examples


  很久以前,拥有一个单页网站并不是什么值得骄傲的事情。那样的网站只是单纯的用来提供信息,“名片”式的网站被认为既廉价又让人厌烦。


  但是现在,作为一项设计趋势,单页已经完全不同了。它剔除设计中杂乱无章的部分,留下一个整洁,但是优美的用户界面,其中的内容既简洁,又重点明确。从用户体验(UX)的角度来说,单页设计既有好的一面,也有坏的一面,但是通常用户钟爱于浏览这些网站,这就已经是要思考的事情了。


Single Page Websites


  尽管几乎没有证据,一些专家还是辩称相比传统的多页面导航网站,单页网站倾向于拥有更高的转化率。我唯一能找到的研究案例就是37signals。它表明相比原先的多页面版本,一个长的单页面着陆页会多出37.5%的注册量。


  好吧,这并不令人震惊。


  • 单页导航更加直观;浏览者不会迷失在网站中,一切仅仅需要转动几下滚轮就可以达到。

  • 页面更加专注和整洁,可以更容易的传递网站的主要信息。

  • 单页网站几乎可以在任何设备上流畅的运行,因为导航主要通过滚轮或是滑动实现,而不是点击鼠标或是敲击屏幕。


UX on Single Page


  单页设计的最大挑战是如何让用户不断的滚动屏幕。高分辨率的图片,大胆夸张的颜色,优美的样式都可以吸引注意力,但这些并不是总能够激发用户的兴趣。通过一些用户数据分析和 A/B 测试,你能够找到方法来抓住用户的心。让我们来探讨一些小窍门,让你的单页网站对用户更加友好。


1. 将内容分成一些小块

  当你只有一页来讲故事,很重要的一点是不要给用户灌输太多的信息。不要害怕把内容折叠起来变成多个部分。确保消息和媒体内容自始至终保持干净简洁。更重要的是,单页网站的内容应该是连续的,并且要顺序排列(事情—>原因—>怎么做—>地点—>时间)。有一些优秀的例子采用了这样一个平滑和有意义的内容流,包括Mijilo的designawatch.mijlo.comagencysurvivalkits.com

Survival kit



  吸引客户关注点的另外一种方式是视觉和文字内容双管齐下,进行故事化的设计.故事化设计 Storytelling 是一种传递内容的非常强大的方式,而它实际上是属于另外一个领域的发展潮流,而这一次则进入了内容市场. Storytelling 的活力深入到了核心信息,拥有同用户更加强烈的互动性. 这并不意味着你必须去雇佣一个小说编辑. 你只要更多的专注于内容的情感方面,并尝试让你所写的东西更加的人性化.


Mijlo



2. 为快速访问设计备选的导航

  单页面网站整个就是一张可以往下滚动的页面,有时候甚至可以无限滚动. 这就好像是一个不知道到底有多长的内容的海洋. 你要确保用户在这样的页面中体验舒适,并且其体验总是可以被追踪控制的; 你可以尝试将它同一个传统的导航系统整合在一起. 通用的实践方式就是让它有一个有粘性的导航条,而无论你将页面滚动到哪里,这个滚动条都能待在页面的顶部. 这样易用性的方面也得到了很好的解决. 粘性的导航可以用一种更加醒目和更具交互性的方式替代更传统的面包屑导航.


  如果你的单页面应用相当的长,让页面有一个“回到顶部”的按钮,或者一个垂直的滚动条就会很有用,它们能让用户快速的访问页面的顶部和其它地方.



酷毙

雷人

鲜花

鸡蛋

漂亮
  • 快毕业了,没工作经验,
    找份工作好难啊?
    赶紧去人才芯片公司磨练吧!!

最新评论

关于LUPA|人才芯片工程|人才招聘|LUPA认证|LUPA教育|LUPA开源社区 ( 浙B2-20090187 浙公网安备 33010602006705号   

返回顶部