UED学习笔记
越努力越开森

(干货)活动专题页面信息表达法则

在微信公众号“交互设计学堂”看到的,原文来自“腾讯ISUX”

-----------------------------------------------------------------------------------------------

①重要信息突出展现

活动页的重要信息是:

活动标题—让用户了解做什么的活动

奖项设置—参与能得到什么

参与入口—进入任务流程通道

参与规则—如何参与

活动有效时间、排名或获奖信息

 

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

 

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

 

②任务操作流程顺畅

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

 

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

 

若完成任务时会跳出活动页,需要设计返回活动页的交互机制

1.活动完成后自动跳转:优点-可自动跳转返回;缺点-当活动完成页承载其他功能,无法实现自动跳转返回

2.活动完成页提供返回活动页链接:优点-可解决活动完成后无法自动跳转返回情况;缺点-需要用户手动触发返回链接

3.活动页打开模态对话框:优点-关闭即可返回;缺点-信息过多的时候不适合使用

4.活动页保留,新开页面跳出:优点-技术实现成本低;缺点-当支线任务过多,经过一系列操作,用户窗口会比较多

 

③及时响应用户操作

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

 

用户在任务流程中需要操作结果反馈:

操作完成获取奖励反馈

操作成功/失败反馈

操作错误反馈

 

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

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

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

 

内容层和背景层层次分明,不能干扰主题页面的阅读,避免宣兵夺主

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

 

----------------------------------------------------------------------------------------------

腾讯ISUX (http://isux.tencent.com/sjzs.html

 

 

 

 

 

 

 

 

 

 

 

评论

©  ̄靑。 | Powered by LOFTER