视觉性叙述是一个能让设计师和用户建立起情感联系的有益工具。
本文内容主要来自于国外关于Visual Storytelling的文章，并结合了自己的一点小感受。
原文作者Twitter，Justinmind
通过下来的内容，我们将探索视觉表现是怎样叙述一项工作的流程，同时寻找出能更好讲述出我们的设计的视觉性叙述方式。
从生理上讲，通过一系列的视觉表现形式来进行设计讲述，源自我们大脑中处理图片信息的运行机制。用户体验设计师的工作就是帮助用户建立和培养一套能够让用户更容易接受信息并做起正确决定的使用流程。
1.视觉性叙述（Visual Storytelling）具体指什么？
最简单的定义：视觉性叙述就是一种利用图片信息（例如各种插画、照片、图像或者视频）在用户的使用过程中讲述一个完整的故事，向用户传达出一个视觉上容易感知的使用流程。
2.视觉性叙述背后的科学道理
人类是视觉性物种：
· 人类的大脑有专门处理视觉信息的微调机制，相比于触觉和听觉，大脑皮层上的大部分处理器都在进行对视觉信息的处理。
· 大脑能更快速的鉴定出图片。
· 大多数人通过视觉性输入能够更容易接受信息。
· 人们更容易通过图片记住信息。
用户通过视觉获取信息时，大多数人都采用快速浏览的阅读方式，通过块状的信息扫描输入。研究表明，大脑皮层的视觉处理机制能够不听从大脑中的决策机构，“自主”作出一些决策。
3.人眼如何识别网页的布局
人们浏览网页的典型视觉模式有两种：Z模式和F模式（基于从左到右的浏览习惯）
在两种模式中，浏览顺序都是从左到右，从上到下，因此将展示内容和视觉叙述合理化分布呈现，让用户更轻松的阅读就显得尤为重要。
F模式和Z模式的设计技巧：
· 将主要内容置于页面左边和中间
· 每一行不超过75个字符
· 限制字符的线长
· 文字之间可穿插一些图片、标题或者其他瞩目性的元素
· 整块整块的文本会引起读者的反感，而谷歌则更倾向于采用长文本框，因此设计师需要找到一个中立妥协的方案满足大部分用户的使用习惯
· 当用户向下滑动页面，需要确保下一个可见元素出现在页面底部
4. 提高用户体验的视觉叙述方式
良好的视觉叙述方式能够帮助用户更顺序更清晰的明白整个使用流程和浏览顺序，那么什么时候需要改善页面的视觉叙事方式？
·想要用户继续深入阅读
·想要用户点击这个按钮
·想要用户将联系方式留下来
·想要用户信任当前页面（网站）
以下是9个提高用户体验的视觉叙述方式：
1.采用能够让用户感到愉悦的内容
需要在专业性和普适性知识间寻求一个平衡，
2.为用户挑选正确的故事背景
明确用户目的，用户是来获取知识的，还是来购买产品的？
3.让故事保持简单
应该让用户能在一句话之内获取到他们想要的产品概要
4.适当增加交互、动画、或者视频等
如果有必要，尽可能增加展示内容中的交互、图像、动画、或者视频，因为这些元素更容易触发用户的情感反应，能够在用户的记忆中存留更多的时间
5.采用积极乐观的视觉引导元素
视觉性叙述中应该避免运用让用户产生消极情绪的图片
6.不要害怕运用一些全新的元素
即使为了保持品牌的视觉统一性，也要尝试运用新的视觉叙述风格，比如大自然中的获取的灵感元素
7.字体运用和视觉性叙述风格应该保持一致
字体的选择和应用方法会直接影响到讲述的视觉故事，就像衬线字体向用户传达了可靠性，而厚实的字体则会让人感到亲切
8.真实的元素有时候更可靠，避免过度使用死板的图片或视频
用户一眼就能看到那些非真实的图片，非真实的图片更多时候带给用户的是对当前页面（网站）的不真实感和不信任感，一旦用户觉得设计缺少真实感，再好的视觉性叙述也是做无用功
9.尊重文化差异性
一种颜色或者一种元素在不同地区将会有不同的解读
5. 将视觉性叙述融入到用户体验设计中
从一开始的制定用户体验战略的时候，就应该把视觉性叙述放在优先位置考虑。
1.当你考虑用户的行为模式的时候，你需要预测用户的行为来并且满足用户的期望值。
2.当为满足不同的产品利益相关者的需求而进行设计平衡和调整的时候，你需要让他们理解你为他们创造的视觉性叙述的重要性。
3.从始至终贯穿一套完整的视觉性叙述。
6. 登陆性页面的视觉性叙述
登陆性页面，像网站主页，为用户和产品品牌之间建立联系搭建了桥梁，它们能够增强品牌认知性，并且帮助在用户的使用中加强他对当前产品的视觉性叙述的认知。
因此，主页或者其他登陆性页面应该足够简单明了，避免过多的导航选项，让用户直接明白产品的价值核心。运用“Z”模型和“F”模型，相应的安排你的视觉性叙述结构，将主要内容放置在用户期望浏览到的地方，同时引导用户来进行内容的深入了解，总而言之，通过合适的视觉性叙述来让用户使用的轻松，愉悦和安心。
最后总结一波
当你想要提高网页设计的用户体验时，考虑优化产品的视觉性叙述是一个很好的办法，良好的视觉性叙述能够让用户有一个持续性的情感体验和记忆。
