武汉网站建设：网站线框和原型

大多数客户并不完全了解线框以及它们为何如此重要。线框在业界有些争议。许多成功的Web开发公司完全跳过这一步，因为他们认为这是耗时且不必要的。我相信线框对于正常流程和网站的整体成功至关重要。所以，让我们深入了解并更好地理解这个非常有用的工具。

什么是线框？

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

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

在Web设计中使用线框

构建线框的方法有很多种。一些代理商在纸上创建低保真（不太详细）的草图，这些草图快速且易于生产。对于一些更简单的网站来说，这可能已足够。对于更复杂的网站，例如社交网络或具有大量交互性的网站，高保真度，详细且有时事件交互的线框是优选的。这些类型的线框通常用于记录网站项目，因为它们包含的详细程度更接近网站用户的体验和最终设计，因此创建时间更长。开发团队也可以在设计实现和编程过程中使用此类交互式线框作为参考，以了解当用户按下某个按钮或采取某种操作时会发生什么。

查看线框的提示

在查看线框时，请记住它们只是原理图。不要认为页面的视觉设计只是您所看到的彩色版本。让您的Web开发人员引导您完成线框并解释屏幕上的所有内容。他们应该能够为所有元素提供理由，为什么它们位于它们的位置以及为什么这种布局和流程是最佳的。线框通常从单个页面（通常是主页）开始，以建立方向，然后根据站点地图的指示关注网站的其余部分。请注意，从技术上讲，您的网站的每个页面都不需要线框，只适用于那些独特或与其他页面不同的页面。

线框，可用性和用户体验

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