浅谈图型菜单与文字菜单

写这篇文章最初的想法是来自我看过的一篇关于汉字与英文阅读习惯差异的文章,可惜现在想起来的时候已经找不到那篇文章了(有知道的人请务必私信我)。


前言


写这篇文章最初的想法是来自我看过的一篇关于汉字与英文阅读习惯差异的文章,可惜现在想起来的时候已经找不到那篇文章了(有知道的人请务必私信我)。

图型菜单与文字菜单

浅谈图型菜单与文字菜单

浅谈图型菜单与文字菜单

在做浏览器测评的时候下载了firefox,一直都在用chrome的我第一眼就被主界面的图形菜单给吸引住了,包括右键菜单也是让我感觉耳目一新,但后来慢慢使用的过程中发现并没有想象中的那么好用。

主要是因为使用过程中这些图形菜单让我感觉操作变慢了,需要看比较长的时间才能找到自己想要找的选项,后来仔细分析对比了一下,我发现图形跟文字主要是识别节奏有区别的,识别主要分三个阶段:

第一阶段:区域识别阶段

浅谈图型菜单与文字菜单

这个阶段主要是将页面信息分区域,主要是受菜单里分隔线的引导,菜单里的选项的具体图形在脑海里还是比较模糊

第二阶段:形状识别阶段

浅谈图型菜单与文字菜单

这个阶段大脑会比较清晰看到菜单里面选项的形状,但具体文字以及图标还是一个模糊的阶段

文字菜单的识别工作在这个时候已经完成了一大半,主要是由于我们从小到大就一直在训练文字识别能力

所以我们看到选项大概的长度以及其中的一两个文字很快就可以联想到选项的内容,可以很快得找到自己想要的选项,而不用每一个选项的文字都看完了才能理解透

而图形菜单在这个阶段,由于图形更加突出,当我们又没办法对于大小类似的十个图标很快地进行具体识别,所以这个阶段还是没办法识别出具体选项

第三阶段:文字图标识别完成

浅谈图型菜单与文字菜单

图形菜单在这个阶段识别完成,而文字菜单在这个阶段把最后的10%给完成掉。。

总结

文字相对于图形来说,可以更快的通过选项以及第一个字的联想来识别出选项。

而图形菜单无法通过大概的形状去区分开每一个选项,并且软件的很多操作都是抽象的,没办法用一个具象的图标去很好地表达出来,这就导致了图形菜单选项识别速度会比较慢。

实际应用


实际上前文的对比还是有一定局限性的,浏览器主界面菜单有这样的特点:

  1. 使用频率不高
  2. 选项相对来说较多(10个或以上)
  3. 【图形菜单】实际上刚刚说到的图形菜单也还是有文字,只是图形会占比较大一部分而已
  4. 【图形菜单】纯图形无文字的菜单有些选项并不能及时地给予用户足够的反馈,例如复制,收藏一类的选项,不结合其它操作是很难产生效果的

举个反例大家很快就能理解了,安卓手机上的三大金刚键,选项少,操作频率高,并且反馈及时充分,用图形菜单选项就完全没有问题了

浅谈图型菜单与文字菜单

以文字为主,图形为辅的表现形式有时候反而会加强了文字选项的特征,达到更快识别的目的。例如各种解压软件在右键菜单里的选项,一眼扫过去就可以找到解压或者压缩的选项,当然这里其实还包括了选项分类的思路在里面。

浅谈图型菜单与文字菜单

结束


大概就是这样子啦。。

 

作者:kemchenj

来源:http://www.jianshu.com/p/b499173c7419

 

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/31873/

(0)
CatherineCatherine
上一篇 2017-06-03 07:26
下一篇 2017-06-03 09:20

