入站营销代理
返回学习中心乐动体育app下载安装
订阅
加入40000多名销售和营销专业人士,他们每周都会收到我们的见解、建议和最佳实践。
谢谢你!您已经订阅了。

免费课程:一个伟大的入境营销网站的要素

开始课程 订阅
加入40000多名销售和营销专业人士,他们每周都会收到我们的见解、建议和最佳实践。
谢谢你!您已经订阅了。
关闭
乐动体育app下载安装
乐动体育app下载安装
关闭
IMPACT学习中心乐动体育app下载安装

免费资源,帮助你掌握入站营销和他们问,你回答

进入学习中心乐动体育app下载安装

进入学习中心乐动体育app下载安装

进入学习中心乐动体育app下载安装
他们问什么,你回答-v2-黑

是什么他们问,你回答

What is <span>They Ask, You Answer</span>
文章、播客和更新

文章、播客、&更新

文章,播客,<span>& Updates</span> .
免费课程及认证

免费课程&认证

免费课程& <span>认证</span>
按需的主题和会议

随需应变主题演讲和会议

On-Demand <span>Keynotes & Sessions</span> . span </span> . span
事件
事件
关闭
ld乐动体育app
ld乐动体育app
关闭
服务
服务
关闭
Navigation_8_2021_taya

他们问你,你回答指导和培训

他们问你,你回答指导和培训
他们问,你回答研讨会

他们问,你回答研讨会

他们问,你回答研讨会
Navigation_8_2021_workshop

入站营销服务

入站营销服务
网站设计-监控

网站设计与开发

网站设计与开发
Navigation_8_2021_hubspot实现

ld乐动官方HubSpot培训与实施

ld乐动官方HubSpot培训与实施
Navigation_8_2021_virtual销售

虚拟的销售
培训

虚拟销售< br >培训
付费广告

付费搜索和社会服务

付费搜索和社会服务
成为一名认证教练
成为一名认证教练
关闭
一个伟大的入境营销网站的要素
免费网站课程
查看一个伟大的入站营销网站的要素
Elements-of-a-great-TAYA-website

免费课程:

将您的网站转变为您最好的销售人员,并建立入站营销成功!

在本课程中,您将学习:

  • 你的网站需要什么内容和特点,以成功的入站营销
  • 如何设计你的网站来最好地教育你的受众
  • 如何逐步改进或重新设计整个网站的元素
关闭
Elements-of-a-great-TAYA-website

免费课程:

一个伟大的入境营销网站的要素
开始课程
网站设计

线框图101:重新设计网站线框图的7个好处

通过克里斯汀·奥斯丁

Christine Austin也推荐这个免费课程,一个伟大的入境营销网站的要素。

线框图101:重新设计网站线框图的7个好处 博客的功能

在你的网站重新设计过程的开始,你的想法通常刚刚开始开花结果,所以他们可能有点未经打磨和僵化。Wireframing-8-Benefits-Behind-Wireframing-Your-Website-Redesign

尽管如此,许多人认为这已经足够让他们的网站进入设计阶段,这样他们就可以开始为他们的想法注入一些活力。不幸的是,这种方法会很快让您怀疑自己的想法,并浪费时间来完善它们。

免费课程:一个伟大的入境营销网站的要素

在你开始执行你的网站设计之前,你需要后退几步,看看更大的画面线框图你的想法。

线框图可以作为一个很好的基础,允许您建立网站的信息层次结构、架构和图像。它还可以帮助节省你的时间和金钱通过尽早定义基本功能并从长远来看消除痛苦的障碍。

让我们详细看看线框是什么,然后开始揭示在你的重新设计中利用它们的价值。

线框图是什么?

与网站的布局设计不同,线框图是一种低保真度的视觉呈现,它定义了网站的基本架构。

它应该没有颜色,标志,字体和装饰元素,之后在设计过程中加入。此时,您应该专注于站点结构以及元素如何在页面上协同工作。

线框图可以有多种制作方法。有些人更喜欢使用诸如Balsamiq只知更鸟》,或Adobe Photoshop而其他人则使用最廉价的工具;纸和笔。

8-Benefits-Behind-Wireframing-examples

你还应该能够很容易地向别人解释你的线框中发生了什么,他们应该能够理解它。如果你在沟通上有困难,或者他们无法看到全局性的情况,这通常是一个早期的警告信号,表明事情没有排好队。

这让你有时间在早期(而不是在设计完成一半时)重新审视和思考想法。

注意不要过分沉迷于用设计元素和不必要的“绒毛”来润色你的线框,你的设计师可以在你的线框完成后处理这些。

现在我们知道了什么是真正的线框,让我们看看它在你的网站重新设计过程中是如何有益的。

1.更有效地做出改变

当你的网站正在开发,它可能是笨重的识别主要缺陷的设计,需要你回到绘图板。

跳过线框图也会导致时间和金钱的损失,信任破裂,错过截止日期。毫无疑问,半途而归的设计可能带来的麻烦是不值得的。

有了手绘的线框图,就更容易放弃一个想法,尝试新的方法。这会让你更愿意在正确的想法出现之前尝试各种各样的想法。这也会让你更容易接受反馈和测试。

2.允许澄清功能

您需要的某些页面可能需要更多的关注,因为它们的功能或特性您想要集成到其中。与其在开发或设计过程中猜测哪些特性最有效,不如尽早考虑功能,并识别和纠正任何问题。

它还允许你考虑较小规模的功能,如搜索框,按钮放置,动画等。你可能会发现你根本不需要某些元素,或者可以彻底简化它们。

3.显示网站的架构

你可能认为你已经在你的头脑中准确地规划了你的站点,但是把它写出来对你和你的团队来说总是一个很好的实践。通过这种方式,您可以反复检查它的布局是否符合用户的需求。

