内容
- 什么是“真实”内容
- 好的,那么内容优先的设计是什么?
- 内容突出了“边际案例”,即现实世界
- 从真实的内容开始,让您从一开始就处在用户的掌控之中
- 3种可帮助您处理真实内容的工具
- Webflow CMS
- Sketch的Craft Data插件
- 随机用户生成器API
在深入探讨带来用户体验的好处之前,让我们先澄清一下我们的术语。
首先,虽然您会经常听到人们讨论这个概念, 数据,”我更喜欢使用 内容,因为它可以更好地捕获设计师的工作方式。毕竟,您通常不会将图片称为“数据”,对吧?如果有帮助,您可以将内容视为“上下文中的数据”。
什么是“真实”内容
在设计发展过程中的某个地方,有人意识到您实际上并没有 需要 真实的文字来创建设计。您可以只使用任意的拉丁字母,直到“真实”的东西准备好为止。因此, lorem ipsum 及其更多或更少的时髦分支。
但是最近,人们开始意识到那是多么的疯狂。当然, 一些 内容形式可以放在任何旧的设计中,并称为“好”。
但通常情况并非如此。即使是您的“标准”博客也经常具有多种内容类型,包括清单,访谈,案例研究,演练等。每种内容都可以 当然 可以通过独特的演示来受益,该演示旨在突出内容类型的独特特征。
输入具有真实内容的设计。 这是内容优先设计的一个分支,要求设计师不仅要从内容开始,而且要从内容开始。 真实的 内容是杂乱无章的现实世界中真实的人实际制作和共享的内容。
请注意,“真实”内容可以包括:
- 普通人的实际照片和状态更新
- 客户为自由职业者网站制作的内容
- 由专业文案撰写人制作的抛光副本
好的,那么内容优先的设计是什么?
以内容为先的设计优先考虑网站内容的创建(或对现有内容的审查和分析) 前 设计开始。
这并不意味着一旦设计过程开始,就不能以敏捷的方式迭代和完善内容。 (实际上,绝对应该这样,以确保复制品和设计使用相同的声音说话。)这只是意味着在开始使用它之前,先要了解您的工作内容。
有了我们适当的条款,让我们享受以真实内容进行设计的好处。
内容突出了“边际案例”,即现实世界
设计师喜欢理想的内容。而且您不能责怪他们:美化内容只是他们所做工作的一小部分。但是在现实世界中,很少有人能做出满意的决定。
相反,他们加入了新的热门网站,填写了一半的个人资料字段,上传了两张照片,并称之为一天。或者,他们写“真的很长的头条新闻”,然后将低分辨率的图片上传到他们的博客。
那是现实生活。
当你明白了,你就不会 停止 在设计具有以下特征的“理想”用户配置文件时:
- 简而言之,盎格鲁撒克逊人的名字和姓氏
- 定期提供数百张精美的照片
- 简短的文字内容
- 涵盖所有内容类型的各种“更新”
当然,您要做其中之一。
但是您的其他模拟游戏则突出了现实世界。一个充满着:
- 长名
- 需要用多种语言列出的名称
- 从右到左而不是从左到右运行的名称
- 稀疏,光线不足,裁剪不佳的照片
- 傻瓜头像代替爆头
- “分享”实际上只是裸露的链接,没有评论,会生成空的预览
这些不是“边际案例”。它们是真实,混乱,无序的世界的快照。了解得越多,您就会越了解您的用户-以及如何为他们设计。
为了避免上面的示例误导您,使用真实内容进行设计的好处并不仅限于社交网络。它们适用于使用不是您的人生成的内容的任何网站。即所有这些。
毕竟,您可以想象一下,模拟一个博客,其中每个标题正好是三个字长。你甚至 讲话 博客编辑,兄弟?
从真实的内容开始,让您从一开始就处在用户的掌控之中
大多数网站访问者并不喜欢华丽的设计,“令人愉悦的”交互或古怪的复制品。
他们来获得完成工作所需的信息。
通过采用内容优先的方法进行设计,然后再进一步使用 真实的 内容,您将优先尝试理解这两种内容:
- 您必须使用什么
- 最终用户正在寻找什么
这样可以帮助您确保在最终设计的正确位置突出显示正确的信息。
从某种意义上说,当您优先进行内容制作或分析时 前 设计时,您将采用与用户相同的路径:遍历信息海,寻找您需要的东西。通过逐步完成该过程,您将更好地了解可用的产品,客户的需求以及如何组织您的内容,以帮助他们更好地了解您(或客户)提供的产品。
3种可帮助您处理真实内容的工具
显然,您可以将真实内容提取到任何设计工具中,以使Web和产品设计更具保真度。但是,当您处理真实内容时,有一些工具会真正发挥作用。
Webflow CMS
Webflow的可视化CMS于2015年末推出,与内容优先的工作流程完美结合。只需从13个基本构建块(从图像到指向其他收藏夹的链接)创建一个Collection即可创建完全自定义的结构,输入您的内容,然后开始使用该内容来构建完美的设计。您甚至可以提取样本“虚拟”数据以启动设计过程。
Sketch的Craft Data插件
这个来自InVision LABS的免费Sketch和Photoshop插件可让您从自己的文件,现有网站或JSON文件中提取真实内容,并将其直接插入设计中。
随机用户生成器API
如果您是代码投递者或Photoshopper,则随机用户生成器可让您生成JSON,SQL,CSV或YAML对象,您可以将它们直接放入设计中。