加入收藏 | 设为首页 | 会员中心 | 我要投稿 核心网 (https://www.hxwgxz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 运营 > 正文

微交互的设计案例与思考(下篇)

发布时间:2017-06-16 23:56:45 所属栏目:运营 来源:woshipm
导读:在上篇中,我们聚焦产品中的用户流程行为,讨论为减少用户操作负担和优化等待而做的交互设计;在中篇中,我们从人的主观感受出发,讨论产品的礼仪和为舒适而做的交互设计;在本篇中,我们将讨论人的感知和目标,探究那些”人们其实已经知道,却没有被发现

我们每天使用的iOS就是通过界面间的X、Y、Z轴转场,及焦点缩放展现界面信息之间层级关系,以及理解我们所处的位置。通常情况下,APP设计者都注意到了这一点,比如Airbnb:搜索、房源和攻略通过X、Y和Z轴转场分离,每一信息类别和当前所处位置可清晰感知。

不好的例子是摩拜单车,无论是左侧菜单、搜索、消息,都是向左滑动的X轴转场,而模态视图不论触发位置一律采用下落Y轴转场,人们根本无法通过界面间运动关系感知信息层级关系,信息之间关系因此混乱,就像糟糕温控器例子里简单粗暴横向排列的按钮一样。

案例五 支付宝与微信卡包:符合心智模型

Norman提到产品设计中存在三个模型,实现模型,呈现模型,和用户心智模型。当产品的呈现模型趋于用户心智模型,用户就会轻松的理解和使用。当呈现模型趋于实现模型而不是用户心智模型,用户就需要顺应、理解和平衡,有时因为理解错误,就会出错,甚至会因此感到挫败、愤怒和逃离。

微交互的设计案例与思考(下篇)

今天我们知道电脑中根本没有真实的文件夹、桌面和垃圾箱,这是70年代施乐实验室设计图形化系统时使用符合用户心智的概念,将可视化操作与用户日常行为相联系。

微交互的设计案例与思考(下篇)

支付宝与微信将优惠券、银行卡的列表使用卡包的概念。日常生活中,掏出钱包,拿出信用卡,使用完后,再放回钱包,“卡应该放在钱包中”的概念模型是用户所熟悉的。类似的例子,我们转账给朋友,支付宝和微信使用“红包”的概念,也是为了将可视化操作与日常行为联系。手机中根本没有现实中的红包,而是通过符合心智的模型增强了用户感知,减少了用户的错误理解和焦虑。

微交互的设计案例与思考(下篇)

今天越来越多的产品懂得使用红包的概念拉新,反观airbnb,邀请好友获得“旅游基金”是一个陌生概念,没有和用户的日常行为联系,这是一个需要用户理解而不能轻易感知,不符合用户心智的例子。

因懂你而做的设计:

我们周遭的人造事物大多都是经过设计的,而为了产品竞争或商业目的达成,今天智能设备上越来越复杂的功能和操作有时并没有帮助我们,甚至让我们感到多余和沮丧。以人为中心的设计,强调将人的需要、能力和行为模式进行分析,然后再进行设计来满足人的需要,设计的前提是先理解人。

Norman在《情感化设计》中提到人的认知存在三个层次,本能层、行为层和反思层,Alan Copper将其映射到交互设计中用户的目标:体验目标(用户想要什么样的感觉)、使用目标(用户想要做什么)和人生目标(用户想要成为什么样的人)。

谈因懂你而做的交互设计,我们沿着Norman到Alan Copper的思路展开。

案例一 Bilibili、Acfun和野兽派:懂得如何迎合你

本能层认知是用户接触产品时就会感受到的,所以体验目标通常是简单、通用和人性化的。不过设计者如果希望迎合受众,通常会考虑更多的体验动机,在体验目标的达成上颇费苦心。

微交互的设计案例与思考(下篇)

Bilibili和Acfun都是以90后二次元为主要用户群的视频APP,在页面元素、卡通图标和下拉刷新的加载动画上,都尽力在迎合90后二次元的群体特征,展示了十分有趣的情景。

同样的电商APP野兽派,用户群是不满足于传统电商的年轻白领,在首页使用精致的地图展示店铺,虽然这种交互模式增加了用户识别的困惑,但是却十分迎合这类用户追求新鲜、不同、精致的体验目标。

案例二 iOS与锤子日历:懂得你的日常行为

行为层认知是用户在使用过程中感受到的,其映射的使用目标代表着用户使用产品执行任务的动机。为了达成这一点,设计者通常需要关注用户的日常行为和场景,以及用户具体的使用行为和任务。

微交互的设计案例与思考(下篇)

在日常生活中,我们常见三种日历,即黄历、月历和年历。黄历每一页是一天,每页可以浏览和记录更多信息,但在不同天之间推算天数不便;月历将一个月记录在一页上,方便计算一月内不同天的间隔,但推算相邻月的间隔日期不便;年历适合全览和推算月间的日期间隔,但在浏览和记录信息上不便。

微交互的设计案例与思考(下篇)

iOS设计了一个优秀的日历,用户可以顺畅的在周、月和年的不同浏览模式间切换,而当用户想要看下个月的某天和今天间隔几天,不会受限于是否在同月的限制,这正是源于对人们日常行为的准确理解。相反,锤子的日历完全机械复刻了现实中的月历,人们必须按照月历那样切换,但日期客观上是连续的,在推算相邻两月间隔日子时,人们也就碰到了如同现实中一样的问题。

懂得用户的日常行为和场景,iOS的日历更好的达成了用户的使用目标。

案例三 知乎和RNIfilm:懂得你如何使用产品

微交互的设计案例与思考(下篇)

达成用户使用目标的另一种方式是关注用户的使用行为和任务。

当我们在使用知乎的时候,跳出APP,过一会再进入,顶部就会非模态显示刷新;当我们下拉列表的时候,会在信息中显示之前浏览到哪里,知乎所做的这些,是因为理解用户具体使用的行为和任务,都是为了用户能更好的“刷”知乎。

(编辑:核心网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读