视觉隐喻碎碎念

什么概念?

在我们做界面设计时,如果使用用户熟悉的来自真实世界的物体的图案来作为界面元素,用户会比较容易地学会产品的使用,这种手法就是视觉隐喻(metaphoric)。隐喻范围可以从整个界面到工具栏上的一颗小按钮。几种类型?

1
整体隐喻整个界面都用隐喻的">设计方法,最典型的例子就是游戏,整个现实的场景搬到游戏
里面,用户一看就知道,自己是在街上还是海上,房子是可以进去的,路人是可以问话的…
另外还有一些工具类、索引类的整体隐喻界面,比如日历、时间显示、播放器、手写板、阅读器、名片夹等。

2 装饰隐喻在界面局部使用一些拟物的设计手法,增加界面的真实感和美观度。比如一些机械机理的使用,电影场景的重现,平常小物品的装饰,自然现象借鉴等。

3 功能隐喻用隐喻的手法暗示某些功能或显示某种状态,让它们更好辨认,降低用户认知成本。如应用图标、按钮上的图标、按钮本身、拖动滑块凹槽、时间选择器等。
好处是什么?因为界面元素是用户熟悉的事物(物体或者使用方式),用户的大脑能更轻易地进行推理,在界面元素与功能之间建立直觉联系,而不必了解产品真实的运行机制。简单用图表示如下:
坏处是什么?

任何事情都有
利弊,而且可能在某个临界点,利会变弊。1 挑战用户认知不是说降低用户的认知成本么?对,前提是用户有相关的经验,而且能够辨认出来产生关联。所以如果隐喻的对象太小众,可能有人不
认识;如果设计太抽象/难看/
复杂/不像…,可能有人不认识。2 产生噪音真实世界的东西细节较多,比较复杂。过多的装饰元素使得界面复杂,过多地抠细节使得图像复杂,可能装饰会变成噪音,影响用户对有价值内容的阅读和对功能的理解。3 长远看可能降低降低效率这是从书上(about face 3)看到的说法,隐喻能让新手用户
更快地接受理解产品,但太过忠实于现实世界的规矩,可能反而失去了计算机世界的
优点,一旦用户熟悉产品后,难以形成高效率,形成习惯用法(如鼠标右键,现实世界没有,却相当高效)。应该怎么做?

从坏处出发,再结合计算机世界的特点,就能总结一些做法。1 尊重文化不同地区、不同年龄、不同领域的用户有其独特的知识架构和文化认同,先搞清楚产品是给哪帮人用的,然后才着手设计。举几个例子:日本人翻书遵照我们古时候从右到左的习惯(
看过漫画的都知道),而我们是从左到右,如果我们要做翻书的拟物设计,是否遵从相关的习惯?(没验证过啊)。在印度,摇头表示赞同,点头表示否定。在印度这个表情就悲剧了:。在土耳其,大拇指是一种侮辱性手势。那这些表情也悲剧了:所以,先研究再动手,如果懒得去先做研究,那就找最简单的最常见的对象当隐喻原型,不要有侥幸心理。2 别忘了初衷如果是为了更好看,赋予产品更多情感的因素,不要过火,好看的目的达到了就好了,别光想着要很像真的。如果是为了暗示某种状态或操作,不要过火,
觉得用户可以理解的时候就好了,别光想着要很像真的。有时候多个写实图标摆在一起比抽象图标难理解,就值得我们反思。3 基于现实超越现实也可以说打着有限的现实的幌子做无限的虚拟的事。比如文件夹的逻辑,“文件夹里放文件”是现实,文件夹里放n个文件夹,n个文件夹里还可以放n个文件,这就是超越。再比如iPhone的timepicker,滚轮是现实,滚轮上的数据可以n多,就是超越。

源地址:http://blog.sina.com.cn/s……01018onm.html

时间: 2024-11-08 22:03:32

视觉隐喻碎碎念的相关文章

我的碎碎念:Docker入门指南

本文讲的是我的碎碎念:Docker入门指南,[编者的话]之前曾经翻译过很多Docker入门介绍的文章,之所以再翻译这篇,是因为Anders的角度很独特,思路也很调理.你也可以看下作者的演讲稿<Docker, DevOps的未来>.本文介绍了Docker的一些基本概念.诱人的特性.Docker的工作原理.日常管理基本操作,以及一些Docker的问题的解决方案. 什么是Docker,你应该知道些什么? 相比很多人的解释,我相信说Docker是一个轻量级的虚拟机更容易理解.另外一种解释是:Docke

