什么是线框图以及作为可用性 (UX) 专家实现它的步骤

mnnuman24@

您可能想知道从这样的文章中您能得到什么？我的目标是从更实用的角度深入研究网页模板。 在本文中，我们将回答以下基本问题： 谁使用它们？ 为什么你应该考虑使用它们？ 无论使用或不使用软件，如何创造出令人惊叹的设计？ 内容 隐藏 什么是线框？ 草图、轮廓和建模 线框图真正适合谁？ 为什么线框图是“设计蓝图” 那么我们如何创建线框呢？ 对于用户体验专家来说，线框就像空白的画布，等待绘制。 以零投资创建线框图 1. 纸上草图/线框 2. 黑白板 3. 模板 结论： 什么是线框？ 当谈到制作网站线框图时，最好的描述方式是它们是产品设计和开发的基石。无论您想要什么类型的项目，您在开发网站或移动应用程序时都会使用此工具。我们的目标是让参与项目的每个人都达成共识，包括产品设计师、程序员、用户体验等。也就是说对于整个团队来说。如果我们观察更喜欢敏捷开发方法的公司，我们会注意到 Web 模式是在开发的早期阶段实施的。是的，即使是简单的纸质草稿也被视为网页线框，但我们稍后会看到。 草图、轮廓和建模 嗯，但是等等，原理图和建模是同一件事，对吧？ 一点都不。

线框完全与功能有关。正如我们在上面看到的，忠诚度在中低之间波动。例如，如果它是一个应加销 阿曼手机号码列表 量并强化用程序或一个网页，在导航中，线框可以帮助我们决定框、按钮和其他功能元素的排列。虽然原型是我们最接近最终功能的，但在这种状态下，仍然可以进行必要的更改来优化网站。 非常有趣的是，准确理解用户如何与网络交互会产生很大的影响，并通过将元素放置在最佳位置来帮助我们提高转化率。 我们的想法是对最终产品有一个图形化的体验，如果您正在寻找更详细的信息，您可以使用一些软件来创建详细的原型，或者如果您喜欢的话，甚至可以深入研究代码。如果原型非常详细，并且远远超出了简单的示例，那么我们就会讨论原型设计，但那是另一个话题。 线框图真正适合谁？ 简而言之，任何参与产品开发的人——无论级别如何。 尽管设计师、开发人员和产品经理通常在日常工作中使用线框图进行开发，但他们并不是唯一可以使用线框图的人。




更多的人可以从线框图中受益，包括业务分析师、信息架构师、交互设计师、用户体验设计师、图形设计师、程序员和产品经理。 为什么线框图是“设计蓝图” 换句话说，连接信息架构和视觉设计，以图形方式表示界面。该接口有 5 个主要用途： 展示如何形成网站或应用程序 展示它的功能是什么样的 显示和组织信息 决定它应该包含什么内容 完美的用户与网站交互 那么我们如何创建线框呢？ 我之前说过设计师、开发人员和产品经理制作线框图，但这并不意味着他们是相同的。 用户体验/图形设计师在想要创建模型、原型或新用户界面时会考虑使用线框图。所以对他们来说，这是一个初步的工作过程。使用它们的另一个原因是可以模拟用户流程。他们在开发角色、用户旅程和站点地图后创建线框。换句话说，在识别与发现相关的活动之后。 对于用户体验专家来说，线框就像空白的画布，等待绘制。 设计师决定什么东西放在哪里，以及用户如何在房子里导航。换句话说，用户流程基本上是用户和界面之间的一系列交互，从而形成一条如丝般流畅的路径。流程图、故事和大纲共同努力实现目标。