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

每个界面都应该有一个清晰的起点。用户应该从哪里看起?要设计清楚。△ UX策略1 – 在页面标题部分添加视觉对比


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

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

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

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

通过视觉的层次引导用户

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

删除或弱化不必要的信息

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

未完待续…

 

译文来自@企业官网设计精选

原文地址:nickkolenda

 

【系列文章回顾】戳下面链接快速到达:

1)在网页设计中帮助用户实现目标

2)在网页设计中如何引导用户的注意力

3)在网页设计中如何少让用户费脑筋,保持操作流畅

4)在网页设计中兼顾所有用户和场景的3个技巧

5)当用户操作错误时,如何在不影响用户体验的情况下快速处理好

 

 

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/29436/

(0)
CatherineCatherine
上一篇 2017-05-24 04:26
下一篇 2017-05-24 06:24

相关推荐

  • 【UXRen原创】杀死转化率的 4 大 UX 错误

    作者:Sean Ellis   译者:吆喝科技   本文编译自 Sean Ellis 所撰写的《UX mistakes that are killing your conversions 》 ,作为资深交互设计师, Sean Ellis 谈论 UX 在转换率优化的重要性。Sean Ellis 是 Qual…

    交互专题 2017-08-07
  • 2018 阿里UCAN设计论坛会议纪要

    阿里UCAN设计论坛会议纪要 1.开幕词—张建锋 阿里巴巴首席技术官 1.1 UED的关键词 用户体验背景下ued未来的两个关键词是创意与智能。从产品的角度来说是与用户的交互和视觉表达,依赖于三个部分: 第一,信息架构的…

    交互专题 2018-04-24
  • [译]UX设计之复选框和开关按钮

    当设计表单时,交互设计师常常不得不面对一个问题,就是要选择出一个合适的界面元素好标示出从多个选项中做出特定选择这种交互。当然,我们都有可能遵循某种既定的规则。无论如何,在做出这个选择时我们都应该牢记…

    2016-06-30
  • 不要忽视色彩在手机APP设计中的作用

    在本文中,我们将讨论在APP中与色彩相关的重要知识点。 我们将涵盖传统的配色方案模式(单色,相似色,互补色),不严格基于任何一种模式的自定义色彩组合,同时我们还将学习如何为你的APP选择色彩与对比度来增强可用性。

    2017-05-08
  • 从“注意力”的角度,谈交互设计如何避免入坑

    前段时间UIMAX团队在做“新浪新闻客户端用户画像项目”时,用研人员访谈用户的过程中,发现一个这样的问题:多数用户完全没注意到过页面上的“长按可排序或删除”这段文字,反馈“不知道可以对新闻频道进行排序” 设计师…

    2017-06-05
  • 打造具有奖励性的产品体验

    C7210 发表 在设计开发产品的过程中,我们都知道,无论最终产品的功能有多棒,界面多漂亮,算法多智能,我们仍然需要给用户一个理由去下载并打开应用,至少一次。市场、媒体、社会化渠道,这些方面的努力也许可以促…

    2014-09-05
  • 常见的App应用界面交互框架

    掌握常见的APP应用界面交互框架,了解他们各自的优缺点,使用时才能游刃有余。你还在等什么呢?赶快去学习吧。标签式、跳板式、列表式和旋转木马等在等着你。 1>标签式 优点: 1、当前位置入口清晰   2、轻松在…

    2014-11-19
  • 快来感受一下美帝的体验创新之旅

    追逐着2014年最后一天的时光尾巴,MUX五位同学加入了IXDC美国体验创新之旅,从北京跨国太平洋来到旧金山(San Francisco),深入参访硅谷多家互联网创新企业,交流和感悟体验创新。 8 ▲先来张大合照,三十多人,我…

    2015-01-20
  • 我对移动记账 App 的设计探索

    现代智能手机给我们提供了非常多丰富实用的功能,比如平时颇为在意金钱去向的我,就是一个 手机记账 App 的使用者,曾经尝试过各种记账 App,但好像都有那么一点不满意,于是我就想如果是我来设计这么一款 App 的话…

    2015-09-15
  • 分享:神级广告,100人同时交换名片~

    100人如何同时交换名片?

    IxD案例 2016-06-16