加入收藏 | 设为首页 | 会员中心 | 我要投稿 好传媒网 (https://www.haochuanmei.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 运营中心 > 建站资源 > 经验 > 正文

《网页设计综合指南》(二):内容布局、页面结构等

发布时间:2018-04-14 14:14:14 所属栏目:经验 来源:人人都是产品经理
导读:副标题#e# 注:设计师和开发人员在构建网站时,需要考虑很多事情,从视觉外观到功能设计。为了简化这个过程,我们准备了这个指南。限于篇幅限制,将这一指南分为三部分,此为第二部分内容。 上一篇:《网页设计综合指南》(一):网站地图优化篇 下一篇:《

2.8 视频

随着网速的提高,视频正变得越来越流行,特别是它们延长了用户在网站的时间。今天,视频无处不在。 我们在台式机,平板电脑和手机上观看视频。当有效地使用视频时,能非常有效的吸引用户 – 它传递更多的情感,真正给人一种产品或服务的感觉。

  • 将音频设置为默认关闭。当用户到达一个页面,不会希望它发出任何声音。大多数用户不会使用耳机,这种情况下,他们需要快速关闭声音,会受到压力。而大多数情况下,用户会离开网站。

《网页设计综合指南》(二):内容布局、页面结构等

Facebook的视频会在用户进入时自动播放,但默认不会播放声音。

  • 促销视频尽可能短。根据D-Mak Productions的研究,短片对大多数用户更有吸引力。因此,将商业视频保持在两到三分钟的范围内。

《网页设计综合指南》(二):内容布局、页面结构等

(Image credit: Dmakproductions)

  • 提供另一种内容的展示方式。如果视频是消费内容的唯一方式,那么看不懂或听不明白的人则无法获取内容。为了用户更便捷获取内容,提供字幕和完整的视频。

《网页设计综合指南》(二):内容布局、页面结构等

字幕和视频将使内容更容易获取。(Image credit: TED)

2.9 Call-to-Action(CTA)按钮

Call-to-Action(CTA)是指引导用户实现预期目标的按钮。 CTA的重点在于引导用户进行我们所期望的行动。 一些常见的CTA的例子是:

  • “Start a trial”

  • “Download the book”

  • “Sign up for updates”

  • “Get a consultation”

设计CTA按钮时需要考虑以下几点:

  • CTA应该足够大,稍远距离也能看见;但不能太大。要确认CTA是不是页面上最显著的元素,请尝试五秒钟的测试:浏览网页五秒钟,然后记录您记得的内容。 如果CTA在清单上,它的大小适当!

  • 在视觉上突出。CTA的颜色是引起用户注意的重要因素。通过颜色,可以让某些按钮比其他按钮更突出,更具视觉冲击力。对比色非常适合用于CTA,使其更加醒目。

《网页设计综合指南》(二):内容布局、页面结构等

火狐网站上绿色的CTA非常醒目,能马上得到用户关注。

(编辑:好传媒网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读