以真实的内容进行设计,以获得更好的用户体验

作者: Louise Ward
创建日期: 8 二月 2021
更新日期: 16 可能 2024
Anonim
UX Design【用户体验设计】工资待遇?工作内容?UX是什么?| UX Salary? Responsibility?
视频: UX Design【用户体验设计】工资待遇?工作内容?UX是什么?| UX Salary? Responsibility?

内容

在深入探讨带来用户体验的好处之前,让我们先澄清一下我们的术语。

首先,虽然您会经常听到人们讨论这个概念, 数据,”我更喜欢使用 内容,因为它可以更好地捕获设计师的工作方式。毕竟,您通常不会将图片称为“数据”,对吧?如果有帮助,您可以将内容视为“上下文中的数据”。

什么是“真实”内容

在设计发展过程中的某个地方,有人意识到您实际上并没有 需要 真实的文字来创建设计。您可以只使用任意的拉丁字母,直到“真实”的东西准备好为止。因此, lorem ipsum 及其更多或更少的时髦分支。

但是最近,人们开始意识到那是多么的疯狂。当然, 一些 内容形式可以放在任何旧的设计中,并称为“好”。

但通常情况并非如此。即使是您的“标准”博客也经常具有多种内容类型,包括清单,访谈,案例研究,演练等。每种内容都可以 当然 可以通过独特的演示来受益,该演示旨在突出内容类型的独特特征。


输入具有真实内容的设计。 这是内容优先设计的一个分支,要求设计师不仅要从内容开始,而且要从内容开始。 真实的 内容是杂乱无章的现实世界中真实的人实际制作和共享的内容。
请注意,“真实”内容可以包括:

  1. 普通人的实际照片和状态更新
  2. 客户为自由职业者网站制作的内容
  3. 由专业文案撰写人制作的抛光副本

好的,那么内容优先的设计是什么?

以内容为先的设计优先考虑网站内容的创建(或对现有内容的审查和分析) 设计开始。

这并不意味着一旦设计过程开始,就不能以敏捷的方式迭代和完善内容。 (实际上,绝对应该这样,以确保复制品和设计使用相同的声音说话。)这只是意味着在开始使用它之前,先要了解您的工作内容。


有了我们适当的条款,让我们享受以真实内容进行设计的好处。

内容突出了“边际案例”,即现实世界

设计师喜欢理想的内容。而且您不能责怪他们:美化内容只是他们所做工作的一小部分。但是在现实世界中,很少有人能做出满意的决定。

相反,他们加入了新的热门网站,填写了一半的个人资料字段,上传了两张照片,并称之为一天。或者,他们写“真的很长的头条新闻”,然后将低分辨率的图片上传到他们的博客。

那是现实生活。

当你明白了,你就不会 停止 在设计具有以下特征的“理想”用户配置文件时:

  1. 简而言之,盎格鲁撒克逊人的名字和姓氏
  2. 定期提供数百张精美的照片
  3. 简短的文字内容
  4. 涵盖所有内容类型的各种“更新”

当然,您要做其中之一。

但是您的其他模拟游戏则突出了现实世界。一个充满着:

  1. 长名
  2. 需要用多种语言列出的名称
  3. 从右到左而不是从左到右运行的名称
  4. 稀疏,光线不足,裁剪不佳的照片
  5. 傻瓜头像代替爆头
  6. “分享”实际上只是裸露的链接,没有评论,会生成空的预览

这些不是“边际案例”。它们是真实,混乱,无序的世界的快照。了解得越多,您就会越了解您的用户-以及如何为他们设计。


为了避免上面的示例误导您,使用真实内容进行设计的好处并不仅限于社交网络。它们适用于使用不是您的人生成的内容的任何网站。即所有这些。

毕竟,您可以想象一下,模拟一个博客,其中每个标题正好是三个字长。你甚至 讲话 博客编辑,兄弟?

从真实的内容开始,让您从一开始就处在用户的掌控之中

大多数网站访问者并不喜欢华丽的设计,“令人愉悦的”交互或古怪的复制品。

他们来获得完成工作所需的信息。

通过采用内容优先的方法进行设计,然后再进一步使用 真实的 内容,您将优先尝试理解这两种内容:

  1. 您必须使用什么
  2. 最终用户正在寻找什么

这样可以帮助您确保在最终设计的正确位置突出显示正确的信息。

从某种意义上说,当您优先进行内容制作或分析时 设计时,您将采用与用户相同的路径:遍历信息海,寻找您需要的东西。通过逐步完成该过程,您将更好地了解可用的产品,客户的需求以及如何组织您的内容,以帮助他们更好地了解您(或客户)提供的产品。

3种可帮助您处理真实内容的工具

显然,您可以将真实内容提取到任何设计工具中,以使Web和产品设计更具保真度。但是,当您处理真实内容时,有一些工具会真正发挥作用。

Webflow CMS

Webflow的可视化CMS于2015年末推出,与内容优先的工作流程完美结合。只需从13个基本构建块(从图像到指向其他收藏夹的链接)创建一个Collection即可创建完全自定义的结构,输入您的内容,然后开始使用该内容来构建完美的设计。您甚至可以提取样本“虚拟”数据以启动设计过程。

Sketch的Craft Data插件

这个来自InVision LABS的免费Sketch和Photoshop插件可让您从自己的文件,现有网站或JSON文件中提取真实内容,并将其直接插入设计中。

随机用户生成器API

如果您是代码投递者或Photoshopper,则随机用户生成器可让您生成JSON,SQL,CSV或YAML对象,您可以将它们直接放入设计中。

在门户网站上流行
在Windows上禁用Bitlocker的5大方法
发现

在Windows上禁用Bitlocker的5大方法

BitLocker为数据和驱动器文件提供了针对恶意软件和固件的额外安全性。但是,您可以随时选择禁用它。在本文中,我们将讨论如何简单易用的方法 禁用Bitlocker 在Window 10中。因此,不用费劲,让我们开始吧!第1部分:如果禁用Bitlocker,会发生什么第2部分:如何禁用Window Bitlocker理想情况下,在任何情况下都不建议禁用Bitlocker。 Bitlocker驱动器...
如何在Windows 8上删除用户帐户
发现

如何在Windows 8上删除用户帐户

“我想在Window 8计算机上删除我的一个用户。我该怎么做?” 我们都需要在Window 8上删除一个用户帐户或创建一个用户帐户。也许,您可能需要 删除Window 8用户帐户 因为分配了该帐户的员工可能已经辞职。或者,您可能只想删除它,以从PC上卸载不需要的用户帐户。原因可能是任何原因,但是我们开始逐步教程,介绍如何在Window 8上删除帐户,至关重要的是,您必须知道管理员帐户密码(如果有)...
Excel筛选器:如何在Excel中筛选-了不起的指南
发现

Excel筛选器:如何在Excel中筛选-了不起的指南

Excel过滤器的功能令人惊叹,使用过滤器数据手段设置条件。在过滤数据时,Excel为我们提供了许多选择。短期而言,我们可以说过滤器用于关注工作表中的特定信息。请记住,过滤不会删除或修改数据,只会帮助评估所需的信息。你想知道吗 如何在Excel中添加过滤器?如果是,那么继续阅读下面的内容,我们将介绍令人惊叹的解决方案来创建过滤器。步骤1:打开Excel工作表,然后选择要为其设置过滤器的数据。 步骤...