5个原型设计技巧将改善你的过程

WebFX总裁。Bill在互联网营销行业有超过25年的经验,专门从事SEO, UX,信息架构,营销自动化等。William在希彭斯堡和麻省理工学院的科学计算和教育背景为MarketingCloudFX和WebFX的其他关键研发项目提供了基础。

如果你听过这个,请打断我:在一场设计演示中,一位困惑的观众举手问道:为什么所有的拷贝都是外语?这不是一个笑话,但我情不自禁地笑了无数次lorem ipsum在一个原型中,只是让我们团队的人感到困惑。视觉思考者,比如设计师,可以很容易地将一个图像占位符框想象成一张引人注目的照片。在我们的脑海中,我们可以将一个灰度线框转换成一个精心制作的美丽网站布局视觉层次结构

但是对于其他人来说,占位符、低保真线框和临时样式都是真正的挑战。如果一个人不能想象最终的产品,他们如何能在设计过程中感到舒适?所以在我们讨论具体的原型设计策略之前,让我们先回顾一下设计保真度的主题,以便为后面的讨论奠定基础。

首要任务:处理原型保真度

为了使原型制作过程尽可能顺利,首先需要解决的问题是整个过程中使用的保真度。要了解更多关于这个主题的信息,请阅读这篇文章原型保真度指南.诀窍在于知道何时使用高保真原型演示。过早地引入它,流程或体验可能看起来不完善。

在这个过程中展示得太晚了,你的客户可能会纠结于更精细的设计细节,比如为什么logo还没有到位。制作高保真原型的秘诀是什么?甚至更好的低保真规划。

钉下一般流程用草图和线框能让你在之后的高保真回合中走得更快。好的线框图和纸上原型将有助于后续工作。这就是为什么当你与一个大型且多样化的团队分享原型时,你必须设定预期关于原型如何反映最终产品。你必须告诉观众原型的逼真程度,以及他们在评估原型时应该关注什么。

谁应该看到你的原型?

尽早并经常分享你的线框。但是要考虑你在这个过程中包括了谁。常数设计过程中的协作是推出优秀产品的关键。

准确地定位谁在什么时候看到设计模型可能很棘手,但在你觉得舒服的时候展示东西是让别人相信你的进步的一个重要部分。如果你认为一个团队成员可能很难掌握低保真度的版本,考虑让他们保留反馈,直到你达到更高保真度的阶段。由于现代工具的出现,在这个过程的各个阶段收集意见要简单得多松弛Trello,当然还有我公司的应用程序,InVision

原型设计技巧

这里有一些让原型制作过程顺利进行的技巧和策略。

努力做到“足够好”

一个优秀的高保真原型并不一定是像素完美且适合生产的。它必须足够好,以消除过程中的干扰。

一位智者曾经说过:“投资是创造力的敌人。”从原型到产品,一开始就需要大量的工作,在模型上花费过多的精力会占用其他重要任务的时间。确定原型“足够好”的可靠方法:预测在展示原型时你会被问到什么问题。从确定你可以用一个简单的可视化解决方案解决的问题开始,直到你没有问题为止。

把东西找出来足够好然后继续前进。

避免线性工作

避免线性工作就像计算机一样,你的设计过程需要是多线程的。致力于创造一个设计系统,而不是单一的屏幕。

这样,在任何一个地方打嗝都不会让你受阻。随时准备好B(和C)计划。死胡同是行不通的。

只要把你的注意力转移到另一项任务上,你就能在原来的领域取得突破。在一个棘手的问题上休息一下,在其他地方获得设计胜利。

创建可重用的样式和符号

创建可重用的样式和符号在你的设计中改变这20张卡片的背景颜色的最快方法是:一次全部改变。

主要的设计工具拥有可重复使用的样式和符号,可以为您节省大量的编辑时间,并让您快速尝试狂野的东西,看看什么是有效的。例如,在Sketch中,创建一个Symbol就像选择一组元素并选择一样简单转换为符号。创建一个文件夹系统,用斜杠命名,比如“Mobile / Header”。然后,当你需要在设计中插入符号时,你会有一个嵌套菜单,比如:插入>符号>移动>头部.查看更多Sketch原型设计技巧

草图原型使用智能对象在Photoshop或Sketch中的符号和共享样式中,相当于开发人员使用样板代码和JavaScript框架来编写他们必须一直编写的内容。你反复需要的东西——按钮、内容滑块、媒体对象等等——可以被模块化和重用。

你不会想要编码相同的CSS样式规则14次,那么为什么用Photoshop图层做同样的事情呢?重复的工作是高效团队的祸害。那些15分钟的设计调整在你第四次做的时候会变得更加耗时。有组织的样式和符号有助于保持设计文档的角落和缝隙的同步,减少代价高昂的惊喜。

使用现实资产

正确的照片或插图可以在几秒钟内将线框变成高保真的设计。看看上面的例子谷歌的材料设计规范.除去单一的美术资产,每个屏幕只不过是一个线框。

添加一些吸引人的图像使一切都不同了。此外,使用现实的资产可以帮助你在呈现原型时避免混乱。但你不需要定制的照片或完成的插图只是为了展示。

库存或现有资产可以帮助您快速填写低保真布局。如果你需要帮助寻找东西,和你的内容团队合作——他们可能有一个关于品牌图像的深厚档案。

使用真实设备

苹果手表(Apple Watch)的发布带来了一大批专门用于腕表的新应用程序。

一家航空公司甚至部署了手机登机牌,结果发现最多的就是手机登机牌人们的手臂装不进QR扫描仪在大多数机场。的教训吗?而一个桌面上的模拟器可能会让一些东西看起来很原生,但没有什么能取代在真实的设备上,在真实的环境中体验设计。

在花费大量的时间和资源将原型开发成最终产品之前,应该尽可能多地在实际设备上进行测试。

快速行动,解决问题

用你的线框创建一个坚实的基础,你将在高保真阶段更快地迭代。将结构和功能从外观中分离出来可以让你专注于重要的东西:制作一款杀手级产品。

相关内容

克拉克Wimberly是一个内容设计师在InVision这是一款流行的设计原型工具的开发商。他每天都在写作和创作设计内容(截屏、UI套件和电子书)。此前,他是一名用户体验设计师,并创建了在线社区Android和我

看看ClarkLab他的个人网站。与他联系推特而且GitHub

WebFX职业

加入我们的使命,为全球各地的企业提供行业领先的数字营销服务-同时建立您的个人知识和个人成长。

我们招聘! 视图30 +职位空缺!