技术资讯
如何突出页面设计重点内容
2012-08-21 22:16:41
浏览者在看一个网页的时候,通常是希望能否尽快的接收到重点信息,如何才能做到这一点?这就需要青岛网站设计师对网页的信息布局,提示方式进行斟酌处理,对网页的内容进行主次区分,看下文:
注意力是指人的心理活动指向和集ꦑ中于某种事物的能力。通常我们在地铁上拿着手机刷微博,很可能关注不到这一站上来了多少乘客或者旁边的乘客在谈论的内容,甚至还有可能坐过站。我们操作电脑会打开N个窗口,我们在听着歌浏览某个新闻,同时也在关注来自QQ的消息。研究人员曾招募👍了一批大学生做测试,观察他们日常无任务状态操作电脑/电视时的举动。实验发现,人的注意力在27.5分钟内切换了120次,平均每分钟多于4次。其中年轻学生注意力在不同媒介之间切换更加频繁,注意的保持更短暂,仅维持2.3秒。
因此,如何在与用户的沟通过程中把握主动权?核心在于能不能将用户的注意力牢牢抓住,并且引导着他向我们设𝓡定的目标迈进。
那么我们在什么情况下需要吸引用户的注意力呢?
1. 提醒
我的笔记本电量可能不够了。
开车导航的时候,导航提示我需要拐弯。
2. 有新消息送达
例如我的手机接收到一条信息,会让我迅速的注意到并去阅读它。
3. 操作状态发生改变
最常见的QQ离线、上下线,以及好友上下线。
4. 错误
当有错误发生时,设计人员希望用户关注到这些信息的错误提示。
5. 帮助用户快速定位到有用信息
搜索某关键字时,搜索结果页中,所有出现该关键词的地方都标红显示。这样就能使用户更加容易地发现和查看到关键
怎么吸引用户注意力呢?
目前视觉还是主流的应用,即通知在屏幕上显示各种信息。听觉的方式,在某些地方可以为视觉做一些补充。而在🧸手机端、PAD端这些设备上,还可以结合振动的方式来吸引注意力。
1. 颜色
颜色上的区分,是对人体视觉感观上最直接的刺激,它可以快速的引起用户的注意。创造出有效的视觉差异,可以让用户分辨出各种元素💃间的异同。在生活领域中颜色具有的特殊意义,是我们可以加以利用的。例如利用链接色进行区分。
警告提醒采用警示性颜色
颜色突变的警示
2. 字体
对于文字内容来说,采用不同字体也是一种突出表现的方式。运用的最多的比如加粗。
在处理邮件时,未查看的邮件会加粗表示。
3. 闪烁
日常生活中不乏闪烁的例子,如汽车的转向灯、警告双闪灯;一个交通信号灯快结束时,也是通过闪烁的提醒方式;IPHONE锁屏密码第二次输💖入错误时,错误提示会闪烁。
4. 声音
声音是对视觉的补充🌺,在视觉ꦇ方面不能有效的吸引用户时,或者没有办法看到视觉信息,需要通过听觉的刺激来吸引用户。例如门铃,手机来电等。
在声音的设计方面有一个案例:设计者采用灌热水瓶的声音,设计盲人听觉进度条。
5. 振动
开车的人都有过这种体验,很多地方都采取了这种振荡性双黄线的方式。当驾驶的车辆碾压到双黄线时,车子就会明显感觉到振动,从而提醒驾驶员注意。现在很多高端车型上装配的车道偏移自动提醒装置,当检测到车辆在未打转向灯的前提下偏离了正常行驶的车道时候,也是通过振动方向盘来提醒驾驶员注意,并自动修正方向。
总结:
但是值得我们注意的是:青岛网站建设要把握好这个刺激的度,不要在🌃同一时间同一界面上呈现出多个的注意焦点,那样会造成狂欢节的效果。多余的视觉元素会分散用户的注意力,反而会变成视觉噪声,其效果当然也就会大打折扣。
从论坛博客到现在的微博,用户🧸的对信息的忍耐力越来越差。抓住用户的注意力便成了最宝贵的财富。不管是视觉、听觉还是触觉其实说到底都是通过感观的反差来刺激用户。
近期更新
- [2023-07-26 14:17:28] 加拿大预测网-在线预测:为品牌赋能,海外官网品牌数字化
- [2023-05-06 10:32:26] 加拿大预测网-在线预测:青岛网站建设公司,高端网站定制,一站式网站服务&mda🅺sh;—力图数字科技
- [2023-04-27 13:47:54] 加拿大预测网-在线预测:高端定制网站建设——从满足预期到走向卓越
- [2023-04-11 09:17:49] 加拿大预测网-在线预测:H5页面设计开发——移动端传播利器
- [2022-11-16 10:11:43] 加拿大预测网-在线预测:windows2012程序在哪
- [2022-04-14 11:01:47] 加拿大预测网-在线预测:力图数字科技配套网站服务支持
- [2021-05-18 10:14:11] 加拿大预测网-在线预测:青岛网站建设的流程
- [2021-04-29 10:14:38] 加拿大预测网-在线预测:企业定制化官网建设项目
- [2021-03-05 10:34:45] 加拿大预测网-在线预测:移动互联时代房地产行业的微信小程序解决方案
- [2021-01-22 17:29:38] 加拿大预测网-在线预测:微信小程序有哪些优势?为什么要开发微信小程序?
- [2021-01-08 17:28:04] 加拿大预测网-在线预测:网站建设最容易忽略的人性化设计
- [2020-12-16 16:55:32] 加拿大预测网-在线预测:建设一个常规的公司网站建设成本大概是多少?
延伸阅读
- [2015-03-09 09:28:29] 加拿大预测网-在线预测:进一步优化网站,减少百度降权!
- [2014-09-02 22:20:27] 加拿大预测网-在线预测:反馈表JS邮件地址验证代码
- [2014-10-24 09:05:35] 加拿大预测网-在线预测:如何编写有技术性的文章心得
- [2011-10-16 13:20:23] 加拿大预测网-在线预测:如何分析一个网站做SEO的情况
- [2012-02-28 22:46:36] 加拿大预测网-在线预测:DEDE 加拿大预测网-在线预测 列表页 按照权重排序
- [2015-09-22 12:26:04] 加拿大预测网-在线预测:微信为什么这么人在用
- [2011-12-31 13:22:13] 加拿大预测网-在线预测:如何控制弹出窗口的大小、尺寸、位置等的样式
- [2011-11-14 09:24:58] 加拿大预测网-在线预测:如何做好网站内链优化 让网站权重飞起来
- [2015-02-03 09:11:08] 加拿大预测网-在线预测:时刻关注网站的健康程度
- [2013-01-26 14:59:01] 加拿大预测网-在线预测:dede图集缩略图按大小比例缩小裁剪
- [2013-11-14 15:03:48] 加拿大预测网-在线预测:推荐一个不错的ico图片生成网站
- [2012-11-20 19:51:48] 加拿大预测网-在线预测:dede后台栏目增加自定义字段
解决方案
加拿大预测网-在线预测: 轮胎行业网站设计解决方案 加拿大预测网-在线预测: 机械行业网站设计解决方案 加拿大预测网-在线预测: 房地产行业网站设计解决方案 加拿大预测网-在线预测: 科技企业网站设计解决方案 加拿大预测网-在线预测: 电子家电网站设计解决方案 加拿大预测网-在线预测: 食品行业网站设计解决方案 加拿大预测网-在线预测: 集团公司网站设计解决方案 加拿大预测网-在线预测: 企事业单位网站设计解决方案 加拿大预测网-在线预测: 外贸行业网站设计解决方案 加拿大预测网-在线预测: 健身运动网站设计解决方案 加拿大预测网-在线预测: 美容与化妆品网站设计解决方案 加拿大预测网-在线预测: 建筑设计行业网站设计解决方案 加拿大预测网-在线预测: 物流行业网站设计解决方案