恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
5个实用的单页网站用户体验设计技巧
0.0°
2018-04-19 原创文章 经验/观点 举报 1133 1 4 0

让我们来看看一些让你的单页网站用户体验设计更有效的建议。

单页设计已然是网页设计的大趋势了,这一设计趋势无疑具有一定的化学作用。许多流行的设计元素和设计方法都逐渐与这种网页设计手法融合到一起,它消除了设计中的混乱,留下了清晰的,漂亮的用户界面,简洁而专注的内容。从用户体验的角度来看,单页设计既有好的方面也有不好的方面,但越来越多的设计师和企业机构开始选择单页网站作为他们沟通世界的门户,而用户也开始接触越来越多的形式多样的单页网站。


与传统的多页导航网站相比,单页网站的转化率往往更高。当然,这并不奇怪。


1)单页网站导航方式更加直观,用户只需上下滚动查看内容;

2)页面更清晰,更容易传达网站的主要信息;

3)在几乎所有的设备上,单页网站的工作都很流畅,因为导航主要是滚动或滑动。


单页网站设计最大的挑战是让用户保持滚动。高分辨率的图像、大胆的色彩和漂亮的字体吸引了人们的注意力,但这并不足以激发用户的兴趣。通过一些用户数据分析和A / B测试,你可以设计出更贴合用户访问习惯的网页。让我们来看看一些让你的单页网站用户体验更友好的建议。


1. 把内容分成小块


当你只有一个页面来讲述你的故事时,重要的是不要给用户太多的信息。所以,不要让过多内容积压在一个区块,考虑把内容分成小块很重要。确保消息和媒体内容从头到尾保持清晰和简洁。更重要的是,单页的网站应该有连续的内容流(what->why- >how - > where - >when)。


另一种让用户遵循你的观点的方法是用视觉和文字内容来讲述一个故事。讲故事是传递内容的一种强有力的方式,它实际上是另一种趋势,严格意义上讲,它属于内容营销范畴。讲故事能让生活融入到核心信息中,更强烈地与用户有关。这并不意味着你要雇佣小说作家。只关注你的内容的情感方面,在你所写的东西中尝试更人性化。


用户体验设计:把内容分成小块


2. 设计可供快速访问的替代导航


单页网站通常都是使用滚动的方式来浏览更多内容的,有时甚至是无限滚动。这就像跳入一片汪洋大海,不知道你能走多远。保证用户的安全,并始终在轨道上,尝试将滚动与传统导航系统结合起来。一般的做法是在页面顶部有一个常驻停留的导航条,不管你滚动的深度有多深。在可用性方面,这也是一个很好的解决方案。常驻停留形式的导航可以以更直观、更交互的方式代替传统的面包屑。


如果你的单页网站很长,那么有一个“回到顶部”按钮或者垂直滚动条,让用户可以快速访问网站的顶部和其他部分。


用户体验设计:设计可供快速访问的替代导航


3. 使用强烈的行为召唤(CTA)


如果你问一个数字营销人员在转换过程中最具影响力的因素是什么,答案几乎肯定是行为召唤(CTA)。当然,一个精心制作的CTA按钮仅仅完成了网站设计一半的工作。对于任何一个为特定目的而设计的网站来说,这都是真实的,无论是移动应用程序下载,订单放置,演示请求,电子邮件注册,还是简单的联系表单提交。无论目的是什么,行动的质量决定了转换的机会。


好消息是,单页网站更加专注和清晰,在制作CTA方面也做得更好。在一个单页的网站上,几乎没有文字和媒体内容来分散用户的注意力。同样,有了好的讲故事,你可以通过网站引导用户,直到达到高潮,你应该有一个强有力的行动号召。


注:进行一些A / B测试,以确定哪种CTA最适合你的网站,因为有时即使是颜色的最小变化,位置或措辞可能会带来转换的剧烈变化。


用户体验设计:使用强烈的行为召唤(CTA)


4. 保持简单,但不要枯燥


传统的多页网站的设计主要是关于创建一个设计主题,然后有一些内部页面的模板来进行工作。设计一个单一页面的网站更具挑战性,但也有更多的创意空间。随着近年CSS3、HTML5和Javascript的快速发展,有无数的机会可以创建一个简单而迷人的网站。添加小动画和漂亮流畅的过渡只是细节,但不是一个好的用户体验所有的细节?


注:不要被CSS的魅力冲昏头脑,使用过度只会适得其反。


用户体验设计:保持简单,但不要枯燥


5. 保持轻量级


单页网站最大的缺点之一就是加载速度慢。因为只有一个页面可以提供内容,通常这些网站会变得更重,需要更多的时间来加载。在此之前,不要在网站上使用不必要的动画和其他设计元素,这很容易影响加载时间。节省用户的时间应该是你的首要任务。缓慢的加载也会损害你的网站SEO,这显然不是单页网站最大的优势。它需要更多的关注和努力,让你的网站也适合搜索引擎蜘蛛抓取。


用户体验设计:保持轻量级


结语


单页设计可以成为吸引用户并将其转化为导向的强大方式。但这严重依赖于商业类型和网站的目的。通常,单页设计对于单个行为召唤网站来说是最好的,比如应用程序下载、单项购买、捐赠等等,但不要被最佳实践所限制,因为这些都是别人的经验,并不需要将它们与你的设计匹配。灵活运用,相信你能设计出令人印象深刻且用户体验友好的优秀单页网站。



版权声明:本文系 蜂速BEE 原创授权发布于UI中国,未经授权,转载必究。

更新:2018-04-19

收藏

1人已收藏

蜂锐i科技

柳州蜂锐科技创始人

  • 63

    作品

  • 9

    粉丝

  • 0

    关注

  • 在落地页使用视频真的那么重要吗?
  • 设计师如何提高自己的工作效率?我总结了这些方法!
  • 前辈经验!网页设计师要懂的5个营销策略
  • 如何吸引更多来自本地客户的工作?资深设计师告诉你答案

    猜你喜欢

      2018-04-19 原创文章 经验/观点 举报 1133 1 4 0

      5个实用的单页网站用户体验设计技巧

      0.0°

      你确定要举报5个实用的单页网站用户体验设计技巧

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年10月31日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      4
      1
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录