这也确保了每个人对网站的视觉架构是一致的,并避免了在重新设计过程中进一步混淆的可能性。

4.节省你的时间和金钱

这是线框图提供的最重要的好处之一;节省你在整个项目上的时间,避免不必要的花费在本可以避免的问题上。

线框图让你的设计更容易计算,所以你更容易产生你知道的概念,提供更好的用户体验。

您的开发团队也将更好地理解他们正在构建的内容,因为最初的概念已经传达给了他们。这可以帮助您避免花费时间在开发中发现的错误上。

总之,所有这些都可以帮助您避免花费额外的时间来完善产品,以便为部署做好准备。

5.使内容开发更有效

如果你没有内容的方法相反地,你可以使用头脑风暴的内容(或者根本不使用),线框图可以帮助你的文案更容易地开发内容。

有了线框图,作者就能计算出每个页面的内容应该有多长,这样就能根据网站的设计完美地调整内容。

这也允许您组织您的内容,以确保最大的可读性,最佳的字体大小,并适当安排列表和标题。例如,大段的内容对用户来说很难阅读,所以把它分成小段再配上图片可能会更吸引人的眼睛。

6.展示你的信息层次

因为线框图是关于组织站点的结构和信息的,所以找出页面上项目的层次结构是很重要的。

这可以让你弄清楚哪些信息对用户来说是最重要的,他们应该如何阅读这些信息,以及你希望他们在你的页面上采取什么行动,并让你的设计反映出这些。组织它还可以让您知道哪些内容对用户来说是不必要的。

7.网站的响应能力

虽然这似乎有点早,但我认为线框图阶段是开始考虑如何在其他设备上布局你的网站的绝佳点。

你很容易被台式机或笔记本电脑的布局所吸引,你开始忽视这个事实超过一半的用户可能会通过手机访问你的网站。

线框图迫使你确保你的网站将适应良好,一旦缩小,或向你显示手机应用可能是更好的选择。

如果你已经有了一个网站,看看你当前的用户是如何与它互动的。它会给你一个方向,让你知道你现在的网站有什么问题,可以补救在你的重新设计。

Elements-of-a-great-TAYA-website
Elements-of-a-great-TAYA-website

免费课程:

一个伟大的入境营销网站的要素

将您的网站转变为您最好的销售人员,并建立入站营销成功!

在本课程中,您将学习:

  • 你的网站需要什么内容和特点,以成功的入站营销
  • 如何设计你的网站来最好地教育你的受众
  • 如何逐步改进或重新设计整个网站的元素

主题:

网站设计
营销策略
2016年3月16日出版

最近的文章

【+视频】

由雷蒙娜Sukhraj2021年10月21日
6分钟阅读

为更顺利、更成功的网站项目准备5个秘密(+信息图表)

由约翰·贝克尔2021年10月14日
7分钟阅读

谷歌分享审核网站用户体验的新工具

文/保罗·d·格兰特2021年8月12日
3分钟阅读

新的HubSpot CMS Hub入门级发布业务增长

文/保罗·d·格兰特2021年8月6日
4分钟阅读

他们提问,你回答,多样性,公平和包容(内容实验室,第55页)

由利兹Moorehead2021年7月29日
2分钟阅读

ICYMI: 2021年7月26日数字营销新闻更新

由利兹Moorehead2021年7月26日
6分钟阅读

ICYMI: 2021年7月19日数字营销新闻更新

由利兹Moorehead2021年7月19日
6分钟阅读

所有的谷歌更新到底是怎么回事?(内容实验室,第54页)

由利兹Moorehead2021年7月15日
1分钟读

8个最佳商业网站设计(2021年更新)

由山姆Lauron2021年7月15日
5分钟读

ICYMI: 2021年7月12日数字营销新闻更新

由利兹Moorehead2021年7月12日
5分钟读

内容中过多的内部链接会使谷歌对网站结构感到困惑

由利兹Moorehead2021年7月9日
5分钟读

谷歌2021年7月核心更新将在未来两周推出

由利兹Moorehead2021年7月2日
4分钟阅读

构建多样性和包容性页面的6个技巧(+例子)

由雷蒙娜Sukhraj2021年6月29日
7分钟阅读

谷歌因“负责任的计划”将第三方cookie禁令推至2023年

由利兹Moorehead2021年6月25日
6分钟阅读

最后,谷歌页面体验核心更新即将推出

由利兹Moorehead2021年6月18日
3分钟阅读

8个商业博客设计范例,让读者参与其中

史蒂夫·Polito2021年6月16日
6分钟阅读

什么是特色片段?(定义+例子)

由凯文教堂2021年6月10日
4分钟阅读

谷歌2021年6月核心更新,7月核心更新即将到来

由利兹Moorehead2021年6月4日
3分钟阅读

谷歌6月页面体验核心更新将先移动,然后是桌面

由利兹Moorehead2021年5月21日
3分钟阅读

为什么增长驱动型网站设计如此昂贵?

由丹尼尔Escardo2021年4月14日
5分钟读

战略导向的网站重新设计:5个有影响力的网站,解决客户的挑战

由约翰·贝克尔2021年4月7日
4分钟阅读

你必须追踪10个分析参数(更新)

马格达莱纳天2021年3月29日
5分钟读

29个最佳联系我们页面示例来激励你的页面[2021年更新]

梅丽莎·史密斯2021年3月25日
17分钟阅读

网站性能掌握:为您的商业网站更好的重新设计过程

由约翰·贝克尔2021年3月24日
6分钟阅读

2021年,一个网站设计或重新设计的成本是多少?

由Vin的地方2021年3月23日
9分钟阅读
Baidu