多数客户并不完全理解线框以及为什么它们是重要的。而线框在这个行业中有些争议。许多成功的web开发公司完全跳过了这一步,因为他们觉得这是耗时和不必要的。我相信,线框是至关重要的适当的流量和整体成功的网站。因此,让我们蚌埠定制网站深入研究并更好地理解这个非常有用的工具。
什么是线框?
线框是一个视觉指南,它代表网站页面的骨架框架。它显示了各种元素的位置和布局,包括内容和导航,以及交互和功能元素。网站线框也被称为网页示意图或屏幕蓝图,有时被称为原型。线框通常不包括实际的设计和排版,通常是用黑白两种方式准备的。他们关注的是网站的内容和信息流,而不是它的外观。线框是设计过程中的一个重要部分,因为它们允许我们只关注用户体验和功能,而不受视觉设计的干扰。它们让我们决定要显示哪些信息,哪些信息更重要或优先,网站将如何交互,信息将如何流动,最后,展示各种场景如何发挥作用,甚至创建交互环境。您可以看到所有这些,并体验您的新网站前,甚至看到第一个设计全面(或“comp”)。线框可以改变和修改比设计更容易。它们为在设计阶段之前进行设计和进行关键更改之前审查和讨论概念提供了一个设置。结果在更好的设计方案和较少的迭代随着项目的进展。
线框在Web设计中的应用
构建线框的方法有很多种。一些机构在纸上创建低保真度(不那么详细)的草图,既快速又容易制作。对于一些简单的网站来说,这可能就足够了。对于更复杂的网站,如社交网络或具有大量互动性的网站,高保真度、详细的、有时是事件交互的线框是首选。这些类型的线框通常用于记录网站项目,因为它们包含了一个更符合网站用户体验和最终设计的详细信息,因此需要更长的时间来创建。开发团队稍后也可以使用这种交互式的线框作为设计实现和编程过程中的参考,以了解当用户按下某个按钮或采取某种操作时会发生什么。
复习线框的技巧
在查看线框时,请记住,它们只是示意图。不要以为页面的视觉设计只是你看到的东西的彩色版本。让您的web开发人员带您浏览线框,并解释屏幕上的一切。它们应该能够为所有元素提供理由,为什么它们被定位在它们所在的位置,以及为什么这种布局和流程是最佳的。线框通常从一个单一的页面(通常是主页)开始,建立一个方向,然后按照站点地图的要求,将注意力集中在网站的其余部分上。请注意,从技术上讲,您不需要为您的网站的每一个页面提供一个线框,只用于那些独特的或与其他页面不同的页面。
线框、可用性和用户体验
线框的最终目标是在设计过程的早期发现和避免潜在的可用性陷阱。大多数网站都存在可用性问题。大多数这些问题阻止用户返回,并可能导致不愉快的,有时令人沮丧的用户体验。这样的问题可以通过设计高保真、交互式线框和在项目早期检查可用性和UX问题来轻松避免。著名的网络可用性顾问兼作者SteveKrug为可用性提供了一个非常简单的测试:“不要让我思考。”人们不喜欢对事情的运作方式感到困惑。史蒂夫的另一个测试是“不要浪费我的时间”。当你花费过多的时间去寻找信息时,这是令人沮丧的。大多数人只会向前看。如果你的网站的使用不直观,信息很难找到,你和你的网页开发人员应该回到绘图板。对于一个真正的线框UX/可用性评估,重要的是有一个新的视角,一个不熟悉网站的人。这个人将提供一个更好的视角(就像一个典型的网站用户),他们的反馈将是无价的。