大作为的省略号...

每当我告诉身边的人省略号(…)是我见过的最为牛逼的字符时,绝大部分人都以为我疯了。 在你也这样认为我之前,请容我认真解释一番:

1477617717-3394-267326-7e07ed99b63962dd

在过去的数十年间,用户界面设计师不断以多种方式使用省略号来向用户传达重要的信息。正如你很快就能看到的,这个仅由三个小原点组成的省略号居然能以其渺小的身板发挥不小的作用。

接下来,让我们一起回顾下在以往这些年中,省略号最常应用的5种方式。阅读完成之后,相信你可能会对这个不起眼的字符有一个全面的认识。

1、省略号=“后继选择”

我印象中第一次看到省略号是在 Windows 3.1 中,那还是我的第一台电脑。那时候,省略号主要出现在一些按钮和菜单选项中,它代表着我在点击这个按钮或菜单之后需要作出进一步的抉择。

1477617715-1711-267326-0e12024692a5f0a6

这种方式很有用,因为它使我认识到当触发点击之后,并不会立刻执行有效动作(还需要做下一步决定/选择),我可以触发这个动作但是在我改变意图之后还可以取消。

这种模式在今天的 Windows 和 Mac 上依然存在,只不过现在的使用场景要少得多。

不妨对比一下20年前后的对比:

1477617719-2803-267326-eda64f24c7c97e29

Windows NT (1993):到处都是省略号!
1477617718-1346-267326-541ece2f11e0a49f

Windows 8 (2013):省略号去哪里了?

Google 在其设计指南 Material Design 中建议无论是在菜单选项还是按钮中都省去省略号,大概是因为许多选项之后其实都有次级选项,如果大量的使用省略号将使得用户界面变得混乱。

省略号的这一用法可能会随着时间退出舞台,但是我认为在其服役的这些年里确实对用户起到了友好的帮助作用——仅仅凭借其3个小圆点而已。

2、省略号=”在这里打字“

在近些年开始,陆续诞生了很多产品使用省略号来代表文本域,而现在已然流行开来。

1477617719-8358-267326-7d83548311ac307b

我不清楚究竟是哪个产品或者是从谁开始使用这样的表达方法,不过我从网上能找到的最早的案例出自Facebook 在2008年的设计。

1477617718-5147-267326-cb61a6071a4fc7bf

为什么那些产品要这样使用省略号?我猜测大概是出于两方面的目的:

视觉效果:有时候,要用户从一个堆满设计元素的用户界面中找出文本输入框并不是那么容易,而一个省略号从一定程度上提升了视觉线索,它能够用来吸引用户的注意力。

心理效应:传统上,一个省略号代表着省略词组/语句的一部分,也就是说有省略号的地方其实应该是有文字的。在文本域中使用省略号则在某种程度上,能够刺激你在空白部分进行文本输入。

在某些设计指南中,甚至推荐在所有的文本域中都使用省略号,比如 Salesforce Style Guide 。不过,我个人其实不喜欢这样的做法,但它确实已然成为一种设计趋势。

3、省略号=”更多动作“

现在,越来越多的产品使用一个中线省略号(⋯)来表明还有更多菜单选项可供选择,就好像是说”嗨,这里还有更多你可以做的事情。“

1477617719-5952-267326-5a400f8963f4ff6a

而在很多 Android 端的程序中,你则能经常看到一个垂直的省略号(⋮) 做着同样的事情。

1477617720-4268-267326-ea70255ec4d9e63e

有些人不喜欢这样的设计,认为这样的做法可能将原本重要的动作隐藏了起来(寻找和使用起来更费劲)。然而不管你究竟是赞同还是不支持,你都无法否认这样的设计已经流行开来—— 就像几年前的汉堡按钮一样。

若时光倒退到多前,我敢打赌没有人能够想到区区一个省略号还能这样用。然而在近几年,省略号 的这种用法便已大行其道,似乎再也回不到过去。

随着现在的设计师们越来越强调简约的设计,相信省略号的这一用法会越来越普及开来。

4、省略号=“稍等片刻”

省略号另外一个常见的用法就是告诉用户当前动作正在执行中,比如“加载中...“、”连接中..."、“上传中...",这些都是我们常见的一些应用场景。

1477617721-5837-267326-c36f6b3601067a77

现在,试想一下如果我们在这张画面中没有看到省略号(下图),我们大概就会认为系统哪里出错了,因为我们习惯于使用省略号来代表进行中的动作。

1477617722-3011-267326-fd34a014c9ff773c

看起来是不是有问题?至少在我眼中,使用一个省略号确实能让我放下心来,而没有它则让我认为系统卡住了。

许多的设计指南都建议在用户需要等待系统响应的时候使用动画效果。但只要是仅仅需要等待几秒的话,我认为使用省略号也不失为一种合理的办法。

不知怎的,仅仅使用一个由三个原点组成的省略号就能让我对于正在执行的动作放下心来——而且只是3个静态的原点!你不觉得很神奇吗?

5、省略号=“更多字符” 

