活动专题页面信息表达法则

2016-02-17 02:14 2 1 收藏

下面,图老师小编带您去了解一下活动专题页面信息表达法则,生活就是不断的发现新事物,get新技能~

【 tulaoshi.com - 平面设计 】

每逢节假日各种运营推广活动如星云般涌现,在众多活动中如何让你的活动页设计脱颖而出,在最短时间内hold住用户脚步。下面我们一起看一下活动页信息展示法则,帮助你的活动页提升瞬间杀伤力。

一.重要信息突出展现

● 活动页的重要信息是:活动标题(让用户了解是做什么的活动)、奖项设置(参与能得到什么)、参与入口(进入任务流程的通道),参与规则(如何参与活动),活动有效时间,排名或获奖信息。

● 活动标题(包含动词)、活动有效时间,奖项设置 、参与入口必须完整包含首屏安全区内,活动规则可部分包含在安全区内。

活动专题页面信息表达法则,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

● 活动的文字信息使用倒金字塔结构,概括总结性信息放在顶端,重要性依次递减。使用户浏览网站时通过最少的时间了解活动的概貌。

活动专题页面信息表达法则,PS教程,图老师教程网

二. 任务操作流程顺畅

● 用户开始任务前,若任务流程需要分步骤呈现,需要一个图形化的流程示意,使用户对任务的操作步骤有整体了解。

活动专题页面信息表达法则,PS教程,图老师教程网

● 用户进行任务中,若使用对话框承载任务流程的分步骤,需提供上一步,下一步引导机制。

活动专题页面信息表达法则,PS教程,图老师教程网

● 完成任务时,若当前已跳出活动页外部,需要设计返回活动页的交互机制:

a) 活动完成后自动跳转回活动页面。

优点:可自动跳转返回

缺点: 当活动完成页承载其它功能,无法实现自动跳转返回。

b) 活动完成页提供返回活动页链接。

优点:可解决活动完成后无法自动跳转返回情况。

缺点:需要用户手动触发返回链接

c) 活动页打开模态对话框。

优点:关闭对话框即可返回。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

缺点:需要承载的信息和功能较多时,不适合使用对话框。

d) 活动页保留,新开页面跳出。

优点:技术实现成本低。

缺点:当支线任务过多时,经过一系列操作,用户窗口会比较多。

活动专题页面信息表达法则,PS教程,图老师教程网

三. 及时响应用户操作

● 当参与活动与领取奖品的资格有次数限制时,提示默认呈现,任务完成后要即时刷新资格状态。

● 用户在任务流程中需要操作结果反馈,常见需反馈的情况:

a) 操作完成获取奖励反馈

b) 操作成功或失败反馈

c) 操作错误反馈

四. 正确使用视觉语言传达界面信息

● 按钮的形式能被正确感知,醒目,突出,跳出画面,使用高光,渐变,阴影,圆角,描边等强化感知。

● 页面的视觉层级:高光渐变投影纯色描边

活动专题页面信息表达法则,PS教程,图老师教程网

● 内容层和背景层层次分明,不能干扰主体页面的阅读,避免喧宾夺主。

● 禁止模仿系统与QQ官方客户端的控件。

● 图标具有交互动作不可作为装饰元素单独存在。

来源:https://www.tulaoshi.com/n/20160217/1577546.html

延伸阅读
在韩国棒球就如同中国的乒乓球,普及度很高。因而在韩国棒球类的运动游戏也很多,这些网站充分表现棒球运动的特色,用色明快、对比强烈、场景丰富、给用户足够的代入感。既有运动的元素也有PK对抗的快感,棒球运动的元素始终贯穿页面。下面就跟随图老师小编一起来看看吧。 案例一 案例二 案例三 案例四 案例五 案例六 ...
标签: ASP
    有时候在编辑页面用户做修改后,可能会有刷新、关闭等误操作造成当前页面信息的丢失, 何不先提醒一下用户呢?实例代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" <html <head  <titleConfirm Before Leave</title  <script language="javascript" type="text/ja...
设计生活中,很多时候都被那些琐碎的,日常的需求充斥着,这些需求一般不需要我们花费太多的想法和精力去支持,在这种时候,效率就显得尤为重要了,如果能够适当的运用一些技巧,将会大大的提高我们的工作效率!接下来,就为大家简单介绍几种最常见也最实用的处理招式。 第一招:模版 对于一些定期推出的规律性比较明显的活动专题(标题+时间+...
译者注:文章的原名为Designing Screens Using Cores and Paths。本文作者受到城市规划中交通需求线的启发,提出了网站设计的核心-路径法。区别于通常采用的从框架到主页以及导航的方式,核心-路径法让设计者从核心内容入手,由内而外来设计。这个打破常规的方法能够在网站中创造最直接的路径,以便用户找到核心内容。 链接原文:http://boxes...

经验教程

295

收藏

22
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部