为什么线框应该留下来死掉

你有没有听过客户,产品所有者或利益相关者的好评线框?作为设计师,您是否喜欢花费数小时创建或更新自己的线框?不,我也不是。多年来,我们一直试图将线框的隐喻作为我们的一部分网页设计处理。是时候放弃鬼魂了,最后让线框死了。

从一开始,线框就被用于概述内容放置,在页面上订购组件以及描述令人难以忍受的细节中的交互。在传统的瀑布模型中,线框是最初的文档之一,不仅可以告知结构,还可以告知内容,设计和开发。对于谁创建它们,线条可能有点模糊。线框更常由信息架构师创建,他们可以很好地调整信息,内容和类别之间的关系,或者是专注于视觉关系和美学的设计师。在典型的过程中,线框被创建并提供给设计者以使其“漂亮”。然后,经过修饰的线框传递给开发人员以使其工作。

线框的陷阱

这种单向沟通方法是沟通中的许多问题开始冒出的地方。瀑布下方的队友感觉他们在前进的决策中受到限制。线框相当于逐个数字的系统,在这个系统中,设计师使用他们喜欢的设计工具基本上在线框上绘画,从而限制了他们解决问题的能力。

线框通常过早地提供太多信息。一系列带注释的线框是利益相关者为签字而展示的第一件事。这为设计师和开发人员开始工作创造了锁定,并限制他们锻炼创造力。在静态时,线框无法展示交互,而是试图大量描述它们。

显然,根据项目的复杂性和范围,线框需要进行大量注释并记录为功能规范的一部分,以便瀑布下方的线程知道预期的内容。但是人们不会阅读文档。试图描述复杂交互的功能很困难。设计师和开发人员解释注释,有时是正确的,有时不是。

在线框向下游传递给设计人员之后,他们将线框及其模型传递给开发人员。开发人员收到大量文档。到了这个时候,已经开始改变了第一轮制作给开发者的线框。线框很快就会过时,从而形成一个永无休止的修改周期,其中瀑布下方的那些与开始时的那些更加不同步。

考虑将快速原型设计作为改善跨多个学科的沟通的替代方案。快速原型制作有四个主要原则:

  • 创作是一项共享活动。有效的产品和服务需要每个人参与和沟通,批评,评估和创造。
  • 只创造必要的东西。您需要的才能收集客户或用户反馈,而不会因不必要的细节而陷入困境。
  • 创建系统而不是页面。从整体上解决问题的方法和设计,而不是专注于单页。这允许我们创建一系列可在整个站点中重用的模块。
  • 创造尽可能少的浪费。无论你的角色和你为谁工作,他们都会付钱给你做一件事:运送一些令人惊奇的东西。

快速原型将允许团队快速迭代网站或应用程序,验证设计决策并收集反馈。快速原型的早期阶段应该用HTML,CSS和JavaScript创建,几乎没有美学。通过创建最初侧重于内容和功能的原型,利益相关者不会分心。除了简化客户端通信外,快速原型设计还可以改善团队联络。通过将快速原型移动到前端,需要各种学科一起工作。当个人一起工作时,他们也将相互学习并改善他们的共享知识。原型成为规范。 HTML是一种标记语言,它的优势在于将通常用于文字处理器的内容转换为Web。这将创建继承文档,其中注释可以作为注释应用或在标记本身中应用。

流程指南

任何过程都应该敏捷。快速原型制作过程的简单指南可分为四个应同时发生的步骤:

  • 战略用户体验策略师和/或业务分析师进行初始对话以定义业务和用户需求。他们会将他们发现的内容编译成用户研究,创建用户故事,内容策略和角色等工件。此信息稍后用于通知未来的设计决策。
  • 结构体过去存在线框以创建结构。这可以通过草图来完成。素描是一个强大的工具,任何人都可以做到。素描会应该是自由形式的。他们的目的是在团队致力于代码之前,与团队一起快速探索布局概念。
  • 美学结构和美学应该分开创建。在创造美学时,最好不要创建完整的模型。我们只想生成必要的最小工件。创建定义颜色,排版,纹理和品牌的工件,而不会提供过多的细节,这些细节可能会破坏与利益相关者的设计对话,或者使他们专注于不那么重要的设计部分(即徽标的大小) 。样式瓷砖和元素探索是首选。这些允许我们抽象出设计来创建一个可以变成风格指南的设计系统。
  • 互动随着草图的完成,它们可以转换为HTML,CSS和JavaScript。在原型的早期阶段,美学不是必需的。这使我们能够围绕交互,内容流和可访问性进行讨论。整个网站可以以灰盒方式创建,没有美感。由于设计系统的各个部分(网格系统,排版,模块)已经完成,因此可以将快速原型作为CSS主题分层。

快速原型设计背后的主要概念有助于拆除孤岛,促进跨学科协作,并为您团队的所有成员提供参与设计过程的机会。快速原型使团队能够探索和验证设计理念及其相互作用,并将结果传达给他人,同时减少浪费并缩短产品上市时间。它是任何团队工具箱中的有用工具,可提供更强大的方式来探索和交流设计解决方案。

话:Bermon画家

Bermon画家是一位喜欢Ruby和预处理器的设计师和开发人员。他也是该组织的组织者混合会议。这篇文章最初出现在网络杂志问题250。



翻译字数超限