碎碎念“经营客户关系”

以下是前一段我在微信公众号"betacafe"上关于电商的一些碎碎念,基本上都是围绕着一个话题:经营客户关系. - - - 一.通普路上的服装店们 "杭州贝塔"在通普路开了四年,这里有城西花鸟市场和城西最大的超市(联华超市),人流量很好,小区的房租现在已经卖到了三万多,简单的两居室也要租到一个月三四千.附近社区里的居民也都算是消费能力很不错的,按照传统商业逻辑来说算是一个不错的地带. 但我们却一直看着这条街上的店铺来来往往换了四年,割韭菜一样一茬接着一茬.尤其是各种

界面设计中的视觉隐喻手法

什么概念? 在我们做界面设计时,如果使用用户熟悉的来自真实世界的物体的图案来作为界面元素,用户会比较容易地学会产品的使用,这种手法就是视觉隐喻(metaphoric). 隐喻范围可以从整个界面到工具栏上的一颗小按钮. 几种类型?1 整体隐喻 整个界面都用隐喻的设计方法,最典型的例子就是游戏,整个现实的场景搬到游戏里面,用户一看就知道, 自己是在街上还是海上,房子是可以进去的,路人是可以问话的... 另外还有一些工具类.索引类的整体隐喻界面,比如日历.时间显示.播放器.手写板.阅读器.名片夹等.

《数字短片创作(修订版)》——第2章 创造独特的角色、主题和视觉隐喻 创造强有力的人物角色

第2章 创造独特的角色.主题和视觉隐喻 人物.情节以及主题是构建一部优秀短片的3个重要元素.这一章的内容主要是介绍如何塑造基本的人物角色,发展主题,怎样创造独特的视觉感的方法,以及为影片确定符号性语言的技巧. 创造强有力的人物角色 在你进行剧本创作的时候,对人物了解越深,剧本写作起来就越得心应手.设定最初的目标.特征.前史,赋予他们真正的情感和情绪深度以及个性.第一章"短片的最初构思",你已为自己的最终要完成的剧本做好了构思,那么在这一节中,你将不断发展和丰富为最终剧本所选定的主要角色

[MySQL 源码] 关于bug#65389的碎碎念

[MySQL Bug] bug#65389  MVCC IS BROKEN WITH IMPLICIT LOCK 该bug在5.5.26中被修复,changelog的描述如下: If a row was deleted from an InnoDB table, then another row was re-inserted with the same primary key value, an attempt by a concurrent transaction to lock the r

Android编译过程中的碎碎念

刷机不是用rom包吗?怎么可以使用fastboot flashall -w将*.img文件刷入呢? 在Mac上面可以参考这篇文章进行刷机.概括来说解释从官方下载rom包,解压后运行./flash-all.sh脚本.在这里我下载了Nexus 6p的官方的rom包,我们看看这个文件中的内容是什么? 下面就是脚本文件的内容 fastboot flash bootloader bootloader-angler-angler-02.45.img fastboot reboot-bootloader sl

[MySQL Bug] bug#65111碎碎念

changelog里的描述: InnoDB: In a transaction using the REPEATABLE READ isolation level, an UPDATE or DELETE statement for anInnoDB table could sometimes overlook rows recently committed by other transactions. As explained inSection 14.3.9.2, "Consistent N

[MySQL Bug] bug#61579碎碎念

changelog: InnoDB: For an InnoDB table with a trigger, under the setting innodb_autoinc_lock_mode=1, sometimes auto-increment values could be interleaved when inserting into the table from two sessions concurrently. The sequence of auto-increment val

一枚资深沙发土豆碎碎念

"如果电视屏幕够大,内容够多,我就可以过一个开心的周末:如果画质够清晰,清晰到让偶摘下眼镜都能看得清,那简直就是完美啦!"得嘞,乐视网TV版就是这样一款可以让你裸眼看视频的神器.它里面的海量高清.超清.1080P片源,让您家电视机中因缺乏高清片源而闲置已久的高清功能不再浪费.乐视网TV版充分发掘.释放了家庭高清电视机的高清性能,实现了"高清大爆炸".满足了流畅观看的基本需求,"清晰"成为用户对视频的更高要求.目前,乐视网TV版可以提供的画质包含: