今天刚拿到主讲人余哲明前辈的演讲稿,所以之前的笔记要进行一次迭代更新。增加的内容包括交互设计发展的历史,交互设计师的特质,以及如何进行交互设计的相关补充。
主要内容包括:
1、交互设计来源于工业设计,关注基于时间维度工具的交互演进,不同用户和需求,上下文组成了不同的场景,从而触发界面的不同状态。
2、交互设计如何进行,基于公司策略,技术限制,用户研究和竞品分析,并输出定义、发现、创建,评估,完善和规范性。
3、设计师的关键技能——理解能力、传达能力、管理能力。
4、交互设计中是在不同层面(策略层,逻辑层,表现层)进行整合性的设计活动。
5、交互设计师的终极问题。
但还是那句话,定义与发现——交互设计中最重要的东西,没有之一。笔者也非常认同。因为这是围绕着用户的,也是和其他设计师的区别所在。
什么是交互设计:
交互设计又称互动式设计,强调呈现内容的视觉美感,包含了样式,过渡效果,反馈效果等销售,和GUI(图形用户界面类似),但最终强调的是技术,用技术来满足用户的情感需求。
这里我们借鉴《交互设计沉思录》里面对交互设计一个定义,在人与产品,系统或服务之间创建的一系列对话。
这个对话既可以是实体的也可以是情感化的,在时间维度上不断发生变化,导致产品和用户不断进化。
PS:这里看待用户的角度也是变化的,即用户的行为习惯也可以通过交互设计来进行持续型改变。
然而从历史的角度来看,交互设计最初是融合在工具设计(也就是现在的工业设计)过程中的,从IDEO创始人Bill Moggride看着自己设计的人类第一款笔记本电脑,面对着冷冰冰的DOS界面而发出那一声叹息并正式提出交互设计以来,人们谈到的交互设计就越来越围绕人与数字界面的交互。包括——用户体验(UE)、以用户为中心的设计(UCD)、人机交互(HCI)、易用性(Usability)、用户界面(UI)、图形用户界面(GUI)。
而简单来讲就是:
基于以上定义,我们可以区别将交互设计师和其他设计师相区别开来,UI设计师关注的是页面内容的或动或静的呈现方式,而交互设计师更需要关注基于时间维度工具的交互演进,不同用户和需求,上下文组成了不同的场景,从而触发界面的不同状态。
而现实生活中,包括产品经理和技术专家在内的很多人忙于处理产品本身的逻辑和自己思考本位主义,往往忽略了用户的认知模型和情感,因此交互设计存在就有了必要性。
如何进行交互设计:
这里如果我们把交互设计师比作一个输入输出系统,那么这里输入的包括:公司策略,技术限制,用户研究和竞品分析。而输出的包括:定义、发现、创建,评估,完善和规范性。
定义(用户定义,需求定义,上下文定义)
这里交互设计需要定义的产品需求,
简单来说就是:什么人在什么情况下需要什么?这里要回归到场景。
包括用户定义,需求定义,上下文定义
用户定义
用户定义这里要基于产品的定位,我们常用角色画像来描述我们的用户,这里建议多一些生活的照片来代替单纯文字的描述。如下四张图,来描述一个用户特质:时尚,好奇,具有一定消费能力等。
而对一个用户的定义应该更感性一点,比如:
这些用户来源于一线的白领阶层,或者二三线有闲阶层。日常出入于中高档的办公大楼和小区的他们却爱自嘲为屌丝一族,然而这却没有掩盖其内心对品位生活的渴望,具有明显的阅读习惯,喜欢创新的实物。然而,高居不下的社会生活成本让他们在潇洒的时候也对未来有着隐隐的不安,这让他们情绪变得捉摸不定,对信息获取有着多变的选择但又对社交信息具有日常的依赖。手机这对他们来说已经成为了获得安全感的渠道之一。
需求定义
需求因用户群体而异,但是需要明确的是,当一个产品需求无法定义回归到一个场景的时候,那么这个需求就是伪需求。
任务驱动型设计:页面任务并不来源于用户需求,而来自产品本身。这里对设计师的挑战是平衡产品任务和用户任务,如果产品任务本身不是来源用户需求,那么要警惕过强的驱动会扰乱用户认知。如下图,此外,下单流程也是个典型的任务驱动型设计。
上下文使用情景定义
上下文使用情境的研究特别有助于在前期预计产品投放到市场后会遇到的一些陷阱和潜在问题。上下文情境分为三类:
●物理情境:用户在使用产品时所处的物理环境。
我们可以从两个方面来分析产品所处的物理情境:一是环境背景,例如户内或户外、背景噪音、光照强度等,二是人的行为状态,例如行走、驾车、站立等待、下厨、购物等。结合用户的核心目标与需求,分析他们通常会在怎样的环境背景与行为状态下使用产品,你将发现很多有可能影响产品体验的外在因素,并在设计过程中有针对性的进行解决或规避。
●技术情境:会对用户理解与使用产品产生影响作用的技术因素,包括移动应用自身的设计,以及产品所处的系统平台、硬件设备等等。
品自身的设计、技术特性,以及用户使用产品的技术能力。举个简单的例子,眼下有不少关于拟物化与扁平化界面设计风格的争论,实际上,一个大体的原则是,无论使用怎样的设计风格,都必须确保界面的自解释性,使用户能够在很短的时间内理解并上手使用。
●社会情境:对产品的推广传播起到推动作用的互联网社会属性。
我们需要判断产品身上有可能具有的社会化因素,考虑能否有效的利用互联网的传播能力。如今,“分享”或“喜欢”这类功能是很常见的,不过你需要首先弄清楚这些社会化功能与自己的产品是否具有相关性,能否有效的产生附加价值。
发现
“发现”指的是在具体的上下文场景中,做什么事情,为什么这么做,发现需求背后的动机,即隐藏的需求,从而发现设计机会。
福特有云:如果你问客户需要什么,他们永远会跟你说要一匹更快的马。
所以很多时候,交互设计师也要具备挖掘用户需求的能力。
比较经典的有:QQ邮箱中文如果出现附件,那么当用户忘记附加添加附件的时候会有弹窗提示。
说到这里,还是强调那句话:定义与发现——交互设计中最重要的东西,没有之一。
创造
对于网页设计来说,这里指的是塑造页面和用户任务,设计开始输出可见的产出物。
在用户体验的要素里,包括结构层,框架层和表现层。
导航:用户知道在哪里,以及要去哪里?
如下图:
全局导航/结构型导航:描述站点的结构/描述APP/功能的结构;
局部导航:描述当前页面或模块的结构;
情境式导航:引导去往与当前上下文关联的页面。
认知结构:用户可以感知到所接触的产品有什么,能做什么,怎么做?
如下图,我们可以看到,用户视觉惯性从左往右可以发现豆瓣FM的“频道”(有什么),“发现”(能做什么),“播放”(怎么做)
PS:这里要警惕过强的驱动型会扰乱用户认知,比如如果想更多的用户能关注到注册,那么我们是否有必要在这三个部分都加上“注册”按钮呢?
那么在用户的认知结构里——将“能做什么”(注册)会对结构板块进行切割,从而导致认知混乱。
标识:是什么?
产品的标识是什么?这也是建立用户的对产品的心智模式的重要一步,比如苹果推出了ipad平板电脑,于是ipad作为苹果所设定的平板电脑的标识之一,已经在大众心中形成了普遍认知,ipad似乎已经成为了平板电脑的代名词。而其他XXpad就听上去显得比较山寨了。这也就为什么三星最新推出的平板电脑主打“tab”而舍弃了“pad”。
此外,当然,产品标识还分为很多种,这里就不展开说了。
评估和完善
小步快跑,快速迭代。
设计师的关键技能
理解的能力:深刻理解用户和产品业务,帮助建立正确的场景;在团队中理解对方观点和推理思路。注重同理心。
传达的能力:这里包括对内团队在设计的不同阶段,口述、文字、手绘、图形软件、故事板等设计输出技巧的运用来传达设计意图。对外合理传达交互过程中产生的信息,逐步推进对话。
管理层面的平衡:平衡下属想法和公司资源,有效果且有效率地得到成果的能力。
这里要注意的地方是:
1、警惕本位思想。
2、同理心,理解对方的观点,但不代表认同。
3、注意假设链,即各种基于假设的假设而得到的设计。
交互设计中的不同层面进行整合性的设计活动
交互设计中不同层面的整合性设计活动:如下图
从IOS 7的设计来简单谈谈交互设计中的不同层面进行整合性的设计活动
从策略层上来看:
●IOS 7 的扁平化设计迎合了用户界面的趋势:随着智能手机的普及和发展,人们已经更能适应flat Ui ,拟物化设计的过渡阶段已经结束。也贯彻了苹果简约、明晰和高效的设计风格。
●建立产品壁垒:设计依赖单一高端机型的CPU性能的UI,并且充分利用retina显示的高清特性。使高低端机型分裂严重的Android无法跟随。
从逻辑层上来看:
IOS 7 的界面改版具有一定的延续性,在不违背用户习惯的前提下,重建UI层次关系,重新设计了控制面板,通知,多任务,app分组等界面。
从表现层来看:
通过扁平化的图标,毛玻璃的质感,1像素的线等新的元素的出现,我们可以看出低端分辨率的屏幕是很难模仿的,也对手机性能上提出了更高的要求。而Helvetica Neue的字体也能看到其非衬线去工业化痕迹的用心。
交互设计师的终极问题
交互设计师不仅仅止步于易用性,更要深入到最终能够创造有人文情怀的,有韵味诗意的产品和服务体验。他需要深入理解商业、技术、用户的人文诉求,最终将它们融合,转化为有效的,易于接受的,乃至愉悦的方式,使其被消费或使用。
至此,他才能回答设计如何能够帮助塑造品牌,赢得顾客,最终获得商业利润的问题。
没看明白?不过还是支持博主
呃呃呃~
好久没来了,过来转转