咨询热线:139-1213-4513
中纺集团 | 产品形象策划

单页网站如何设计才能提高用户体验?

作者:顾亿设计  浏览量:1356  发布时间:2016-05-30  文章来源:扬州平面设计

1. 将内容分成一些小块

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

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


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

3. 在动作上使用强烈的号召性语言
这是转化的关键。

精心制作的CTA就算不代表完成了整个工作,也至少是一大半. 我敢说那些为特定目的设计的网站,它们的情况确实是这样的, 不管它是移动应用的下载,订单的放置,demo演示还是简单的联系信息表单的提交. 除了本身的目的之外,对于用户动作号召的质量决定了转换的机会。


依据对 KISSMetrics 案例研究, “ 用更醒目的动作号召可以让转换的机会增加百分之591”。
单页面应用网站专注而清晰,可以在这方面做得更好。在一个单页面应用中,少有文本和多媒体内容能让用户在其访问的网站的主要目标上分心。同样的,拥有好的storytelling,你可以在网站上引导用户直到最后终点, 在那里你就应该有一个对动作的强烈号召用语。

这里要再做一次A/B测试,来看看哪一种CTA能在你的网站上运作得更好, 因为有时即使是颜色、位置或者用语上的一点最小改变,都会带来转换率的急剧变化。


4. 保持简单而不乏味
传统的多页面网站的设计中,设计的主题,还有几个起作用的内部页面模板是相当关键的。设计单页面应用更具挑战性,但同时也给与了创造性更大的空间。随着近年来 CSS3, HTML5 和 Javascript 的发展,创造一个简单但却能引人入胜的网站这一挑战具有无限多的可能。加入小动画以及漂亮灵动的过渡仅仅只是细节,但却是有关细节的一个好的UX(用户体验)?
只是,请你不要在CSS的魅力上太得意忘形,也不要在整个页面上把那些跳跃,浮动,以及翻翻覆覆的元素用得太过了,请适可而止。


5. 让页面变轻单页面网站最大的一个缺点就是加载慢。
因为只有一个用户在传递内容,网站常常变得更重,需要更多的时间去加载。按照前面说的观点,请不要往网站里塞入不必要的动画和其它会显著影响加载时间的设计元素。节约用户的时间应该在你那里应该有最高的优先级。拖慢加载可能也会影响你网站的SEO,这显然是单页面网站的短板。你的网站需要更多关注和努力,以使它获得用户的认同,当然还有Google爬虫的认同。
总结来说,单页面设计是一种吸引用户并把他们转换成商机的最强大方式。但这严重依赖于站点的业务类型及其目标。一般,单页面设计最适合单一活动的网站,比如应用下载,单一产品的采购,捐赠等等。

标签: 网站,用户,网站设计

相关文章

单页网站如何设计才能提高用户体验?
将内容分成一些小块 当你只有一页来讲故事,很重要的一点是不要给用户灌输太多的信息。不要害怕把内容折叠起来变成多个部分。确保......
返回
顾亿设计微信号
在线沟通