快速的方法使网页更容易浏览
时间是信息时代的宝贵商品,人们不想花太多。结果普通访问者只读了20%左右 页面内容。
对于网页设计师和开发人员来说,这意味着一些事情:首先,你需要确保你创建的网页尽可能有吸引力;其次,你需要找到一种方法,让任何页面上的关键信息脱颖而出;第三,每个现代设计师都需要创建快节奏的资产。
设计师有责任使网站更容易浏览,以确保访问页面的客户能够获得快速方便的体验。
那么,如何设计易于浏览的页面呢?
设计简介:易于浏览乍一看,容易浏览的网站的概念很奇怪。
大多数设计师开始他们的项目的目的是让客户尽可能长时间地呆在页面上。因此,奇怪的是,你希望最终用户在几秒钟内轻松地从网站上的一个页面跳转到另一个页面。
然而,快速浏览不仅仅是提供信息,让用户离开页面。当网站可以快速浏览时,它们使客户进入购买渠道更快、更容易。更快、更方便的客户旅程将带来更强大的用户体验和更多的转型。
以Netflix为例。它不会在主页上为感兴趣的用户提供很多信息。相反,产品的关键是 USP 以醒目的方式在屏幕中间布局,并附有一个简单的号召性术语:开始使用。
为了快速浏览,设计意味着页面上的用户可以轻松浏览屏幕,并立即访问他们下一步所需的所有信息。
没有不必要的滚动或想知道下一步该做什么。我们认为快速浏览是必不可少的,因为人们会在他们访问的每个页面上寻找特定的内容。
客户不会一个字一个字地通读网页。相反,他们浏览内容,提取符合要求的信息。
用户在快速浏览设计时要问的问题那你怎么知道你的网页能不能快速浏览呢?
首先提出以下问题:
到达此页面的人意图是什么?
什么样的信息需要立即传达吗?
访问者能立即看到他们的旅程吗?下一步?
例如,当有人访问时 Evernote你可以假设他们想要主页:
了解印象笔记
了解如何注册
跳转到其他页面了解功能和联系方式
这就是为什么Evernote 网站背后的设计师立即在页面顶部放置了一条有用的信息:"驯服你的工作,组织你的生活"告诉客户整个产品的全部内容。如果客户需要,可以提供更详细的信息,然后立即采取行动:免费注册。如果客户需要,可以提供更详细的信息,然后立即采取行动:免费注册。
号召性语言不仅告诉用户下一步要做什么,还直接告诉用户他们需要的最重要的信息:它是免费的。
因为:
它们可以帮助用户更快地完成任务:无论您是想注册还是了解更多关于产品的信息,您都可以立即得到所需的一切,而无需滚动。
降低跳出率。点击后退按钮,客户不会感到困惑。这对你的客户 SEO 和他们的底线都有好处。
该网站在外观和感觉上更可信:因为客户可以立即得到所有问题的答案,他们更有可能信任该网站。
那么,你能做些什么来让你的网站尽可能快地浏览呢?
采用视觉层次结构视觉层次结构是人们组织网站内容的一种方式。例如,如果您登录页面,您希望首先看到标题,可能是关于作者的一些信息和其他重要信息,然后是文本内容。
尽管设计师很想尝试用新的视觉策略给用户带来惊喜,但让您的内容更具可扫描性的最佳方法是准确地为最终用户提供他们的期望。
如果您不确定页面应该是什么样子,请尝试查看竞争。
主导航应始终位于页面顶部,最明显的视觉层次结构规则之一。
客户希望查看页面顶部以找到导航。他们不想滚动浏览你的网站,寻找进入另一个页面的方法。如果您想让最终用户尽可能轻松地从一个页面跳转到另一个页面,您可以将导航栏固定在页面上,以便在用户滚动时与用户同步。
保持负空间空白、负空间或任何你所说的空间都是你设计中空白的部分。
空白很重要,因为它为页面上的所有对象提供了一些急需的呼吸空间。如果你的页面上没有足够的负空间,可扫描是不可能的,因为客户不能一次收到太多的信息。
例如,请注意Forbes 网站帖子中的每个元素之间都有很大的空间差距。适当数量的负空间可以确保用户能够快速获取大量信息,并使用该信息来决定下一步该做什么。
为了确保您的网站页面上有足够的负空间,问问自己访问者在访问网站时会注意到哪些关键元素。基本物品应为:
用于确认用户位于正确位置的标题或标题
向用户展示下一步要做什么 CTA
导航标题或菜单
关键信息包括介绍页面内容或摘录他们将阅读的文章。
视觉组件:为页面提供上下文的图片或图像。
任何其他东西通常都可以删除。例如,如果福布斯想让上面的页面更容易浏览,他们可以很容易地删除广告和社交媒体共享按钮。
下一步很明显网站上的每一页都存在于客户旅程的层次结构中。
主页将客户引导到产品页面,页面将引导到结账页面,页面连接到感谢页面,页面将访问者发送回另一个产品页面,等等。
在设计可扫描性时,让下一步尽可能明显是至关重要的。通常,这意味着将号召性用语放在"首屏",客户可以立即看到。
理想情况下,只能扫描一个页面 CTA。这将阻止你的观众被选择所迷惑或不知所措。
但是,如果你有多个 CTA,请考虑普通客户的旅程和他们想要访问的第一件事。
如果这些按钮对客户没有吸引力,他们可以进一步滚动和查看其他按钮"下一步"比如购买"自我隔离必需品"或浏览其他热门产品类别。
测试每一页测试快速浏览意味着检查每个页面,并确保客户尽可能轻松地完成购买过程。
访问您在买家旅程中设计的每一页,询问最终用户从 A 点到 B 点和更远的地方需要多快。以下是一些常见的问题,可能会减缓客户的旅程,损害可浏览性:
可读性:字体清晰吗?它是否足够大,可以在包括移动设备在内的所有屏幕上阅读?设计世界中的易读性衡量了用户区分任何页面上正在发生的事情的速度和直观性。请记住,背景色、文本块周围的负空间量,甚至字体配对都会影响内容的可读性。向多个人展示你的页面,并计算他们需要多长时间来掌握你试图传达的信息。
功能:额外的功能可以让你的页面更有趣,但它们也会减慢用户的速度。例如,博览会顶部的图片可以为文章添加上下文。图片幻灯片将阻止客户继续前进,并使他们在页面顶部停留更长时间。
数字而不是文字:眼球跟踪研究表明,数字通常可以防止眼睛游动。数字很??紧凑,更常见地与统计数据和事实有关,因此更容易引起注意。如果您想快速向最终用户传达关键点,请使用数字而不是文本。
创建可浏览页面可浏览性正成为当今繁忙环境中越来越重要的概念。
如今,越来越多的客户通过智能手机浏览网站或在手机上查看产品,设计师需要更仔细地考虑如何适应这一点"快餐"环境。
将访问者移动到购买周期并进入销售漏斗的下一阶段的浏览页面将为您的客户提供更好的结果。
版权声明
本文仅代表作者观点,不代表本站立场。
本文系作者授权本站发表,未经许可,不得转载。