不是设计师?没问题!

在线框图制作过程中欢迎所有人。创建一个有效的线框如果你想要一个杀手级的最终产品，这是必要的。谁不想这样呢?

到2020年在美国，消费者体验将超越价格和产品，成为关键的品牌差异化因素。也就是说，每个人都有责任确保你的应用提供最好的体验。线框图确保用户界面(UI)设计整体提升用户体验(UX)．

开始你的应用线框

我们询问了八位行业专家和设计专家，询问他们是什么造就了优秀的设计线框以及他们如何开始自己的过程。

1.谁是你的用户?

“新手需要记住，线框是手机产品的高级骨架或轮廓，不会太细。从本质上讲，这是一种关于用户体验(UX)如何与用户界面(UI)交互的视觉头脑风暴，但剥离了颜色、字体和图像等视觉元素。

在开始线框图制作之前，对目标用户有一个清晰的了解是很重要的。这将让初学者在品牌和视觉元素发挥作用之前，更好地理解必要的信息如何在屏幕上呈现。”

雪莱杰米尔，用户体验设计师Clearbridge表示移动

2.他们想要什么?

“总是以简洁的用户故事开始。你的用户故事将把团队带到手头的基本任务，并帮助减少功能的蔓延和混乱。用户想要完成什么?他们是谁，在他们试图完成这项工作的过程中还发生了什么?如果你不能简单地用书面形式解释你的用户想要做什么，你就不能指望为他们设计出令人愉快的用户体验。”

希利琼斯，联合创始人FinvsFin

3.先把笔放在纸上

“我首先用铅笔和空白的3x5笔记卡绘制应用程序的线框图。这让我可以在不考虑特定屏幕尺寸或元素的情况下自由地发挥创意。不要担心设计有多粗糙;这不是关于演示的问题。把它看作是快速的概念。

从那里，我从人们那里寻求最基本的元素(文本/元素放置等)的输入。通过在过程中寻求反馈，你最终不会有可供选择的版本。相反，你有一个强大的想法，一旦进入设计/原型应用程序，你就可以不断迭代。

屁股的圆锥形石垒，增长主管要快乐

4.相信过程

“我们通常以流程图开始，展示我们所有屏幕之间的关系。每个屏幕都有一个快速的项目符号列表，说明它所包含的组件或交互。一旦所有内容都在一个页面上，我们就开始创建交互式线框——没有颜色或复制!

线框图制作过程的每个阶段都是获得反馈的机会。一开始，来自产品团队的其他成员(开发人员、设计师、业务分析师)，最后，来自实际用户。”

头脑Lockrey，执行制片人混沌理论游戏

5.抽，再抽

“线框是用来交流想法的，而不是最终产品。记住，这意味着每个方面都只是一个草案或概念。例如，线框不必是数字的;它可以是餐巾后面的素描。他们也不需要最终的副本或图像。

有颜色或没有颜色只是个人喜好，只要你对它所代表的东西感觉良好就没关系。迭代是线框的黄金法则，迭代直到达到你想要达到的目标，同时保持页面的结构。”

-Sidharath Chhatani，产品设计师ClutchPrep

6.退一步

“我首先编写内容类型的大纲，以创建指导线框图所需的早期信息架构。线框图是第一步，这是一个常见的误解!记住内容的长度/大小。这很重要。

记住线框是指南和初稿的混合体。你可以废弃它们，或者让最终的模型与你开始时的模型相似。设计进化。”

米拉Zyra，高级用户体验设计师紫水晶的设计

7.这是团队的努力

“我只会把最初的计划交给营销和战略团队。线框必须由知道用户想要什么的人来创建。大多数情况下，这是市场营销/数字战略团队。一旦线框准备好了，就可以将其传递给创意设计团队，以恢复白色线条。

确保整个过程遵循瀑布模型的线框图和创意设计是非常重要的。我想强调的是让战略人员创建线框的重要性。UI团队创建线框的问题是他们不知道用户在想什么。他们根本没有数据来做决定。”

-Abhijith VM，数字营销团队负责人ClaySys技术

8.想想大局

“线框图是一种具有成本效益的技术，用于数字产品设计的早期，可以在花费太多时间和金钱之前发现问题并进行调整。线框通常包括关键页面元素、站点功能和导航。通过为页面应该显示的不同类型的内容绘制框来开始是很容易的。这也有助于建立元素之间的关系。线框图就像纸上的草图或白板上的图表一样简单。

因为目标是快速迭代，所以不需要在细节或视觉造型上花费大量时间。最重要的是将线框呈现在其他人面前，以便发现问题。”

克里斯汀克鲁格，初级体验设计师导师的伴侣

最好从一开始就开始

每个设计师都是不同的，他们的创作过程也各不相同。然而，我们所看到的一个共同点是，团队合作和反馈是成功线框的关键。

了解更多如何制作应用程序线框在哪里合适，以及在这个过程中需要做什么。

分享你的专业知识!

通过为G2学习中心做贡献，帮助您的同行，发展您的个人品牌。注册只需几秒钟，就像这五位行业专家一样，与每月100万读者分享你在技术、设计或开发方面的知识。