省略号也用来在文本过长的时候截掉多余部分,在较长的文件名中往往能看到这种用法。

1477617722-3019-267326-b3608aee550c3cba

在早些年代,长的文件名就会截掉多余部分,只显示能够显示的下那些。而现在,许多应用程序和操作系统都会截取掉中间部分,这样你就还能看到句末的几个字符,这样的做法其实是明智的,因为一个文件名中最后的几个字符往往是最为重要的。

如果不做截取处理的话,我们将会在到处看到有重叠的文本,还好,省略号的出现打破了这种不良效果,将可能充满混乱的界面解救了出来。

1477617723-6762-267326-23007b98e496db81

小身板大作为

现在,你已经看到了有关省略号的多种不同用法,那你赞同我说的省略号是最为牛逼的字符吗? 我是说,谁会想到区区一个省略号竟能有如此大的应用?

更多的用法等你来整理...

译自:https://medium.com/@jsaito/the-mighty-ellipsis-6c2c00ddc864#.x5fwwah9t

译文/三达不留点gpj
原文链接:http://www.jianshu.com/p/d8718480db8e#
著作权归作者所有,转载请联系作者获得授权

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

(0)
TinadminTinadmin
上一篇 2016-10-27 11:29
下一篇 2016-10-28 09:27

相关推荐

  • 交互设计用户心理学

      交互设计是个跨学科专业,其中,心理学便是其中很重要的一个部分。所以,如果你不想继续仅凭直觉和死记硬背高大上的理论原则来从事交互设计,如果你想成为优秀的交互设计师,学习一定的心理学将是很有帮助也是…

    2015-06-13
  • 克制的力量

    引言  两家茶餐厅         有一家茶餐厅A的位置很好,周围有不少人流,但只有这一家茶餐厅,有地理位置优势,原本一个人30元左右就能吃一顿饭,餐厅经常巧言推销,让顾客多点菜,让顾客消费到50元以上。还有一家茶…

    设计理论 2016-06-05
  • UED研究如何应用到产品设计中

      腾讯有互联网产品经理的黄埔军校之称。前段时间看腾讯CDC出版的《在你身边,为你设计》,颇有启发。特别摘录书中的《商业价值与用户价值的平衡》中讲UED的部分,看看腾讯是如何让产品责任人和企业高层接受UE…

    2015-07-23
  • 可拓展的设计思维

    本文整理自腾讯移动互联网设计中心总监周陟在2016国际体验设计大会「设计管理峰会」上的演讲。 今天我分享的主题是“可拓展的设计思维”。为什么会想到这个主题,因为近两年我们经常在面试的时候听设计师讲到“设计思…

    2016-08-01
  • 【译文】产品的行为设计关键四步

    我们选择一种独特的行为路径去设计产品,利用最新的行为学研究成果,去构建有效、有趣的用户体验,帮助用户最省事的获得最大的收获。我们尝试理解用户接收信息、做出决策和采取行动背后的心理学原因,事实证明,这…

    2016-02-21
  • [译文]字体影响用户体验

    多年前,麻省理工学院的研究人员已经证实字体影响我们的感受:差的字体使人无意识的反感,好的字体使我们感到高兴。 如果字体能够影响我们的情绪,那同样会影响用户体验。 几周前,我决定探究字体对用户体验的影响…

    用户体验 2015-08-27
  • 如何保持交互与视觉的协调性

    转自微信号: 作者:小云子  我是UE / woshiue 我不想贬低文字的重要性,但也不想忽视视觉。两者是同等重要的交互设计元素。文字就是交互,但那些视觉元素(比如图标、菜单、图像等)才是用户实际上操作的东西。虽然…

    2015-03-30
  • 你的产品有没有为老年人考虑?

    原文:smashingmagazine 木为艾欧网-交互学堂翻译 如果你在科技行业工作,很容易忘记,年长的人存在。大多数技术工人真的很年轻,所以很容易看到为什么大多数技术是为年轻人设计的。 考虑到这一点:到2030年,在美国19%…

    2015-02-08
  • 基于行为科学的产品设计方法

    改变行为是艰难的。我们每天都能看到这些:落空的新年计划、从没用过的健身房会员卡、以及精心制定但从未完成的节食或省钱计划。 有许多产品和服务帮助我们向目标推进,不论是进行更健康的饮食选择,还是养成更好的…

    2016-01-08
  • 两会发声:呼吁全民关注用户体验为,用户体验打Call!-厉害了, 我的国!

    聚焦两会 ,关注用户体验行业发展首先感谢在两会上为用户体验发声的全国政协委员:叶友达。图片来自网络叶友达在两会期间的《人民政协报》记者问答中特别强调了科技创新成果中的用户体验。“说白了,就是我们在产品的设计阶段就要考虑用户"能不能用"、"好不好用"的问题,不要做"不靠谱的创新","好用"的成果才容易转化。”叶友达说。叶友达用具有人工智能交互系统的电视举了例子。“这种电视运用了语音识别、图像识别等技术,用户可以直接通过语音对电视下达指令所...

    2018-03-18