页面要设计好的视觉架构,让用户在火车上都可以浏览

而一个好的视觉架构,可以减轻用户浏览负担,加快用户获取信息的速度,帮助用户加强对信息的记忆;为用户设计在飞驰地铁上都能观看到内容

页面要设计好的视觉架构,让用户在火车上都可以浏览

一个人每天要获取多少信息?几百张网页?十多个app?上百条微博?地铁上匆匆一瞥的广告,家里看不了几分钟的电视?

其中能引起关注的有多少?仔细阅读过的有多少?当大量的信息充斥短时间用户脑海的时候,用户啊,你又如何选择?

如果说网站的信息架构是用户如何找。视觉的信息架构就是用户如何看。人们每天很匆忙。在用户面对大量信息,很多时候用户对信息来不及仔细梳理,很难快速记忆。

而一个好的视觉架构,可以减轻用户浏览负担,加快用户获取信息的速度,帮助用户加强对信息的记忆。

这一次交互与视觉设计师又站在了同一条起跑线上,让用户如何看,怎么看,怎么构建视觉的信息架构。就是我们接下来要探讨的话题。

在设计界面之前我们先来看看用户是如何使用网页的:

一、我们不是阅读,而是扫描

二、我们不做最佳选择,而是满意即可

三、我们不是追根究底,而是勉强应付

很显然,我们用户非常没有耐心,从不寻找他看不到的东西。

我们经常能听到产品经理抱怨,我的产品为什么的不到用户的关注,我拥有这么好的产品,这么详尽的说明,可是用户像葛朗台一样吝啬他的鼠标与视线。而视觉设计师会茫然的说,所有的信息都放在页面上了啊,也放在了页面最重要的位置了,用户看不到那是因为他不感兴趣。

用户是真的不感兴趣么?不,当用户的眼睛在网页上疾驰而过的时候,他真的没有看见你想要让他看的信息。

可问题出在哪儿呢?

我们看下面一张告诉我你看到了什么?字都一样大小,都是一个颜色,一样的行距,一样的字体,如果给你一秒钟你能从里面找到关键兴趣点么?

再看下面一张是不是发现,每段的字号差异,颜色差异,行距的差异,字体的差异?如果给你同样的时间,你是不是比上一张图得到的信息更多?

在网页的信息架构中,信息在网页的位置决定了,这块信息在网页内容中的重要程度。

而网页视觉架构中的视觉层级则是是否能吸引用户浏览的关键所在。

重视了网页中整体位置而忽略了视觉架构中视觉层级,不仅会产生糟糕的视觉设计也会导致产品设计的失败。

我们对比一下这两个商品列表

一秒钟的时间你看到了什么?

我们要读清楚上面的内容,就要适当的放慢阅读速度。寻找我们感兴趣的关键字与语句,因为虽然有颜色的区分(颜色用的也太多了造成视觉噪声),但很多内容看起来都跟其他内容一样重要。势必要增加阅读负担。

而下面的内容,设计师体贴的把对我们来说比较重要的内容挑选了出来。在我们眼睛扫过的时候非常容易的获取到了关键信息。

为用户设计在飞驰地铁上都能观看到内容。则应成为网站设计和移动应用重要的设计原则

所以不论设计什么网站,让用户快速关注页面信息都是这个网站的成功所在。所产生良好的交互也基于此。

本文来自投稿,不代表【】观点,发布者:【

本文地址: ,如若转载,请注明出处!

举报投诉邮箱:253000106@qq.com

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2024年5月3日 12:20:13
下一篇 2024年5月3日 12:22:25

