当前位置: 首页 > 科技观察

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

时间:2023-03-22 00:08:35 科技观察

每个人都喜欢单页网站。设计趋势一定改变了一些东西。这种现象已经持续了一段时间,但仍在增长,太多的网站倾向于采用这种设计。请参阅:创意单页网站设计示例很久以前,拥有一个单页网站并不值得骄傲。像这样的网站纯粹是提供信息,而“名片”网站被认为既便宜又烦人。但是现在,作为一种设计趋势,单页已经完全不同了。它消除了设计中的混乱,留下了一个干净而优美的用户界面,其中的内容简洁明了。从用户体验(UX)的角度来看,单页设计有好有坏,但通常用户喜欢浏览这些网站,这已经是值得思考的问题。尽管几乎没有证据,一些专家认为单页网站往往比传统的多页导航网站具有更高的转化率。我能找到的唯一案例研究是37signals。它表明,一个长的单页登陆页面比原来的多页版本多产生了37.5%的注册量。好吧,这并不令人震惊。单页导航更直观;观众不会迷失在网站中,一切都只是滚轮的几圈。页面更加专注和整洁,更容易传达网站的主要信息。单页网站几乎可以在任何设备上流畅运行,因为导航主要是通过滚轮或滑动来完成的,而不是在屏幕上点击或点击。单页设计最大的挑战是如何让用户不断滚动。高分辨率图像、大胆的色彩和优雅的风格都可以吸引注意力,但这些并不总能激发用户的兴趣。通过一些用户数据分析和A/B测试,您可以找到抓住用户心灵的方法。让我们探索一些技巧,使您的单页网站更加用户友好。1.将内容分成更小的块当您只有一个页面来讲述一个故事时,重要的是不要用太多信息淹没用户。不要害怕将内容折叠成多个部分。确保消息传递和媒体内容始终简洁明了。更重要的是,单页网站的内容应该是连续的,并按顺序排列(what—>why—>how—>where—>when)。有一些出色的示例采用了如此流畅且有意义的内容流,包括Mijilo的designawatch.mijlo.com和agencysurvivalkits.com。另一种吸引客户注意力的方法是同时使用视觉和文本内容来设计故事。讲故事是一种非常强大的内容传递方式,但它实际上属于该领域的另一种发展趋势。而这一次它正在进入内容市场。Storytelling的能量深入到核心信息中,与用户有更强的互动。这并不意味着您必须聘请小说编辑。你只需要更多地关注内容的情感方面,并尽量让你写的内容更加人性化。2.另类导航设计,快速访问。长度未知的内容海洋。您要确保用户对这样的页面感到满意,并且始终可以跟踪和控制他们的体验;您可以尝试将其与传统导航系统集成。一般实用的做法是让它有一个粘性的导航条,无论你把页面滚动到哪里,滚动条都可以停留在页面的顶部。这样易用性也得到了很好的解决。粘性导航可以以更吸引眼球和交互的方式替换为更传统的面包屑。如果你的单页应用程序很长,让页面有一个“回到顶部”按钮,或者一个垂直滚动条3.在行动上使用强烈的号召性用语如果你问一个数字产品销售员,什么是最再次成为对话中的重要因素,他的回答几乎总是使用强烈的号召性用语。精心设计的CTA可以完成一半以上的工作,如果不是全部的话。我敢说专门设计的网站就是这种情况是的,无论是移动应用程序下载、下订单、演示演示还是简单的联系表单提交。除了目的本身,对用户的号召性用语的质量也决定了转化的机会。基于KISSMetricsforsomeone案例研究,“使用更突出的号召性用语可将转化机会提高591%。”好消息是单页应用程序站点变得更加专注和清晰,并且可以更好地完善CTA。在单页应用程序中,几乎没有文本和多媒体内容来分散用户对他们正在访问的站点的主要目标的注意力。同样,通过良好的讲故事,您可以将网站上的用户引导至最终目的地,在那里您应该有强烈的行动号召。这是进行另一个A/B测试,看看哪个CTA在您的网站上效果更好,因为有时甚至颜色、位置或措辞的最小变化都可能导致转化率发生巨大变化。4.保持简单而不乏味在传统的多页面网站设计中,设计主题有几个功能性的内部页面。模板是关键。设计单页应用程序更具挑战性,但它也提供了更多的创意空间。随着近年来CSS3、HTML5和Javascript的发展,创建一个简单但有吸引力的网站非常重要。挑战有无限可能。添加小动画和漂亮的过渡只是一个细节,但是关于细节的是一个好的UX(用户体验)?只是,请大家不要太被CSS的魅力冲昏了头脑,也不要为此担心。整个页面过多使用那些跳跃、漂浮、翻转的元素,请限制。5.使页面更轻单页网站的最大缺点之一是加载速度慢。因为只有一个用户在传送内容,所以网站通常会变得更重并且需要更多的时间来加载。根据前面的观点,请不要在网站中塞入不必要的动画和其他会显着影响加载时间的设计元素。节省用户的时间应该在你那里有最高的优先级。加载缓慢也可能会影响你网站的SEO,这显然是单页网站的一个缺点。你的网站需要更多的关注和努力才能让用户认可,当然还有谷歌爬虫的认可。综上所述,单页设计是吸引用户并将其转化为商机的最大方式。但这在很大程度上取决于网站的业务类型及其目标。一般来说,单页设计最适合只有单一活动的网站,比如应用下载、购买单一产品、捐赠等。但请不要被最佳实践所限制,因为那些总是别人的经验,可能不适合你。英文原版:5BestPracticesSingle-PageUXDesign翻译来自:http://www.oschina.net/translate/ux-single-page-websites