当你在看网页时你的眼睛在看哪里
理解人眼的阅读习惯,才能做出更加合理有效的设计。
要创造正确的视觉层次,你就要理解我们的眼睛如何处理信息,UXPin的ChrisBank说。
一个艺术大师除了要具备创造力,还要考虑一些细节问题,比如写作、用色、尺寸、包含哪些内容,可能更重要的是舍弃哪些。这可不是容易的事,所以我们才会对达芬奇和梵高这样的大师推崇备至。
网页UI设计师也应该如此。这本免费电子书网页UI最佳实战中讨论过,网站也是视觉艺术的一种形式,以它独有的方式,它要遵循很多传统艺术形式的规则。这是审美的科学,掺杂了一些商业准则,非比寻常的网站界面,必须让人感觉毫无压力、引人入胜。
本文中,我们首先看看视觉层次是什么,如何创造,然后我们再了解它如何在视线的自然运动中发挥作用。
组织视觉
LukeWroblewski,专栏作家兼雅虎产品设计高级主管,在他的的文章通过视觉层次沟通中阐释了网站界面的视觉表现在以下方面的重要性:
通知用户像一只无形的手,界面应该引导用户一步步采取行动,却不会让用户感到压迫。比如当你向下滚动,支付服务商Square引导你了解它的价值所在,每一步都有相关的引导号召你采取行动。
传达内容之间的关联界面展现内容的方式,应该符合用户对信息的优先级理解。例如,人气设计网站Abduzeedo在顶部包含了清晰的分类,推荐内容在中间,底部则是详细的分类。
影响情绪人们去餐馆可不只是为了食物果腹。他们要的是口味、质感、外观,还有令人难忘的环境。界面设计也一样,而且假如你建立了积极的情绪响应,人们可能更容易谅解网站的缺点。比如Wufoo就是个完美案例,界面非常实用且令人愉悦。
你的UI设计,最终目标是要解答以下三个问题:
这是什么?(有用)
如何使用?(易用)
关我什么事?(渴望)
人眼的可预见性
不论是角落的匆匆一瞥,还是对某个路人的仔细打量,人的视线总是自动聚集在某些特定的兴趣点上。虽然这点因人而异,多数人还是容易遵循某种明确的走向也包括如何浏览网站。
在一篇关于视觉原则的文章中,99Designs的设计专栏作家,AlexBigman,谈到了在左向右阅读的民族中,两种占据主导地位的阅读模式。我们依次来看看。
01。F模式
通常体现在文字密集的网站中,比如博客,读者首先沿着左侧的文字垂直向下浏览,从每段的前几句寻找他感兴趣的关键词或要点,F模式由此得来。
当读者找到了喜欢的东西,他们就开始正常阅读,构成了水平线。结果就导致了看似字母F或E的路径。CNN和NYTtimes两者都使用了F模式。
NielsonNormanGroup的JakobNielson进行了一次易读性研究,基于232名用户浏览上千个网站,还有F模式涉及实践的详尽说明用户很少逐字逐句阅读。
前两段最重要,应该包含你的营销妙语。
起始段、副标题、重点列表中要带有诱人的关键词。
它会如何影响网站的界面设计?请看下图。
图中可以看到,数秒钟内就能看到最重要的内容,下方立马接上更详细的内容(还有行动号召),方便快速浏览。
对于想要嵌入广告和行动号召,又不希望内容被淹没的网站,F模式非常有帮助。切记,永远是内容为王,侧边栏的存在是加深用户的参与。和其他所有模式一样,F模式是一套指导方针而非模版因为读过F中的头几行之后,F模式可能会让人感觉枯燥。
02。Z模式
Z模式浏览发生在不以文字为核心的网站中。读者首先浏览页面顶部的一条横线,不论是因为菜单栏,还是出于在顶部从左至右浏览一遍的习惯。当视线到达尽头,它会飞速向左下移动(这也是出于阅读习惯),在页面下方部分重复水平方向上的搜寻。
Z模式几乎可以运用于任何网站界面,因为它满足了网站的核心需要,比如层级、品牌、行动号召。Z模式对于简洁至上、核心是行动号召的界面效果最佳。
在一个内容复杂的网站中强行使用Z模式,或许不如F模式来得奏效,但Z模式有助于带来一些秩序,导致布局的简化(还有转化率的上升)。牢记以下几则要点:
背景分离背景,让用户的视线停留在网站结构内。
1号点这是你logo的最佳位置。
2号点增加一个彩色的次要行动号召,有助于顺着Z模式引导用户。
页面中央页面中央的焦点轮播图能把顶部与底部区域分离开,引导视线顺着Z模式流动。
3号点增加图标,从此处开始,顺着横轴移动,能将用户引导至4号点的最终行动号召。
4号点这里就是终点了,是你主要行动号召的最理想位置。
预测用户的视线如何移动能带来巨大的优势。在页面上排布元素之前,通过优先级找出最重要和最无关紧要的元素。一旦你知道要给用户看什么,将它们置于各种模式的热点区,创造正确的交互,简直易如反掌。
你甚至还能在整个页面中贯穿和延伸Z模式,如果你觉得在行动号召之前还有更多有价值的主张,可以重复运用14号点。
房门这方向的下半年易发横财财运一直都是人们不敢忽视的问题,无论正财还是偏财,只要有钱就行,那么什么样的人有偏财运呢?偏财运好的八字是什么样的呢、如何旺偏财运,下面我们就来通过这篇文章好好的了解下吧,希望……
最容易瘦腿的运动是什么有的女孩子都希望自己的腿更细一些,这样看起来全身更加的匀称的,其实很多的人就是这样,上身看起来还是很协调的,但是下身确实想大象腿的,太不好看了,其实瘦腿运动就是每个女孩子都会考……
爱情是尾鱼我不是神仙,可以不食人间烟火。我就是个小女人,我要一个有责心有担当的男人爱我。箬嫣按了鼠标,删除了那个爱了很久的人,心很痛!痛得泪流满面。一hr箬鄢二十八岁,是个离婚三年……
看鹅蛋脸美女佟丽娅百变气质发型盘点百变造型的佟丽娅可以说时而是甜美的小女生时而是沉着大气女王,这款发型偏分的斜刘海加上大波浪发型多了一丝成熟韵味,在佩戴一副大框眼镜,整个造型非常文艺还稍稍有几分可爱气息。……
显白渐变玫瑰金染发玫瑰金染发颜色效果渐变玫瑰金染发新款发色正面效果渐变玫瑰金染发,顾名思义,就是玫瑰颜色和金色的调和,形成这款时尚的颜色。长卷发女生染发选什么颜色好看?渐变玫瑰金能让你收获意想不到的美颜效果……
广发留学生信用卡普卡万事达基本信息年费:90元(免首年,刷卡6次免次年)免息期:最长50天卡属性:学生卡主题卡万事达年轻一族人民币美元卡片介绍广发留学生信用卡,专为留学家庭……
贝雷帽怎么保存贝雷帽的清洗方法贝雷帽怎么保存贝雷帽洗干净过后,晾晒需要在帽子里面放一个帽撑,可以防止帽子变形,没有帽撑,用旧报纸裹成球塞在里面也行。不能放在太阳下面暴晒,容易把帽子晒变色,白色的帽子是……
妮维雅精华爽身走珠液怎么用妮维雅走珠液的功效与作妮维雅精华爽身走珠液怎么用外出前或洗澡后,抹于腋下或其他需要抑汗部位,先将瓶口朝下,让走珠接触止汗香体露,然后轻轻滚动走珠,均匀涂于腋下等容易出汗处。总体来说这款走珠液香……
红茶面膜黑瓶和白瓶哪个好用fresh红茶面膜黑瓶和白瓶哪个好用Fresh红茶睡眠面膜(黑瓶)可以单独涂面膜过夜睡觉也可以在护肤的最后一步当面霜用,不会油腻,第二天起来脸很水嫩,超补水!Fresh红……
面试时如何回答这些问题在各种面试中,许多面试官会问到以下问题:1、出于工作晋升的考虑,你打算继续深造吗?2、的长处和弱点分别是什么?这些长处和弱点对你在企业的业绩会有什么样的影响?……
翡翠镯子能长时间泡水里吗翡翠手镯并不需要长时间的浸泡在水中,在平时就可以将它放进水中浸泡一两个小时,取出来用干燥的纯棉软布将其擦拭干净就可以。之所以会用干燥的纯棉软布是避免在翡翠的表面留下擦痕,而且这……
做好直通车搜索人群提高首先问各位一个关于直通车的问题:对于直通车来说,你认为什么最重要?很多人会回答:关键词。对,关键词是很重要,但这里告诉你搜索人群的重要性不亚于关键词,甚至比关键词还要重要,你造……
如何面对员工离职不少朋友都提到,手下的员工离职往往是让人非常头痛的事情。这大概是管理岗位经常需要面对的一种麻烦,这个问题也困扰过我。为了帮助仍然被困扰的各位同仁,下面提供我的经验给大家参考。……
蜜蜡脱毛效果好吗蜜蜡脱毛是目前的一种既简单又安全,适合用于大面积脱毛,但是蜜蜡脱毛后维持的时间有限,最长可以维持到3个月。脱毛蜡可以分为冻蜡和热蜡两种。选择不同的蜜蜡会有不同的效果。变美……
饭店年终安全生产工作总结xx饭店年终安全生产工作总结一年来,在市委、市政府、市市容园林委的正确指导下,一年来xx饭店在安全生产工作方面,始终贯彻安全第一,预防为主,综合治理的方针,牢固树立安全责……
小学信息教师述职报告推荐篇信息教师述职报告由好范文网的会员lao投稿精心推荐,小编希望以下2篇范文对你的学习工作能带来参考借鉴作用。第1篇:小学信息教师述职报告给你一篇小学信息教师述职报告的……
学校后勤工作总结新版〔〕学校后勤工作总结新版为好范文网的会员投稿推荐,但愿对你的学习工作带来帮助。后勤工作将影响到学校的一切工作,学校制定了财务制度和上报审批程序,财会人员要做到账目清楚,下……
人民群众文化权益保障现状与对策研究摘要:随着时代的进步,社会也在不断地在发展,人们的生活水平提高的同时,对文化生活的要求也在不断提高。文化作为一种精神力量,是促进人们发展的内在推动力,可以通过丰富人的精神世界而……
高中物理合作学习策略探究摘要:现如今,高中物理学习中,以往灌输式的学习方式已经不适应学生的身心发展,在物理课堂中,运用合作学习的策略,可以帮助学生营造良好的课堂氛圍,促使优秀学生带动成绩一般的学生,在……
莫把信用卡当储蓄卡叶先生向自己在招商银行北京分行的信用,卡中存入6000多元钱,近期他去银行柜台想把钱取出来,却被告知要交1的手续费。叶先生很纳闷:这不是信用额度里的钱,而是自己存入的钱,为什么……
产权是国企改革的重要抓手中国拥有全世界比重最大的国有经济,经过改革开放30余年来市场经济的催化,目前我国经营性国有资产额已经接近30万亿,这其中还不包括金融性国有资产。然而其管理和经营问题已经走到改革……
中国农村社会养老保险研究综述摘要:农村社会养老保险是我国步入老龄化社会一个亟待解决而又十分艰巨的理论难题,理论工作者正在艰辛的探索中。通过对我国学术界关于我国农村社会养老保险的建设,如农村社会养老保险建设……
深入开展两学一做推进检察机关思想政治常态化建设摘要:抓思想政治建设、抓理论学习,是我党取得最终胜利的有力武器。两学一做就是通过全员参与学理论,解决思想认识的问题,开展两学一做学习教育,是党的思想政治建设的重大部署。检察官要……
新形势下老年群体思想状况及其新变化老年人是一个很庞大的弱势群体。当前,我国社会正处于快速老龄化时期。2012年底,我国老年人已达1。94亿,2020年将达到2。43亿,2025年将突破3亿。人口老龄化速度快,高……