网站线框和原型 - 客户指南

大多数客户不完全了解线框，为什么它们很重要。线框在业界有些争议。许多成功的网页开发公司完全跳过这一步，因为他们觉得耗时且不必要。我相信线框对于您的网站的正确流动和整体成功至关重要。所以，让我们进一步了解这个非常有用的工具。

什么是线框？

线框是一个视觉指南，代表网站页面的骨架框架。它显示了各种元素的位置和布局，包括内容和导航，以及交互和功能元素。网站线框也称为页面原理图或屏幕蓝图，有时称为原型。

线框通常不包括实际设计和排版，并且通常以黑白准备。他们专注于网站的内容和信息流，而不是其外观。线框是设计过程的重要组成部分，因为它们允许我们专注于用户体验和功能，而不会分散视觉设计。它们允许我们决定要显示哪些信息，哪些信息更重要或优先，网站将如何交互，信息将如何流动，最后，显示各种场景如何播放甚至创建交互式环境。您可以看到所有这些和首次体验您的新网站，甚至看到第一个设计综合（或“comp”）之前。线框可以比设计组合更容易地更改和修改。在设计阶段之前，他们提供了一个审查和讨论概念的设置，并进行了重大改变。随着项目进展，结果更好的设计comps和更少的迭代。

在网页设计中使用线框

有很多方法来构造线框。一些机构在纸上生成低保真（较不详细的）草图，生产速度快。这对于一些更简单的网站来说可能就足够了。对于更复杂的网站，例如社交网络或具有大量交互性的网站，高保真度，详细的，有时事件交互的线框是首选的。这些类型的线框通常用于记录网站项目，因为它们包含与网站用户的体验和最终设计更紧密匹配的细节级别，因此需要更长时间才能创建。开发团队还可以在设计实施和编程期间使用这种交互式线框作为参考，以了解当用户按某个按钮时会发生什么或采取某种行动。

检查线框的提示

检查线框时，请记住它们只是原理图。不要以为这个页面的视觉设计只是你所看到的彩色版本。让您的网络开发人员走过线框，并解释屏幕上的一切。他们应该能够为所有元素提供理由，为什么它们位于何处，为什么这种布局和流程是最佳的。线框通常以单页（通常是主页）开始，以建立方向，然后专注于网站地图的其他部分。请注意，您在技术上不需要网页的每一页的线框，只适用于与其他网站唯一或不同的网页。

线框，可用性和UX

线框的最终目标是在设计过程的早期发现并避免潜在的可用性陷阱。大多数网站都有可用性问题。大多数这些问题阻止用户回来，并可能导致令人不快，有时令人沮丧的用户体验。通过设计高保真，交互式线框并在项目初期对可用性和UX问题进行审查，可以轻松避免这些问题。着名的网络可用性顾问和作者史蒂夫·克鲁格（Steve Krug）提供了一个非常简单的可用性测试：“不要让我想起”。人们不喜欢解决事情的工作原理。史蒂夫的另一个测试是“不要浪费我的时间”。在搜索信息的时间过长时，这是令人沮丧的。大多数人会继续前进。如果您的网站的使用不直观，信息很难找到，您和您的Web开发人员应该回到绘图板。对于真正的线框UX /可用性评估，重要的是让一个人有一个新的视角，一个不熟悉网站的人。这个人会提供一个更好的观点（像一个典型的网站用户），他们的反馈将是无价的。