在WEB页面设计中如何引导用户的注意力
关关 2018-08-03 来源 : 阅读 1199 评论 0

摘要:本篇教程探讨了在WEB页面设计中如何引导用户的注意力,希望阅读本篇文章以后大家有所收获,帮助大家对WEB页面设计的理解更加深入。

在界面中突出强调一个聚焦点

每个界面都应该有一个清晰的起点。用户应该从哪里看起?要设计清楚。

 在WEB页面设计中如何引导用户的注意力

△ UX策略1 – 在页面标题部分添加视觉对比

通过视觉的层次引导用户

通过界面引导控制用户体验。他们应该从哪里先看起,第二和第三步又看哪里?设计要建立层次结构。

 在WEB页面设计中如何引导用户的注意力

△ UX策略2 – 避免在构图中补漏留白

 在WEB页面设计中如何引导用户的注意力

△ UX策略3 – 使用单列布局

 在WEB页面设计中如何引导用户的注意力

△ UX策略4 – 重叠设计元素,强调连续性

使用格式塔原则进行布局设计

根据格式塔心理学,人会通过简化感知克服混乱。所以我们将事物分组,将元素分类,我们看“整体”。

这些原则包括:相似,接近,闭合,连接,连续和图形/背景。

 在WEB页面设计中如何引导用户的注意力

△ UX策略5 – 按照接近性将相似功能或菜单项分组显示

 在WEB页面设计中如何引导用户的注意力

△ UX策略6 – 标题位置与对应章节内容更靠近

 在WEB页面设计中如何引导用户的注意力

△ UX策略7 – 限制标题与章节内容在同一界限内

在不干扰用户的前提下呈现界面变化

有一些界面变化会发生在用户使用期间,这些变化要做到明显但不干扰用户。

 在WEB页面设计中如何引导用户的注意力

△ UX策略8 – 用明显的动画呈现界面变化

 在WEB页面设计中如何引导用户的注意力

△ UX策略9 – 将出错的元素区分显示出来,错误提醒信息放置在表单顶部

删除或弱化不必要的信息

人的注意力是有限的。不必要的元素会消耗这些注意力。因此,保持用户专注在重要信息和功能上。

 在WEB页面设计中如何引导用户的注意力

△ UX策略10 – 弹出或模态窗口背景模糊处理

 在WEB页面设计中如何引导用户的注意力

△ UX策略11 – 在所有图像中最大限度地提高数据墨水比率(让数据更凸显)

 在WEB页面设计中如何引导用户的注意力

△ UX策略12 – 去掉不必要的边框

 在WEB页面设计中如何引导用户的注意力

△ UX策略13 – 删除冗余或不言自明的说明

 在WEB页面设计中如何引导用户的注意力

△ UX策略14 – 隐藏不常用但必要的设置、功能和信息

提示首屏以下是否还有内容

现在大多数浏览器在页面处于非活动状态时隐藏滚动条,你需要“滚动提示”告知用户首屏以下是否还有内容。

 在WEB页面设计中如何引导用户的注意力

△ UX策略15 – 通过首屏延伸页面下方信息元素

 在WEB页面设计中如何引导用户的注意力

△ UX策略16 – 添加阴影以指示深度

 在WEB页面设计中如何引导用户的注意力

△ UX策略17 – 用文字或图形表示有更多内容

 

本文由职坐标整理发布,学习更多的网页设计相关知识,请关注职坐标设计创作网页设计频道!

本文由 @关关 发布于职坐标。未经许可,禁止转载。
喜欢 | 0 不喜欢 | 0
看完这篇文章有何感觉?已经有0人表态,0%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:z_zhizuobiao
小职老师的微信号:z_zhizuobiao

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    

©2015 www.zhizuobiao.com All Rights Reserved

208小时内训课程