美叶学习
  • 最新
  • 主题

      文章主题

    • 规范指南
    • 原理法则
    • 研究方法
    • 控件
    • AIGC
    • 色彩
    • 排版
    • 无障碍
    • 亮点
    • 槽点
    • 对与错
  • 小册
  • 关于

      关于

    • 关于我们
    • 在线支持
    • 投稿
    • 成为作者
    • 寻求合作
    • 使用帮助
目录
设计漫谈
目超
  • 第1章:前言

    第1节

    小册简介

  • 第2章:目录

    第1节

    行为判定

    第2节

    移动注册

    第3节

    消息推送

    第4节

    内容层级

    第5节

    多选

    第6节

    预防犯错

    第7节

    排序

    第8节

    标准化录入

    第9节

    打断

    第10节

    视觉层级

    第11节

    进程状态

    第12节

    密码设置

    第13节

    内容归类

    第14节

    反馈

    第15节

    操作距离

    第16节

    折叠播报

    第17节

    按钮注释

    第18节

    滑屏操作

    第19节

    选择权

    第20节

    内容溢出

    第21节

    输入暗示

    第22节

    关系映射

    第23节

    返回顶部

    第24节

    位置锚定

    第25节

    分页

    第26节

    面板优化

    第27节

    输入补全

    第28节

    信息检索

    第29节

    还原

    第30节

    内容折叠

    第31节

    通知提示

    第32节

    可视化

    第33节

    对话框

    第34节

    页面直达

    第35节

    输入法

    第36节

    清空删除

    第37节

    路径指引

    第38节

    社交对话

    第39节

    评论

    第40节

    文本框标签

    第41节

    筛选

    第42节

    光标控制

    第43节

    富媒体播放

    第44节

    数值修正

    第45节

    帮助说明

    第46节

    错误状态

    第47节

    情感化

    第48节

    浏览线

    第49节

    模态叠层

    第50节

    预览

浏览线
2025年12月20日

任何产品设计,对用户的注意力焦点的都显得极为重要。无论是新闻网站、电商平台,还是内容创作平台,如何在有限的时间内有效传达信息,并通过页面布局吸引用户的目光,已经成为设计师必须深入思考的问题。每个人在浏览网页时,都会无意识地进行快速扫视,这一行为模式深刻影响了我们对网页内容的理解和记忆。


扫描的三个步骤

根据眼动追踪的研究,用户在浏览网页时,通常不会逐字阅读,而是快速扫描页面。用户开始浏览网页时,通常会首先从页面的上部水平扫视。这一初始扫描是最广泛且最重要的,通常会涵盖页面的标题、导航栏或其他关键区域。这部分的内容通常是网页上最吸引人的元素,如网站的标志、主要的菜单选项,或是页面的首要标题。这一水平扫描通常会覆盖页面的较大区域,确保用户能够在第一时间看到和评估页面的核心信息。

在完成第一次水平扫描后,用户会将视线稍微向下移动,并进行第二次水平扫描。第二次扫描的覆盖区域通常比第一次小,主要集中在页面中部的位置,通常是一些副标题、摘要、重要链接或其他显著内容。这一横线的范围较窄,但仍然是用户关注的重点区域,尤其是当页面布局的内容较为丰富时,第二次水平扫描帮助用户确定是否继续深入阅读。

支付¥29.90,解锁全部51篇