美文网首页产品面面观交互设计iDesign
【转】在网页设计中如何引导用户的注意力

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

作者: 哈噗HelloApp | 来源:发表于2016-05-06 17:00 被阅读160次

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

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

△ 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

相关文章

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

    在界面中突出强调一个聚焦点 每个界面都应该有一个清晰的起点。用户应该从哪里看起?要设计清楚。 △ UX策略1 – ...

  • 不一样的图片加载方式

    在浏览网页的过程中,图片最容易吸引用户的注意力,它即能给用户直观感受,又能清晰地表达意图,所以在制作网页时,如何快...

  • 用户思维

    用户动线 用户动线,指用户使用互联网产品的行为轨迹,即用户行为路径设计。常见的用户动线设计方法有视觉引导用户注意力...

  • 瀑布式布局对于项目的弊与利

    当涉及到事件营销和网页设计时,瀑布流式布局的趋势在我们的设计中地位显得越来越重要了。在试图吸引用户注意力上,很多网...

  • “黑白配”网站设计太单调?可能只是方法没找对

    在网页设计中,色彩是提升页面视觉效果、吸引用户注意力的重要手段。设计师通过使用精妙的配色方案,来提升页面的可观赏性...

  • F模式

    检视用户如何去浏览网页内容的一个关键关键模式,这将有助于指导页面设计,提高用户的交互行为。 网页上的阅读与你在高中...

  • 了解界面设计

    简说界面设计 界面设计是什么? 这里主要提到的是网页界面设计,在网页上实现的用户界面,用户在浏览页面时会受界面设计...

  • 沉浸式体验:下一场10年变革?

    网页的交互需要通过flash的形式,之后我们将注意力转向动画,通过互动设计来传达用户流程。随后,iPhone手机的...

  • 【转】在网页设计中帮助用户实现目标

    让常用功能和重要数据信息更接近用户 预测用户的意图,让他们尽可能接近目标。 △ 筛选出或跳至用户正在搜索的条目 △...

  • UX阅读日报 2020-07-20

    一、 动效设计如何影响用户心理 1、消除负面用户体验 2、避免认知能力过载 将用户注意力集中在关键信息上 3、提高...

网友评论

    本文标题:【转】在网页设计中如何引导用户的注意力

    本文链接:https://www.haomeiwen.com/subject/ghejrttx.html