浅谈图型菜单与文字菜单

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


前言


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

图型菜单与文字菜单

浅谈图型菜单与文字菜单

浅谈图型菜单与文字菜单

在做浏览器测评的时候下载了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

相关推荐

  • U+敏捷研发体系

    “研发是一项创造性的工作,卓有成效的研发需要优秀的研发团队来完成,优越的研发流程始终能够发现最佳的机遇,推出有竞争力的产品和服务,并以最快的速度把这些研发成果投入市场。”△ △ △ U+敏捷研发体系流程 △ △ △需求分析1研发体系中的第一个环节,这一阶段要求需求分析人员针对待开发软件提供完整、清晰、具体的要求,确定软件必须实现哪些任务。其中包含的敏捷建模,要求需求分析人员对现实问题的抽象想法构画出草图,以规避需求的不合理等问题。原型设...

    2018-03-30
  • 交互设计的五要素

    在公众号里经常收到朋友的留言,到底什么是交互设计师?交互设计师具体是干什么的?为什么很多互联网公司都没有交互设计师这个岗位?希望通过这篇文章把交互的本质说清道明。互联网产品与需求早晨迎着第一缕阳光醒…

    2017-08-04
  • 【交互设计七大定律】关于交互设计法则“除非有更好的选择,否则就遵从标准——交互设计之父阿兰·库珀”

    作为交互设计之父的阿兰·库珀最为人熟知的或许就是这句“除非有更好的选择,否则就遵从标准”了,在交互设计领域有很多经过了时间的验证的法则定律被认作了标准,那么你都知道都有哪些吗? 1. Fitts’ Law / 菲茨定律…

    2015-01-27
  • 别整标题党! 这是一份阿里的设计师分享的编写交互设计师的启迪思路的文章

    鸿影:一份设计文档的 结构大概可以分成Background项目背景、Schedule排期、History版本历史记录、Information Architecture信息架构分析(包括Site Map、Experience Map、Flow等)、Framework框架设计、Wireframe…

    交互设计 2015-08-26
  • 微信黑科技”红包照片“今日仅限一天体验速去!!

    就在刚才,微信偷偷发布了黑科技,说不清是照片红包还是红包照片,反正平日里的发朋友圈的照相机图标已经变成了香槟金,点击后会出现发照片红包的选项,发布之后朋友需要支付红包才可以打开。   快去试试?

    2016-01-26
  • 【探索Facebook】Instant Articles 新方法来创建快速、互动、自动播放视频的文章

    文章前面就是演示视频,建议先看视频哦,流量党请找个WIFI,土豪就当我没说~! 我们很高兴地介绍即时文章Instant Articles,快速,互动体验阅读的文章在新闻内容。 使用在Facebook应用程序加载的照片和视频很快相同…

    2016-01-16
  • 跨屏幕的响应式设计|八方面来设计好用户体验

    跨设备、多屏幕、响应式的产品,无论是APP还是网页,需要产品设计师、用户体验设计 师能够始终将终端用户的体验,牢记在心。

    2017-04-28
  • 交互设计是什么?

    昨天认识一个新朋友,叫小木,在一家酒店做管理。小木问我做什么,每次这个时候我都会犯难。交互设计师,边回答边看着小木迷惑的脸,我知道又要解释一番了。这是历来对朋友解释过的交互设计是什么的情形:①交互设计…

    2017-07-31
  • 课件界面交互设计

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

    微信热点 2018-03-01
  • 悬浮动效常见的几种玩法

    动效是如今UI设计中的重要组成部分,也是目前最热门的设计趋势之一。在之前的《在现代网页设计中,动效常见的几种用法》这篇文章中,我们探讨了动效对于交互和用户的重要意义,动效在不同的环节发挥的作用越越来越大。而今天我们要聊的是光标悬停特效,这也是近年动效设计的热点之一。

    2017-05-05