首页 > 网页教程 > 设计分享 > 优秀的用户体验设计是如何打动用户的心?

优秀的用户体验设计是如何打动用户的心?

时间:2017-10-25    来源:优设网

故事常常能够让UX设计的潜能得以完全发挥,吸引用户,让用户更轻松地完成用户历程,并且最终强化产品的转化率。

在设计移动端APP和网页的时候,将故事融入到UX设计当中,能够让产品的某些特征或者体验,让用户难以忘怀。所以,你会看到许多优秀的网页,借用故事将复杂的数据转变为易于理解的内容。

借用UX故事,设计师将信息最终整合、设计为让用户不抵触、甚至乐于去拥抱的内容。仔细想想,我们小时候就是在父母的床头故事中沉沉睡去的么?深沉的道理、人生的智慧和神奇的构思,都通过故事得到了呈现,并在在之后人生中的某一刻嬗变,点亮黑暗。这就是故事的力量。好的故事总会让你有更多期待。

UX故事是什么?

故事能够很好地抓住用户的注意力。故事中的悲伤与快乐,戏剧性和趣味性,甚至教育性都能容易为用户所理解、吸收。故事中所蕴含的想象力、创造性和灵感也同样为人所侧目,从某种意义上来说,故事提供了足够生动的内容供读者来理解、学习。通过隐喻、叙述和类比,设计师可以通过设计故事这一载体来达成UX目标。从根本上来看,UX故事是一种沟通方式。

无论是一条微博,还是一个CTA按钮,抑或是一个动效、一个弹出框,都只是UX设计师为了影响用户或者达成目标所塑造的体验。

供职于IBM的 Dan Gruen 是这么说的:“故事是一种跨越文化和多学科的设计交流工具,它将技术和用户目标紧密地结合到了一起。”

当我们要使用UX故事来进行设计的时候,我们需要考虑的因素主要包括:

  • 用户角色
  • 脚本
  • 用户调研
  • 故事板
  • 用户历程
  • 故事地图

这些因素或者说技术帮你将目标用户具象化出来,帮你使用更为准确的方式来呈现故事。通过将故事情景化的呈现出来,你可以让你的用户体验更加有意义。在UX设计中使用故事的优势主要有:

  • 让信息更易于消化
  • 将复杂的想法和行为简化
  • 提供更加吸引人的体验
  • 积极地影响用户和你的品牌或者产品进行互动

在设计产品体验的时候,总会有时机供你呈现故事。

用一个令人放心或者信息丰富的故事来展现产品的功能和特色,你需要让用户能够真正接纳你的APP或者网站,而非对抗。令人信服的图片、文案,结合经典的起承转合式的结构,尽量调动起用户的好奇心和情绪。

视差滚动可以强化UX故事的体验。将视差动效加入到网页和APP当中,能够让故事的阅读体验更好,用户的互动感更强。在视差滚动当中,结合不同的元素,还能用来给用户以引导,甚至建立悬念,成为故事辅助和组成部分。

UX故事的构成

当然,和所有的故事一样,在UX设计中讲述故事同样是从三个基本的“W”开始的:

  • 为什么(Why)
  • 怎么样(How)
  • 是什么(What)

在实际的UX设计当中,情况可能比我们预想的更加复杂。良好的用户体验通常能够解决问题,或者为用户创造更多的价值。

想想一个金融类的APP,它运作的基本规律是什么?

  • 为什么——为了帮助人们更好的管理财务和生活
  • 怎么样——通过让用户输入财务信息来进行管理
  • 是什么——预算,支出,投资,提醒,分类

在这三点当中,最重要的是明白为什么。这才是触发设计的根本,如果想要呈现UX故事,它也是最重要的起点。

在UX设计中使用故事的原因

绝大多数的用户在浏览网站的时候,不会花费超过1分钟时间。实际上,如果不需要阅读较长的文本,用户的浏览周期通常会控制在10~20秒以内。除非有特别的信息让用户坚持下去,绝大多数的用户会在完整浏览页面全部信息之前就已经离开了。不仅如此,即使你的文章足以赢得普利策奖,如果没有吸引用户去阅读文本内容的话,它也毫无意义。

用户很现实,你的设计要足够吸引人,足够强大,才能在惨烈的竞争中脱颖而出,这个时候,UX故事的力量就显得很突出了。

故事是最吸引人的工具之一,它们能够抓住用户的注意力。

如果用真实的数据来对用户进行轰炸,用户可能会以最快的速度关闭页面,原理它。但是,当你将这些事实数据和极具说服力的故事结合起来,用户的参与度是截然不同的。

故事是情绪化的。

故事之所以有效,很大程度上是通过情感和情绪来发挥作用的。当你在网页的使用过程中,出现障碍或者问题的时候,友好的提醒和报错信息能够平复情绪,保持冷静,甚至获得信任。

结语

故事是强大的手段,但是它并不一定符合所有的场景、所有的产品和所有的设计师。它的使用是有限制的,同时,也不是所有的故事都会收到足够好的效果,故事本身的素质也同样重要。除此之外,一个设计优良的UX故事还有运营和持续互动的价值。

原文地址:uxplanet

原文作者:Justinmind

优设译文:@陈子木

相关推荐
给设计师的用户体验设计发展简史
这7个原则是产品用户体验设计的重点
如何成为一名更加贴心的用户体验设计师
10步让你做出引人入胜的交互式用户体验!
如何改善产品UX设计,这5条原则也许能帮到你
UI、UX傻傻分不清楚?来一份清晰详尽的设计师分工指南
13个完美包装UI设计作品的方法分享
2017网页设计10大趋势:对话式、极简主义等
20个最佳的国外UX设计博客推荐
15款 UI UX设计展示演示网址推荐
20+优秀的UI/UX线框草图设计欣赏
20个精致漂亮的视频播放器界面设计欣赏及点评
视觉设计:页面构建的审图与细节
15个超棒的无线移动终端UI设计案例赏析
响应式网页设计正成为移动互联网大势所趋
浅谈界面设计中的结构设计
分享:5招助你打造更加简洁的用户界面
浅谈界面UI设计中的包容性设计
国外精彩网页界面设计案例赏析
Photoshop教程:提高IOS设计效率的30个要诀分享
网站专题页面的视觉设计及结构布局要点分享
另眼观看用户界面扁平化设计的不足之外
产品视觉设计与用户心理的有趣现象
10个漂亮实用并附带源码的Web设计教程分享
优秀移动APP应用图标设计指南
在视觉设计中对像素的深度解析
什么是扁平设计?如何创建扁平化设计风格?
色彩情感对用户体验设计的影响
换汤不换药?看应用们如何“为iOS 7设计”
高效UI设计秘笈 Photoshop CC使用技巧图文教程
界面设计教程:如何做好扁平化设计之交互篇
移动应用图标配色诀窍 APP界面配色设计教程
产品设计教程:提升用户使用黏性的6个诱惑手段
扁平化:回归真实的设计
iOS7用户界面设计的10个准则分享
UI设计师自学记:抄袭别人,超越自己

精彩推荐

热门教程