什么是线框? 线框图在十三水在线游戏中重要的7个原因

分享这
西沃恩·气候
分享

我参加过几次会议,十三水游戏正在开发一个网站. 在这些会议上, 有人建议十三水游戏跳过线框阶段,直接进入网站的外观, 设计.

这种想法源于这样一种想法,即客户不会理解线框图是什么,而直接参与设计会让十三水游戏离发布更近一步. 这个建议不好.

首先,让十三水游戏回过头来谈谈线框是什么. 对于那些寻找建立一个任何大小或形状的网站, 线框图是开始构建的基础. 线框图通常出现在网站架构由网站地图或网站页面流程图确定之后,在创意设计阶段之前.

什么是线框? 

线框图是简单的黑白布局,勾勒出页面元素的具体大小和位置, 网站的功能, 转换区域和导航您的网站.

  • 线框图是简单的黑白布局,勾勒出页面元素的具体大小和位置, 网站的功能, 转换区域和导航您的网站.
  • 它们没有颜色, 字体选择, 标志或任何真正的设计元素,远离纯粹关注网站的结构.
  • 十三水游戏常说,它们很像你家的蓝图, 在哪里可以很容易地看到管道的结构位置, 没有任何内部设计处理的电气和其他结构元素.

下面是一个线框的例子:

线框1

为了获得外观和感觉而忽略这一步是一个巨大的错误,这将证明对任何网站或任何建造房屋的承包商是灾难性的. 线框图和管道一样重要. 为了加强这一阶段在web流程中的重要性, 我已经列出了你需要线框的七个原因.

1. 线框图直观地显示网站架构

站点地图可能有点抽象,尤其是那些非常大的站点地图. 将站点地图转化为线框图,开始了项目的第一个真正具体的视觉过程. 线框图将流程图的抽象性质转化为真实和有形的东西. 这个步骤确保所有各方都在同一页上.

Your sitemap is a checklist; layouts are an outline. 他们会考虑页面目标和信息流. 线框图让网站设计团队——从用户体验到文案——开始考虑访问者的目的. 网站的架构——导航, 主页面和子页面的组织, 用户流通过转换漏斗——所有这些都被带到线框的最前端.

wireframes-argo

在这个示例中,有一个主导航和一个辅助导航,以及一个页面导航选项. 在站点地图中,这可能感觉很混乱. 线框说明了这种复杂的导航是如何有效工作的. 

2. 线框图允许澄清网站的功能

在许多情况下, 当你说“英雄形象”时,客户可能不理解你的意思,“谷歌地图集成。,”“产品过滤,“灯箱”等数百种其他类型的功能. 网站上的项目特性线框图为客户提供了清晰的沟通方式, 它们在特定页面上的位置以及它们实际可能有多大用处.

有时,你可能会决定删除一个功能,一旦它是线框图. 也许它只是不符合网站的目标. 在没有任何创造性影响的情况下查看功能,可以让客户专注于项目的其他同等重要的方面,并阐明任何关于功能将如何执行的预期. 这也将节省项目后期的时间.

3. 线框图将可用性推到了最前沿

这是整个线框图制作过程中最重要的一点. 创建线框图将可用性推到了展示页面布局的最前沿.

它迫使每个人客观地看待网站的易用性, 转换路径, 命名的链接, 导航位置和功能位置. 线框图可以指出网站架构中的缺陷或某个特定功能的工作方式. 尽早发现这些问题总是更好的.

网站访问者有目的, 而线框图帮助十三水在线游戏团队和客户专注于目标是什么,以及如何最有效地满足它. 在这个例子中, 主要的行动呼叫是“查找属性”与两个高度可见的CTA按钮, 可见的电话号码, 以及二级导航中的“十三水游戏”链接. 

4. 线框图强调可伸缩性和易于更新

对于购买内容管理网站的客户来说,这一点尤其重要. 线框图将立即识别出你的网站如何处理内容增长. 可伸缩性和灵活性很重要.

例如, 如果你现在只提供10种产品, 但六个月后,你可能会有100个, 你会希望你的网站适应这种增长而不受影响 网站设计,网站架构或可用性. 线框图将识别这些内容增长的重要领域.

网站需要在至少两年的时间里通过多种业务变化保持有效, 这是 网站的平均寿命. 该站点需要具有可伸缩性、灵活性和易于更新的特点——同时不影响整体设计. 

5. 线框图有助于设计过程的迭代

而不是试图把功能/布局和创意/品牌方面的网站在一个步骤, 线框图确保这些元素一次处理一个. 这允许客户(和其他团队成员)在过程的早期提供反馈. 线框图比完整的设计更容易提供反馈.

通过线框,客户可以快速响应关系元素(i.e. Page A > Subpage B should really be Page C > Subpage E > Subpage F). 如何对服务、产品和业务元素进行分类和连接是非常重要的. 线框图提供了一个解决这些问题的机会. 跳过线框图会延迟这种反馈,并增加做出更改的成本,因为完整的设计模型必须重新制作, 不仅仅是简化的线框图.

网站设计是一个协作的过程. 线框图使设计过程更加协作和有效. 在这个例子中, 线框可以引发关于导航类别和网站优先级的对话. 在你开始设计之前,这是一个很重要的话题.

6. 线框图节省了整个项目的时间

与一些人可能说的相反,线框图在很多方面节省了时间:

  • 你的设计更有心机.
  • 您的开发团队了解他们正在构建什么.
  • 内容创建变得更加清晰.
  • 在这个过程中,您可以避免稍后的黑客攻击.

