商丘网站建设:设计有重点的接口,以更好地参与用户

用户参与是一个棘手的指标,可以通过不同的方式实现不同的项目。大多数设计师认为界面当他们谈论互动性时,但是页面内容也可以鼓励用户交互。为了更好地参与用户,重要的是写吸引人的内容,并呈现该内容在一个吸引人的设计中.商丘网站建设

说起来容易做起来难,但如果你学习了一些基础知识,你就不会有问题内容丰富的聚焦UI为你的项目。

在这篇文章中,我将向你展示如何增加用户交互与内容交互基于网络的界面。这是两种最常见的吸引访客的方法,如果可以的话优化经验在页面度量上增加利润丰厚的时间是没有问题的。

捕捉新颖性

概念新颖性根据上下文定义通常是新的、非常新的和唯一的事件或事物。新事件引起我们的注意因为他们脱颖而出..这在界面设计中也是如此,它以新颖的表示元素的形式出现。从页面上跳下来.

我最近发现伟大职位当涉及到订婚时,讨论新颖性的重要性。用户似乎被新体验、界面和UI元素吸引因为他们不一样。设计不同的唯一事实常常引起人们的注意。

一个常见的例子是呼叫动作按钮在大多数登陆页上找到的。您也可以用背景照片、插图或应用屏幕截图,比如在优步商务登陆页面上。

商丘网站建设

这个页面确实有一个“呼叫行动”按钮,但是我马上就注意到了。去看截图..它们在第一次加载时就有动画,所以这结合了具有运动的设计新颖性吸引注意力。

另一种选择是吉夫特火箭使用图示图标为链接深入研究这个网站。


这两个例子利用新奇优势..你不能总是把人们吸引到更深的地方,但是如果你引起他们的注意,你会看到更好的结果。在内脏层面第一。

设计是第一件事参观者看到了,你需要引起他们的注意几秒钟之内鼓励更多的参与。

熟练印刷术

研究发现大多数用户浏览网页而不是逐字阅读。您可能希望吸引人们阅读您的内容,但您只能做这么多。

最好的选择是可操作内容用标题、粗体文字和图片来说明你想说的话。我至少能想到三大写作技巧你可以在你的内容中使用增加可读性:

  1. 划分内容

    有清晰的字幕
  2. 把段落分开

    使它们变小
  3. 使用项目符号列表

    更快地分享你的观点

目标是让你的读者向下移动页面用任何必要的方法。通过保持内容小咬成块你将有一个容易得多的时间吸引注意力,并推动人们进一步进入该网站。

检查一下快芽博客作为这种写作风格的一个例子。内容是尼尔帕特尔写的,他经常写很长的内容,但他细分段落每句1-3句。


如果你有适当标题,并使用图像/要点在整个内容中,你会让人们浏览和阅读更多。也要确保增加空格数量在段落之间。边距和衬垫两者在布局设计和可读性方面都发挥着巨大的作用。商丘网站建设

设计文本使它实际上是读起来很有趣..无聊的复制不会吸引人,但太小或缺乏对比的有趣的复制也不会吸引人。

吸引眼球的图像

A 近期案例研究Backlink建议至少有一个图像一般等级较高而不是没有图像的页面。从SEO的角度来看,这是很棒的。

但是用户参与呢?如果你能保留这张照片褶皱上方接近顶部它也能在游客反弹之前吸引他们的注意力。记住,新颖的页面元素往往会吸引人。

当您有一个图像(或多个图像)散布在整个页面,您将打破单调无聊的文字块。用户可以从阅读中休息一下欣赏图像,或在图像和书面内容之间建立联系。但与大多数设计技术一样,质量比数量更有价值。

A Moz案例研究发现高质量的图像留住访客在页面上停留了很长时间。另一方面,质量差的图像也不要工作在某些情况下,他们让游客反弹更快而不是没有图像。你应该试着包括至少一个图片与内容相关而那为读者提供价值.

TechCrunch通过特征图像实现这一点。在他们的文章中你经常会发现折叠上方的特写照片.


WordPress使添加功能图像变得非常容易。后缩略图特征。您可以为您所写的每一篇文章设置一张不同的照片,并强制这些照片出现在页面的顶部。这是一个让游客一瞥的完美方式。内容是什么,并增加CTR对于同样包含POST缩略图的相关POST小部件。

对比页面元素

如果您需要注意页面上的某个特定区域,那么不对称是你最好的朋友。反差在设计的特定区域或某些内容块之间形成硬楔子。

访客自然向对比度倾斜因为这不一样。颜色、大小或空格的大并置会吸引眼球,因为它打破了其他一切的模式在布局上。

我最喜欢的对比页面元素的例子可能是素描..有很多对比发现在两个呼叫动作按钮之间,一个用于下载草图试用版,另一个用于购买副本。


“购买”按钮使用完整的背景色。更亮标题中的其他颜色。按钮文本也比免费试用按钮更亮。这将引导游客前往现在买扣子完全来自视觉刺激.

你会注意到相似技术的主页上视黄怪物..此标头只有一个标记按钮。现在去找猫王..这是一个明亮的绿色按钮的蓝色背景,没有其他绿色元素在视线中。


颜色、大小和形状都会引起你的注意,因为它与其他事物形成鲜明对比头球。直接旁边的按钮是一个视频预览的小文本链接。这可能是一个伟大的视频,值得关注,但不如试用/注册CTA按钮。

对于博客来说,你可能有不同的用户参与资格。一个常见的选择是通讯注册表格的例子羊蹄甲.


如果您向下滚动到内容的底部,您会注意到花式注册盒专为通讯表格设计的。它从页面的其余部分中脱颖而出独特的背景色,有趣的排版,可爱的Triton国王图标.

进行对比设计的最佳方法是研究实例和进行实验。看看什么起作用,什么不起作用跟踪度量A/B测试..如果您正在寻找更多的示例,请查看这个Codes写的充满提示和屏幕的现场不对称网站。

鼓励用户交互

有很多方法可以让访问者对网站感兴趣,但最常见的方法是让他们做些事情..静态博客和动态社交网站都是如此。对于这件事,没有一刀切的花招。你可以做任何工作来使用户感觉自己沉浸在这一页中.

在.静态场地,您可能会添加许多相关链接用于阅读更多内容,或包括图像幻灯片..你也可以添加表单用于用户评论或电子邮件通讯。

推荐阅读: 4表单设计UX提示您应该知道(与示例)

当涉及到动态界面,网站的目的通常是鼓励用户参与。最大的障碍是教学用户网站是如何工作的,以及如何正确地使用界面。

检查这个职位通过KissMetrics谈论用户参与技术。我发现最好的策略之一就是设计a导游带领游客通过每个主要特性.

想想对于一个全新的用户来说,Twitter的前景是多么的混乱。如果他们没有跟随任何人,也没有任何追随者,他们为什么要发推特呢?

注册时的“跟随建议”框可以帮助新用户。熟悉Twitter的工作原理..此功能将新用户初始化为开始接触在站台上,特征实验例如,下面,tweet,和私有消息。


除了导游之外,你还想使接口简单明了..主要功能应该是1-2点击从用户的仪表板或主页。直观界面需要解释,和简单吸引注意快多了。

商丘网站建设




二维码