引导用户线性演示

Ben Gremillion 经过 Ben Gremillion  |  2012年8月06日

本质上,Web是一个混乱的地方,人们从页面跳到页面。不幸的是,这种自由可以针对那些以某种顺序遵循其内容的这些网站。

设计技术使得可以沿着具有不同程度的说服的路径指导用户。但是什么时候是最好的指导用户,以及如何?

是什么定义了线性内容?您现在正在阅读一些:文章类似于某个订单中呈现的思想流。书面的词并不孤单。虽然用户可以在视频和声音文件中来回跳过,但这些媒体将他们的受众限制到时间表。

线性体验在多任务过度的超线程世界中没有少于重要性。当用完时,网页设计师可以将这个概念用作他们的优势。

 

它是如何工作的?

真正的问题不是如何使用线性体验,而是如何在分心的媒体中保持注意力。由于Web设计人员无法控制外部因素,因此他们必须努力让用户参与。网页必须不断回答未说出口的问题:“对我来说是什么?” “有更好的东西吗?”

用户将始终可以选择离开。他们可以单击书签或他们的浏览器’回按钮,或使用浏览器的搜索字段。或者点击将那个有趣的猫视频的链接只有他们的朋友。它们可能只是关闭浏览器窗口。说服用户坚持赛道需要非常规思维。

让用户专注是一个问题。线性呈现是一种解决方案。

使用单页网站

创建线性演示的最简单方法是使用线性格式。单页网站将所有内容滚入一页,以使用户滚动水平或垂直(但不是两者)。引诱滚动不利的人的诀窍是让他们相信滚动是值得的。它是与链接相同的想法:人们选择点击。

内容结构

经验控制

  • 在一个多页网站中,用户控制他们访问的页面。
  • 在单页网站中,设计人员对用户查看内容的更好地进行控制。

搜索引擎优化

  • 多页网站允许粒度 指标.
  • 单页网站依赖于 单击事件 并成功点击 - thrus。

绩效福利

  • 多页网站按需加载内容(当用户单击每个页面时)。
  • 单页网站在部分之间具有最小延迟(一页,一个负载)。

性能有益于心

  • 多页:用户必须等待每个页面加载。
  • 单页:可能加载不利益用户的内容。

最适合网站

  • 多页网站将随时间添加内容。
  • 需要竞争用户注意或有一个简洁消息的单页网站。

最适合用户

  • 多页网站对寻求一个特定事实或仅限最新更新的人有益。
  • 单页网站对需要大图片的人或谁是手头主题的人。

保持独特的部分

像运行句子一样,长页可以压倒和混淆用户。一个长长的思路难以吸收。将一个长页分成独特的部分,每个部分都有自己的标题和页脚,让人们从想到的想法“跳跃”。

如果可能,请尝试将每个部分保持大致相同的大小。像任何网格一样,节奏设置了一个舒适的先例。当用完时,“折叠上方”不是障碍 - 这是一个工具。

在折叠之上

使用内页导航

传统导航栏服务了两个目的:第一,让用户点击他们感兴趣的主题;其次,向用户展示在网站上的上下文中。如果站点仅使用一个页面,导航不会变得不那么重要。单页导航有相同的目标,同时有助于定义部分和回答之间的转换“我们有?”

去除分心

保持用户注意力的重要技术是在页面上缩短有趣或有意义的信息之间的时间。

成为一个具体的事实,一个很好的阅读,他们看到的最喜欢的视频,或者一个快速的时间浪费游戏,游客出于某种原因。叙述网站不一定更短,但是用户可以轻松地从一块到块“跳”。

 

适合线性Web体验的案件

虽然线性体验或单页网站对每种情况都不是最适合的,但它们在适当的情况下很有用。

快速销售

在线购物者可以按照他们浏览和搜索,但结帐过程遵循明确的路径。对于只销售几件物品的人来说,一个单页网站是理想的:从销售音调点击“确认订单”客户不会被侧页分散注意力。滚动的购物体验指导他们到自然结论。

每个 Kickstarter. 项目类似于单页网站:介绍,描述,工作示例以及捐赠的选项使每个项目都有自己的独立销售播放。

调查

旨在收集信息指南用户之间的网站本质上是线性的。根据所使用的技术,调查可以在用户进展时消除不必要的步骤,裁剪用户体验。例如,“如果您回答不,请跳过下一节”可以自动。

电子邮件通讯

通过电子邮件提供的网页解决避免用户删除按钮的难度前景。尽管有限于一个具有相同目标的一页,值得某人的收件箱。引人注目的电子邮件设计的解决方案不仅限于电子邮件。需要到达有限关注或边际兴趣的用户的网站可以使用电子邮件模板设计中找到的介绍说明 - 动作公式。

描述一个过程

解释系统的内容,使用流程图,或者显示随时间的变化可以使用垂直空间效果很大,因为用户不必点击一件才能看到另一件。

BBC海洋深度

BBC的海洋深度 鼓励用户向下滚动到地球上最深点。

 

与巢一起生活

与巢一起生活 当他们向下滚动时,将人们带走了一年的使用巢恒温器。

 

网页的演变

网页的演变 还滚动到行动时间,但水平移动而不是垂直移动。

 

实验网络漫画

Scott McCloud的实验网络漫画 将用户的浏览器窗口转换为运行的漫画面板。

 

压裂的危险

浮躁的危险 沿着一滴水,使用垂直滚动来沿途触发事件。

 

点火创造力

点火创造力 使用滚动作为工具来组织其单页extravaganza的部分。

 

线性用户是否体验到您的工作的正确工具?

线性体验,单页或否则,对每个项目都不是理想的。如果使用搜索引擎高度评分是优先级,请记住 谷歌喜欢内部链接。他们还说“为用户提供页面,而不是搜索引擎。“然而,具有直接呈现力设计人员和编辑器的网站,以擦洗它们的内容。限制性参数可以导致创新的解决方案。

最后,他们总是有能力离开,这使得说服用户遵循路径,在任何Web项目中具有挑战性。