如何运用“视觉表现”建立网页的信息层级
首先看下面两张图,左图为相机拍摄的效果,右图为人眼不移动时看到的效果,可以发现人眼对信息的获取并不是一次性完成的,它不能同时产生多个焦点从而把视线停留在更多的地方,设计师需要考虑的是让用户通过眼球移动,按照一定的顺序获取信息,帮助获取和理解的过程高效自然。
这个设计方法希望解决的主要是两个问题:
1、设计师的专业性
设计师有意识的分析信息优先级,了解哪些视觉表现手法可以建立信息层级及每一种方法背后的理论依据,不仅仅凭感觉做设计。
2、用户获取和理解信息的效率
建立良好的信息层级,能让用户在有限的时间里,快速获取和理解有用、感兴趣的信息,并产生下一步行为;
一、前期了解&分析
在开始设计前,除了对项目本身的背景目标有所了解外,视觉设计师针对具体的页面也需要了解一些内容以帮助后面的设计有指导方向,包括页面定位、氛围营造、信息优先级和用户核心行为。
1.1、页面定位是帮助分析页面信息优先级、核心行为的前提
通常有:
用户是谁
用户来自哪里,即从什么渠道来到该页面
页面内容定位,提供什么、不提供什么
页面作用
举个例子:
我们在设计采购直达市场新首页时,交互通过对页面的用户对服务的熟知度进行分析,确定首页的最核心目标用户是新买家;页面内容定位是展示市场的价值点,用户产生的数据让新买家对采购直达形成品牌的认知;
1.2、了解页面需要营造的氛围,能帮助我们判断哪些元素能帮助达到目标,氛围可以是内容本身,也可以通过视觉元素设计来营造,但必须注意氛围营造不应强过用户关注的内容本身
氛围可能有:
新年主题大促
低折扣
信息鲜活
用户活跃等等
以下是大促活动正式页面,左图延续了预热期嘉年华的氛围,但到活动开始阶段氛围已经不是重点,用户更关心商品及折扣本身,右图为调整后将氛围的营造和类目图片相结合,很好的解决了氛围和内容的关系问题。
1.3、分析信息优先级
1)一级信息吸引用户:假设用户只会在这个页面停留3-5秒,最能够吸引用户继续浏览的是页面的核心卖点,是一级信息,它必须少而精,在设计上要重点展示
2)二级信息帮助理解:有了一级信息的吸引,用户进一步了解内容而可能停留3-5分钟,这时展示二级信息即提炼的精华内容,帮助用户在尽量短时间内理解信息
3)三级信息详细了解:前两类信息基本上能帮助用户获取足够的信息,用户如果继续停留更长的时间去详细了解,这类信息量会更多,在设计上视觉层级会靠后,或通过交互方式展示、提供入口跳转
推荐新闻
更多行业-
网站制作公司的收费标准是什么?贵不贵?
术业有专攻的道理大家都知道,但是在需要跟专业网站制作公司合作的时候,不...
2022-07-27 -
信号调制解调技术
数字传输在许多方面均优于模拟传输,即使是模拟数据也可先转为数字数据,再...
2014-06-20 -
小程序开发注意事项有哪些?
一个高品质的小程序是一个企业的信息展示与互动交流的重要途径,因此,开发...
2023-05-24 -
软件设计
假设,你所在公司的CEO请你对最近公司网站制作人员开发的250个内部软...
2015-03-23 -
医院网站建设如何进行科室划分?
现在医院网站建设跟以往不一样,并不仅仅只是单纯的网站建设或者是宣传医院...
2022-09-15 -
网站受到搜索引擎惩罚都有哪些原因?
不得不承认SEO工作的琐碎、繁重、以及需要持之以恒的工作态度偶尔也会给...
2018-06-14
预约专业咨询顾问沟通!
免责声明
非常感谢您访问我们的网站。在您使用本网站之前,请您仔细阅读本声明的所有条款。
1、本站部分内容来源自网络,涉及到的部分文章和图片版权属于原作者,本站转载仅供大家学习和交流,切勿用于任何商业活动。
2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。
3、本声明未涉及的问题参见国家有关法律法规,当本声明与国家法律法规冲突时,以国家法律法规为准。
4、如果侵害了您的合法权益,请您及时与我们,我们会在第一时间删除相关内容!
联系方式:010-60259772
电子邮件:394588593@qq.com