恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
用户是怎么阅读的?尼尔森F模型
0.0°
2018-08-08 原创文章 教程 举报 3702 20 16 0

知道用户的阅读行为习惯,让你更好布局你的内容分布

Image title



人们以各种模式扫描网页和移动设备,其中一种是字母F的形状。用户首先按水平移动方式阅读内容区域上部分,接着用户稍微向下移动页面,在第二个水平移动中阅读,比先前的移动会更短的区域,最后,用户垂直移动扫描内容的左侧。这样就构成了F的字形,但不是完美的F形态。


看看是什么样子的:


Image title

Image title




为什么用户会这么阅读?

绝大多数用户宁愿以最少的努力尽快完成任务;

用户习惯扫描方式阅读,不会阅读每个单词;


海哥提醒注意:

- F模型更适合用于内容区域;

- F的最左边不是整个页面的最左边,而是文字内容区的最左边;

- 这是用户阅读的其中一种,还有其它种!


F模型阅读的弊端:错过一些重要内容。那我们如何优化内容结构:

1、页面的前两段内容是重要内容;

2、使用标题和副标题,包含关键信息;

3、用视觉方式来分组部分内容,增加吸引力;

4、大胆使用短语;

5、利用链接的不同格式,比如“Go,Click,more”;

6、使用列表符号或数字列表;

7、削减不必要的内容。


其它的浏览模型:

蛋糕模式:当眼睛只关注标题和副标题时,水平一层一层;

斑点模式:跳过大块的文本和扫描,寻找特定的东西,比如按钮,数字;

标记模式:轻扫页面时,将眼睛聚焦在一个地方,呈圆形分布,这个对于移动端会常发生;

承诺模式:就是通篇阅读,因为用户确实充满动力和兴趣。




Image title






更新:2018-08-08

收藏

20人已收藏

Hi海哥

15年人机交互经验,前华为部门设计负责人,5年创业经验

  • 37

    作品

  • 2207

    粉丝

  • 0

    关注

  • 别让我思考,让产品更易用,记住这“321法宝”
  • 2019年汽车HMI仪表交互汇集(PDF下载)
  • 5G路上,你了解HMI了吗?
  • Adobe PS里的10个交互设计原则

    猜你喜欢

      2018-08-08 原创文章 教程 举报 3702 20 16 0

      用户是怎么阅读的?尼尔森F模型

      0.0°

      你确定要举报用户是怎么阅读的?尼尔森F模型

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年08月08日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      16
      20
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录