相关推荐

  • 奔跑吧linux内核样章,奔跑吧linux内核 基础架构

    计算机编程入门 要想学好电脑编程,必须要拥有一定的计算机理论基础,只有掌握了一定的计算机理论基础后我们在学习电脑编程的时候才能更加好理解,容易学习。 编程基础入门要学什么介绍如下:学编程需要以下基础知识:数学基础。从计算机发展和应用的历史来看,计算机的数学模型和体系结构等都是有数学家提出的,最早的计算机也是为数值计算而设计的。 视频和图书同步查阅,网上的是鱼…

    2024年5月19日
    3500
  • jspjava后台管理系统模板,jsp运行架构

    用java基础编写一个简单的学生管理系统,有如下功能,添加学生,删除学生… 1、但是在view层差别还蛮大的, swing是各种基于listener来触发业务逻辑, 与javaweb开发不太一样, 我最近两种都有实现, 感受是还算简单。 2、具体要求:一个学生管理系统,包括三科成绩,两个班级,每班5名学生,包括查找、排序、删除、修改、添加、退出。…

    2024年5月17日
    3300
  • javaweb开发框架有哪些,javaweb项目开发架构

    java框架都有哪些 java框架有SpringMVC、Mybatis、Dubbo、RabbitMQ等。 Java的框架主要有:SpringMVC、Spring、Mybatis、Dubbo、Maven、RabbitMQ、Log4j、Ehcache、Redis、Shiro。不过这十个我们不需要都学会,只要学会其中四五个比较常用的就可以。第一个,SpringMV…

    2024年5月17日
    3700
  • java架构设计图,java架构搭建

    分布式架构设计从0到1全部合集,强烈建议收藏 将微服务架构分为多个层。通常情况下,可以使用标准化,并具有类似用途的一组微服务以类似的方式工作,从而进一步使微服务架构的复杂性合理化。影响:通过标准化和进一步分解微服务架构,可以提高快速变更的能力。 既然是分布式系统,系统间通信的技术就不可避免的要掌握。首先,我们必须掌握一些基本知识,例如网络通信协议(例如TCP…

    2024年5月17日
    4000
  • 老男孩linux架构10期,老男孩linux培训

    老男孩linux最新的几期有吗 1、目前,老男孩教育Linux课程已经开设到84期了,23期太老了,已经无法满足企业用人标准了。此外,网络上流传的大多数都是盗版视频,内容不够齐全,想要系统化的学习老男孩linux课程,一定要认准正规渠道。 2、网络上有很多老男孩linux盗版视频,多多少少都是正常现象,如果想要跟老男孩学linux,建议去正规渠道哦。目前,市…

    2024年5月14日
    4400
  • linux系统架构,Linux系统架构与whl

    linux核心1.0发布时间linux核心 1、Linux文件系统架构一般有4个主要部分:内核、shell、文件系统和应用程序。Linux内核 内核是操作系统的核心,具有很多最基本功能,如虚拟内存、多任务、共享库、需求加载、可执行程序和TCP/IP网络功能。 2、Linux是一套开源的操作系统,于1991年10月5日正式对外发布。它继承了Unix以网络为核心…

    2024年5月14日
    3600
  • linux运维和系统架构,linux系统运维工作内容

    东方瑞通的linux培训真的能帮助找到工作么? 东方瑞通前端工作好。机构有着多样化的教学方式,结合线上线下学习,为广大学员提供pc端、手机、平板等在线学习资源,视频课程涵盖多种IT技术培训。 只要培训机构取得了Oracle WDP的授权,学员就大可放心上课,可以取得与原厂培训相同的待遇和证书。据悉,Oracle WDP在北京的授权培训机构有:CUUG、东方瑞…

    2024年5月13日
    7500
  • javacs结构开发,javacs架构

    安卓手机的软件听说是java开发的,我想知道的开发的是cs软件还是BS的… iOS主要是用C或ObjectC开发,安卓主要用Java开发。 不全属于C/S架构,手机APP软件除了C/S架构,还有单机版APP,B/S架构等类型的APP。在C/S结构中,应用程序分为两部分:服务器部分和客户机部分。服务器部分是多个用户共享的信息与功能,执行后台服务。 …

    2024年5月13日
    4300
  • 简单的零信任网络安全知识,零信任安全架构的四个特征

    零信任技术包括 零信任三大技术是指:SDP软件定义边界、IAM身份权限管理、MSG微隔离。软件定义边界SDP SDP即软件定义边界,是国际云安全联盟CSA于2014年提出的基于零信任理念的新一代网络安全模型。 零信任技术包括:用户和设备身份验证:零信任网络需要验证所有进入网络的人员和设备,以确保只有经过授权的访问才能进行。这可以通过多种方式实现,例如基于令牌…

    2024年5月12日
    5000
  • linux架构工程师,linux架构师认证

    linux工资高吗linux工资 1、Linux工程师薪资待遇是没有固定标准,首先要看就业的城市的发展水平,其次要看公司规模大小以及用人需求,对于一线城市的大公司来说,Linux工程师起步薪资待遇8k左右,当然了需求越高,薪资待遇越高,毕竟技术决定价值。 2、Linux运维工资相对来说,较高!Linux运维是一个越来越吃香的行业,可能刚开始你的工资只有七八千…

    2024年5月11日
    3600

发表回复

登录后才能评论



关注微信