微框架是线框图的未来吗?

null

线框是死的!互动原型一切都好!我们至少听说过这些喊叫声过去七年。如果这些讨论的流行证明了什么,那就相反了。我们继续讨论所谓的线框图死亡这一事实证明了线框图和线框图线框工具继续适合至少一些项目和一些设计师。

那么线框图如何存活下来?它继续发展。在Microsoft Visio或Excel Spreadsheets中构建的白色电线上的黑色时代已经过去了(是的,我曾与曾经在电子表格中放置线框的PM合作过)。

线框的演变

今天的线框图已经分为多种技术,可以满足设计师的不同目的,项目或偏好。

轻量级交互式线框
一些设计师喜欢用轻量级交互式线框收集早期反馈(请看一下交互式线框图指南)。交互式线框是设计可交付成果,代表高级架构和最基本的交互性。它们创建于数小时而非数天,可帮助用户测试并从利益相关者那里获得早期认可。交互式线框可能在创建后很快被销毁,或者演变为完全不同的资产,这是整体概念的一部分。

内容wireframing视频应用程序

内容线框
另一个版本是内容线框(参见响应式设计指南的内容线框图)。这种静态形式用作在将时间和金钱投入到界面设计的其余部分之前用于规划内容和信息架构的结构。这种技术适用于内容繁重的网站,这需要一个谨慎的内容策略,然后我们的设计师才能获得具有形式和漂亮外观的所有创意。毕竟,内容为王。

微帧
最后,有些线框已经演变为更低的保真度。在这种形式中,线框被最小化,文本被几何形状代替,并且界面的每个部分尽可能地被简化。这是我最喜欢的新线框图。

什么微帧是

微框架或微线框是线框的小型化版本。微框架放大了线框图的优点,消除了大部分缺点。它们的好处包括速度,沟通清晰度和缺乏混淆。

微框架和草图一样快,但是让您轻松地迭代您的工作并立即与任何人共享结果,尽管位置。他们清楚地传达计划和要求,让设计师与客户一起实现共同愿景,而不会过度投资可支配资产,并且不会与最终产品混淆,因为他们的形式大大减少了。

Microframes offer minimum effort and maximum speed

微框架提供最小的努力和最大的速度

微框架也非常灵活。它们可以单独使用,作为用户旅程图表,文档的一部分,甚至可以作为项目路线图的一部分使用。它们是廉价的插图,也是增强设计思维的工具。

你猜怎么着?你多年来一直在进行微雕刻 - 你只是在白板上做这件事。微框架是白板草图的数字化版本,设计师在与同事和客户进行头脑风暴时一直使用这些版本。但是,与白板绘图不同,微帧易于共享和优化,以提高速度和可重用性。

开始使用微缩图

微缩图非常直观。如果您尝试将您的想法融入200px X 300px容器中,微帧将自然而然地变为现实。要提高可读性,请考虑以下事项:

  • 避免文字:用符号化不同级别的排版层次结构的块替换文本
  • 使用颜色表示界面的不同部分:通过为每个分配不同的背景颜色(最好是灰色阴影)来分隔CTA,导航链接和文本块
  • 添加图标以消除混淆:图标可以澄清易于与其他人混淆的元素 - 例如,经典风景图标可用于指示图像
  • 跳过详细信息:一旦概念结构化以获得更高的保真度,您将有足够的时间来添加它们

准备好基本绘图后,请考虑需要添加哪些内容以增强其通信价值。文字说明?流动?这里没有规则。无论什么服务的目的都是好的。

用于UXPin站点重新设计的微帧文档的示例

微缩图设计语言

要优化您的微缩图处理以提高速度和可重用性,您必须创建微观设计语言。考虑一个适合您和您的工作的接收者的约定,然后记录它。

A glimpse of the microframing process while playing around with design systems libraries and symbols in UXPin

在UXPin中使用设计系统库和符号时,可以一瞥微雕刻过程

就像一个全尺寸的设计,你应该从基础开始,逐步转向更高层次的结构(如果你有兴趣建立一个全面的设计系统 - 我分享我的经验这一系列的帖子)。将所有文本块和小图案转换为符号,将它们嵌入到微帧中,然后将它们转换为符号。

线框架死了吗?

当然不。只要我们需要快速创建和共享数字草图的方法,线框图就不会消亡。创建微线框只会增强团队的沟通和创造力,而不会牺牲流程的速度。我们最近真的爱上了这个小小的可交付成果。希望你会发现它也很有用。

有关更多线框图最佳实践,请免费下载UXPin100多页Wireframing指南

相关文章:



翻译字数超限