如何模拟UX编写

作者:丁晓峰  发布时间:2020-05-03 21:58:04

  他们说,一张图片胜过千言万语。UX写作也是如此!如果您是UX作家,那么您的专长就是语言。但是您在视觉媒介中工作。客户将在UI设计的上下文中看到您的词,而不是空白屏幕上的文本行。

  不建议总是模拟UX编写。但是有时候,您的工作模型可以帮助您与合作伙伴更好地协作。

  模拟UX编写工作的一些原因:

  这样您的审稿人可以提供更好的反馈,因为他们可以根据上下文查看您的工作

  可以加强论点以使用更多的文本还是更少的文本(通常是更少的文本)

  当工程师需要修复字符串时,您可以准确显示字符串出现的位置

  尽量减少对文本显示位置的混淆

  通常,可以缩短和加强协作过程

  这是用来模仿UX编写的四种方法!

  Skitch

  我的Dropbox同事和UX写作巨星John Saito向我介绍了Skitch。这是一种用箭头,文本和简单形状注释图像的超级容易的方法。您还可以像素化内容以隐藏机密信息。

  下图显示了Skitch箭头,文本,形状和像素化工具:

Skitch

  我有一个主题演讲“沙盒文件”,用于撰写我的作品。创建图层,清空屏幕的各个部分以及精确放置更新的文本很容易。您还可以快速创建和组织多张幻灯片,以保存“之前”和“之后”版本或多次浏览。

  下图显示了一个Finder菜单,该菜单已复制到两个投标中,原始名称被清空,并替换为其他名称:

Web浏览器设计模式

  Web浏览器“设计模式”

  您是否知道可以直接在浏览器窗口中编辑任何网页(至少可以在Mac上的Chrome和Safari中进行编辑)?

  取得方法如下:

  将以下文本另存为浏览器书签: javascript:document.body.contentEditable ='true'; document.designMode ='on'; 无效0

  转到您要更改的网页。

  从步骤1中选择书签。

  单击您要更改的文本并开始输入!

  当您要模拟对活动设计的简单文本更改时,此方法很方便。

  下图显示了如何在我的实时Dropbox页面上选择“设计模式”书签,然后用侧栏中的Jennie's Happy Place替换Home。

Figma或素描

  Figma或素描

  最后,您可以使用功能强大的设计器工具(例如Sketch或Figma)来模拟UX编写。

  尽管这是四种方法中最先进(且最耗时)的方法,但它使您可以使用他们使用的应用程序与他们所在的设计师见面。

  如果与您合作的设计师拥有该项目的Figma文件,请他们创建一个沙盒区域,您可以在其中进行内容浏览(因此您可以在他们的文件中进行模拟)。或在“草稿”文件夹中制作其文件的副本(以便在自己的文件中进行模拟)。

  如果尚无设计文件,请不用担心!您可以从头开始搜索网络上的UI工具包。

  下图显示了macOS警报模式,该警报模式已复制到我的Figma草稿文件中,该文件名为“ Jennie's Sandbox of Wonder”,然后用新文本进行了更新:

截屏并存档所有内容

  截屏并存档所有内容

  好的,因此您已经完成了所有这些工作来模拟您的UX编写。您现在不应该将其保存以供后代使用吗?还是至少可以将您的工作重用于未来的项目?

  这很简单:每次模拟时,都要对其拍照并放入所有文档中。

  我的所有文档都只是一个简单的截图纸文档,按日期反向排序(所以最新的截图在顶部)。我将在屏幕截图的正下方键入实际的UX副本,以便于搜索而已。

  养成存档工作的习惯,即使它从未出现过。您永远不知道什么时候项目就会倒挡。



转载请注明来自:http://www.dingxiaofeng.com/design/119.html

相关文章阅读

如何模拟UX编写

如何使用设计思维来解决营销问题

平面设计简介以及基本结构单位

如何制作良好的UI演示视频、视频录制

理想的设计工作流程

Top