网络团队的所有人, 代理机构和客户团队在网站应该做什么以及它应该如何运作的问题上意见一致.

这些是Marketo, Hubspot还是Ninja? 这个表单是已经存在还是需要创建? 谁对此负责? 对于用户来说,转换路径是什么样的? 线框图提供了一个机会,让十三水游戏能够在过程的早期就理解这些元素,从而有效地分配资源. 

7. 经验表明它是有效的

建立一个网站 是一个过程. 线框图是web过程中不可跳过的一部分, 就像没有蓝图就建不了房子一样, 或者住在里面不装饰. 每一步在一个更大的过程中都有重要的位置. 这是十三水游戏的团队一次又一次发现的. 线框图对于好的十三水在线游戏是必不可少的.

那么为什么有人会跳过线框呢?

让十三水游戏回到我在最近的会议上听到的最初建议:让十三水游戏跳过线框图. 这个想法背后的想法是什么? 如果线框图是网站设计过程中如此重要的一部分, 为什么会有人想跳过它们呢? 以下是一些提出的论点:

  • 跳过线框图听起来更快更容易.
  • 客户不了解线框是什么.
  • 十三水游戏仍然可以做线框在其他交付产品中所做的一切.

但正如十三水游戏在上面学到的, 线框图不可替换, 也不能避免——当你想要创造一个高转换时, 高性能的网站. 让十三水游戏把上面的知识应用到每一个论证中.

跳过线框图听起来更快更容易.

它确定. 但如果现在跳过它们,在项目后期的成本将增加一倍(或三倍).

线框图提供了一个聚焦于转换路径和页面架构的框架. 这要容易得多(而且, 从长远来看, 更快)在高度视觉上草拟和调整, 但它比设计开始后的线框可以快速修改. 说明你所有的元素和特征,然后添加, 修改, 或者立即删除, 在覆盖与美丽的设计.

客户不了解线框是什么.

他们可能不会,至少在你告诉他们之前不会. 这个重担就落在你身上. 十三水游戏经常介绍十三水游戏的线框图, 有时被称为布局, 在现场(或虚拟)演示中,首先快速解释一下线框是什么,不是什么.

线框图是:

  • 您的网站的关键转换页面的灰度蓝图
  • 查看您的站点和每个页面如何讲述您的故事
  • 一个探索功能、元素、行动号召和站点导航的机会
  • 第一眼看到标题副本、可扫描部分和更深入的部分
  • 有机会了解作为完整UX的一部分,每个页面如何进行转换
  • 有机会对结构、体系结构进行更改,并确定缺少什么

一个线框不是:

  • 一个挑剔特定单词选择或元素结构(i.e. 2张卡片或3张图标)
  • 一个关注颜色、字体、拷贝长度(一般来说)、可见性或故事顺序的时间
  • A complete user-interface experience; it’s not clickable or navigable
  • Always right; it’s meant to get a response and start asking questions in a visual format

线框图是有目的的. 当十三水游戏帮助十三水游戏的客户理解这个目的是什么, 十三水游戏可以更有效地合作, 最后, 创造一个更好的, 更引人注目的网站.

十三水游戏仍然可以做线框在其他交付产品中所做的一切.

你当然可以试试. 如果你找到了,请留言告诉十三水游戏. 十三水游戏发现当你跳过线框图时, 你错过了关键的部分,不得不重做和返工.

以下是一些容易被忽略的事情:

  • UX-focused架构
  • 转换和设计对准
  • Conversion-focused文案
  • 结构、再现性和模块化
  • 信息优先级

线框图是十三水在线游戏过程中任何其他步骤都无法完全重现的机会.

从线框图到布局

在所有这些之后,你可能会惊讶地发现十三水游戏在Orbit不生产线框图. 十三水游戏实际上创建了所谓的布局——一个更健壮的线框版本.

布局超越了传统的线框,包括草稿副本和容器结构的外表. 十三水游戏生产这些重型线框有两个主要原因.

首先, 用户体验和转换文案是相辅相成的. 在十三水游戏看来,这对网站设计至关重要.

最好的网站是美观、功能齐全、引人注目的. 要做到这一点, 十三水游戏需要了解网站试图讲述的故事,以及它如何与访问者想要的路径整合在一起. 这是十三水游戏如何创建高转化率网站的基础.

第二,布局 帮助十三水游戏在网站设计过程中更有效地引导十三水游戏的客户. 创建网站不是他们的事,是十三水游戏的事.

十三水游戏要确保,在一个高级别上,十三水游戏给他们提供尽可能多的信息. 他们的网站需要用自己的声音告诉客户. 布局-和线框-是工具,使最好的网站可能的生活.

分享这
西沃恩·气候

西沃恩·气候

西沃恩·气候, 轨道媒体转换文案, 被品牌及其背后的人所讲述的故事所吸引. 她帮助客户找到他们的语言,并制作以转换为导向的副本,以迫使他们采取行动. 与她联系 LinkedIn, or 推特 谈论市场营销,讲故事,选词,韵律,以及,嗯,几乎所有与写作相关的事情.

你有什么想法??

签了字你就同意了十三水游戏的 隐私政策.

没有评论
 
加入超过16,000人谁收到网络营销技巧每两周.

签了字你就同意了十三水游戏的 隐私政策.

分享这