相关推荐

  • Axure RP软件

    长按链接复制链接到浏览器打开Axure RP 7.0软件及安装教程下载地址:链接:https://pan.baidu.com/s/1mkqu1Ws密码:467u长按链接复制链接到浏览器打开Axure RP 8.0软件及安装教程下载地址:链接:https://pan.baidu.com/s/1c3h7c1i密码:esqr给大狮兄一个赞赏大狮兄想生存下去,我还想以后给你更多好用的软件赞赏的狮粉记得备注名字,大狮兄想记得你的名字大狮兄资源吧专...

    2018-03-04
  • iOS App中数据加载的6种方式

    我们看到的APP,往往有着华丽的启动界面,然后就是漫长的数据加载等待,甚至在无网络的时候,整个处于不可用状态。那么我们怎么处理好界面交互中的加载设计,保证体验无缝衔接,保证用户没有漫长的等待感,而可以轻松自在的享受等待,对加载后的内容有明确的预期呢?今天这篇文章,会介绍6种常见的加载模式设计,和3种减少等待感的具体手法,希望对追求极致体验的产品人有帮助。

    2017-06-02
  • 课件界面交互设计

    交互的概念我们将交互定义为具有信息处理功能的两个实体或对象间信息传递和反馈的过程。具有信息处理功能的实体或对象是指那些在功能上能够完成对信息的接收、处理和发送实体或对象。交互本质上是信息传递的过程。由于交互总是由某一实体或对象出于一定目的引发起来的,所以我们还可以认为交互是一个具有信息处理功能的实体或对象基于解释为定目的对另外一个具有信息处理功能的实体或对象发送信息并得到反馈信息的过程。(孙海民,2005)。一、人机交互概念人机交互是指...

    微信热点 2018-03-01
  • 阿里UED:优秀阿里设计师如何养成

    编者按:一个优秀的专业交互设计师该具备哪9个素质?一个完整的交互设计流程该经历哪12个阶段?今天阿里的交互设计师从零开始一一帮你解答这两个问题,非常适合新人入门哟。一直以来,交互设计师都是一个受到广泛质疑的岗位,很多人不了解交互设计师的价值,更直接的说,我们大多数的交互设计师没有表现出足够的、令人信服的专业度。大约五年前选择了这个职业,一路走来,质疑过、探讨过,也争辩过。和很多交互设计师一样,我也有过盲目自信和茫然失措,历经时间的鞭挞后...

    2018-03-09
  • 独家 | 马化腾:用户体验,比一切事情都大

    内容来源:2017年4月26日下午,“清华-青腾未来科技学堂”发布会在深圳举办,马化腾出席了发布会,并以创业者的身份与在场的青腾学员进行交流,分享腾讯的创业经验。笔记侠经主办方授权发布。责编| Even第1715篇深度好文:2825字 | 3 分钟阅读独家·精华笔记·商业思维本文新鲜度:★★★★+口感:绿茶笔记君邀您,先思考:1、战略选择的第一步是什么?2、怎么通过用户体验打动用户?3、如何从互联网跨界中找到大的商机或蓝海?我非常希望也...

    2018-02-01
  • 【用户体验.春节特辑】我拿什么记住你(总第268期)

    亦可访问www.koushutianxia.com了解详情编家谱   修家史   留视频建祠堂   亲互动   传万代总第268期时间是这个世界上最锋利的武器,没有任何事物能够阻挡。所有的一切,人、物、事都随着时间的磨砺逐渐模糊、逐渐消逝。父亲的突然去世,一直是我心中最深切的痛,他的离去是那样的突然,突然到我完全无法接受他已经永远离去的事实。总觉得父亲依然还在,总会幻想我下班回家,父亲还会像往常一样在门口笑眯眯的看着我说:“回来啦,儿子...

    2018-02-19
  • 一个精美的手机的原型怎么产生的第一集

    阿西录了下视屏尝试下最直接的方式 ,你看着我怎么做原型设计的。最简单方式往往最有效。 这段是:安卓手机,Axure手机框组件的视屏教程-1 在线播放! 第一集: 第一集下载地址:点我点我 第二集下载地址:点我点我

    交互设计 2014-09-05
  • Sketch导入图片丢色、变白解决方案

    周五晚上回家作图遇到点状况,折腾了半天才好。整理一下发出来,估计有人用得上。以下内容为磨磨叽叽的瞎逼逼顺序,着急解决问题的同志可以快速下滑,会有提示周五到家日常打开电脑作图,做的做的发现不对劲,之前导入进来的图片好像不正常了。如下图一开始还以为是不小心降低了透明度,cmd+左键,发现没降。再想可能是加了纯色,看了一眼属性,也没有叠加颜色。醉了,这什么鬼。我一看既然不成那就算了。重新再导入一张图片,这张后入的是好的。没当回事,接着做图。过...

    2018-04-25
  • Excel表格常用快捷键大全之1-10个

    为了小伙伴能更懂Excel 快捷键的具体使用场景,小雅不是单纯的像网上看到的一堆快捷键堆上去就好,做了更详尽的解释,希望大家能喜欢!收藏一下,记住些Excel常用快捷键还是不错的!善用快捷键,新手到高手的蜕变!不废话,进入正题,本篇是1-10个快捷键,后续会陆续为大家呈现更多的Excel快捷键。第一,插入工作表默认情况下,我们新建一个Excel文档,只有3个工作表。3个sheet,即sheet1,sheet2,sheet3。如果这三个s...

    2018-03-17
  • 如何利用人工智能提升用户体验?

    如果你现在在科技领域工作,那你对人工智能(AI)或用户体验(UX)肯定不陌生了。随着人工智能的不断进步,人工智能越来越不局限在开发者或数据科学家的领域。作为设计师/技术爱好者/企业家/创业者,开始或继续思考我们目前使用的设备是很重要的。为了改善生活,我们不应该局限于现状。我们应该从每件事物中寻找灵感,并把生活看做一个界面。Airbnb当你想到人工智能时,你第一个联想到的不只是出租房间或公寓。随着人工智能和数据驱动文化的发展,Airbnb...

    2018-02-24