把握交互的第四维 — 时机关系

日常的交互设计工作中,设计师在明确了需求目标、用户场景,搭建了信息结构之后,下一步便是构思如何让这些信息与用户之间产生有效的互动,而这就需要设计师将思路放在时间的维度上一步步的推进,这中间,便会产生许多关于“时机”问题的讨论。

把握交互的第四维 — 时机关系

日常的交互设计工作中,设计师在明确了需求目标、用户场景,搭建了信息结构之后,下一步便是构思如何让这些信息与用户之间产生有效的互动,而这就需要设计师将思路放在时间的维度上一步步的推进,这中间,便会产生许多关于“时机”问题的讨论。虽然,“时机”一词有其本身特定的含义,但“时”与“机”这两个字却有又可以拆分理解,牵出二者之间的微妙差异:

—  时者,四季也,代表着规律、循环的时间段,并且具有较强的普适性;

—  机,机会,指在特定的条件下的有利条件,不具备普适性,却往往能产生好的结果;

例举一个时下的例子:毕业生求职,都有所谓“金九银十”的说法,每年九月、十月是求职的高峰期,于是各种针对求职的产品、广告也均迎来爆发期,这是一段循环的具备普适性的时间段;而作为一个毕业生,也许通过导师或朋友的介绍,恰好得知了某个公司的职位空缺,于是积极准备直至录取,这便是抓住了一个机会。

而将情景移到交互设计中来,站在设计师的角度,这两个字又可以有其特有的诠释:

把握交互的第四维 — 时机关系

图1:“时”“机”关系简图


 — 即产品功能的主要流程交互,由持续的时间片段组成,也许是几分钟(如:阅读),也许是数秒(如:登录、注册)甚至更短,而形式上可以是可见的(如:下载进度),也可以是不可见不可感知的(如:信息的同步)。

它所针对的是整个目标人群,无论是专家用户还是小白用户

它的目的很明确,就是引导用户一步一步的达成需求目标;

而相对于信息结构中“上下左右的空间关系”的设计,在时间维度上,我们更应专注于功能模块在时间上的先后串联,引导用户的操作行为,即“顺序的设计”,即便是完全相同的操作,顺序上的不同,也会造成体验上的差异,试想,如果你是一个新用户,打开两个同类型的应用,一个告诉你“你需要注册后才能体验”,而另一个则说“你可以先体验,如果觉得需要再注册”,感觉上的差异就产生了。

但在日常的设计工作中,特别是在新需求的加入导致原流程的改动时,往往会因为思维惯性而忽略对顺序问题的审视,这里可以举例邮箱大师在设计手势密码功能时遇到的两个顺序问题:

1、何时告诉用户

在使用手势密码时,如果用户忘记手势密码,可以通过邮箱帐号密码进行身份验证进入应用,同时删除已被忘记的手势密码。

在早期的Android版本中,用户通过验证后,会先“关闭邮箱验证页面进入邮件列表 ①”,然后“显示持续2秒的toast提示 ②”,在整个流程体验上也没有发现不妥之处,于是在iOS的版本设计时,也采用了这套设计,但由于iOS的系统提示样式与Android不同,“手势密码已删除”的提示使用显得非常的突兀。面对这种情况,一开始我们期望通过视觉进行优化解决,但最终发现,通过调整“验证页面关闭”与“提示显示”的顺序,这个问题自然就不存在了。

把握交互的第四维 — 时机关系

图2:手势密码-邮箱密码验证,安卓(左),iOS-旧(右)

把握交互的第四维 — 时机关系

图3:手势密码-邮箱密码验证,iOS-新

2、何时验证身份:

手势密码的修改与删除,都需要用户输入现有手势密码作为身份的验证,于是,就有了图4 中的流程,看起来也没有问题;但如果我们调整一下“验证身份”这个操作在流程中的顺序呢?(图5)可以看出,整个流程并没有多出操作,但是“密码保护”功能项里的内容同时受到保护,在隐私安全上却是更进了一层。

把握交互的第四维 — 时机关系

图4:手势密码修改/删除 a

把握交互的第四维 — 时机关系

图5:手势密码修改/删除 b


 — 指特定的用户在特定的场景下,做出特定的行为的时间节点,也是用户思考决策后瞬间的行为触发。

•   特定用户用户类型的不同,使用的功能也会有所差异,特别是像邮箱这一类的产品,为用户提供了许多自定义的功能,如:邮件分类、帐号绑定… 一开始的新用户,随着使用时间的推进、需求的增多、使用功能的深入,必定需要产品在更多的地方来支持他;

把握交互的第四维 — 时机关系

邮箱大师中针对使用邮件分类的用户,在产品使用初期会提示设置需要提醒的文件夹;

而没有使用该功能的用户,则不会触发这项提示;

•   特定场景:用户在不同的场景使用产品,需求与行为方式上的都会有所差异,甚至于环境本身就在变化,如:wifi与蜂窝网络的切换、环境光的变化… 因而,在设计时,场景的切换节点,也应被纳入考量,虽然很可能不是用户主动的行为:

把握交互的第四维 — 时机关系

邮箱大师在用户发送邮件的过程中,若网络环境从wifi切换至蜂窝网络,会询问用户是否继续发送

•   特定行为:用户在与产品交互过程中的关键行为,而关键性的判定,则要求设计师从需求目标出发,用心推敲用户的想法、目标、所处的情景以及下一步可能产生的行为:

1、获得允许,在用户最需要的节点:产品功能需要访问用户的通讯录、获得用户的地址位置、访问相册相机… 这些都需要获得用户的允许,iOS系统将各类权限的询问弹窗,设置在了用户点击进入该项操作的行为节点上;

把握交互的第四维 — 时机关系

2、帮助引导,在用户会疑惑的节点:向新用户介绍产品如何操作,向老用户介绍增加的新功能,选择在用户进入相关页面的节点展示相关说明,相对于在进入应用时机械化的展示,方式更友好,更容易被用户所接受;

把握交互的第四维 — 时机关系

小红书在进入关注页面时,提示关注好友的入口;

微信查看朋友圈,下移页面,会提示点击状态栏可以直接置顶;

3、降低操作成本,在可以帮助用户减少多余操作的节点:用户达到某种状态或进行某项操作时,准确预见其下一步的行为,自动帮用户完成,使产品用起来的感觉更贴心;

 

把握交互的第四维 — 时机关系

用户点击转发或回复,打开写信页面的同时,

自动完成光标定位(转发定位在收件人栏,回复定位在正文输入栏),

免去了用户再点击一次的操作;

4、给予惊喜,在用户意料之外的节点:用户某个行为节点上给予其意想不到的效果,提升用户对于产品的好感;

 

把握交互的第四维 — 时机关系

微信聊天界面,输入关键字,显示全屏表情

5、获得支持,在用户最满意的节点:很多时候,出于产品推广上的考虑,我们希望尽可能的鼓励用户进行好评、分享等 处在用户主流程之外的操作,此时,就更需要设计师对用户的所想所做做出充分的预判,“用户在哪个节点上会愿意离开产品去评价?在哪个节点上会愿意做出好的评价?…”选择正确的节点,做出适合的引导,才能收获最佳的效果。

 

原创文章,作者:Smiler李想,如若转载,请注明出处:https://www.iamue.com/2117/

(0)
Smiler李想Smiler李想
上一篇 2014-12-28 10:48
下一篇 2014-12-28

相关推荐

  • 我们招人啦:高级UX/UI设计师

    For EN version, clickhere生活在笔驰!想不想为前卫的客户创造出杰出的作品?加入我们紧密团结,具有才华,能吃苦耐劳的大家庭,你将会为不同行业构建最具深刻印象的品牌形象。你将迎接带有刺激和创造性的挑战。你会和一个带有创新思维的团队一起工作,不断地推动自己,让自己继续迈向未知的步伐。有时混乱,但永远是具有想象力的一个过程,我们能够专注于做出一个非凡的设计并将它和乐趣结合到一起。我们需要的高级UX/UI设计师!我们正在寻...

    微信热点 2018-04-05
  • 一个APP的视觉风格:配图是一个重要的,同时极易被忽略的点

    在我们常规意义上组成一个APP的视觉风格有几大元素——颜色、交互元素、字体、阴影、ICON的图形等,但是有一个总容易被设计师们忽略的元素,它能给与用户一个非常直观的视觉记忆,大家却总是忽略,甚至做的很糟糕。那就是APP里面的配图。

    2017-05-12
  • 一篇文章总结可用性测试方法

    之前总结过一版交互设计流程图,主要是想给自己以后做设计梳理一下过程,但是那份流程里面只有枝干,并没有枝叶,所以针对每个方法我都会撰写一份方法总结,或者说指导,目的就是为以后实践做准备。我期望的效果是,假如一个没有接触过该方法的人看到这份总结,可以按照这个总结一步步完成实验。这就是我最大的目的。下面就是第一份总结《可用性测试方法总结》。

    2017-05-30
  • 用交互设计思维分析iOS10新特性

    #交互设计# #iOS10#:本文用交互设计的思维对iOS10的新特性进行分析。撇开平时我们考虑的界面排布,页面元素等问题不谈,将视角转移到屏幕外的东西:如时间维度的,空间维度的,手势操作等等,以提升我们的用户体验…

    2016-10-26
  • 12个很不错的UI交互设计动效灵感

    转自:设计达人(ID:shejidaren888)链接:http://www.shejidaren.com/ui-interactions-01.htmlUI动效设计是每位设计师们的一个进阶技能,我们做动效时,不仅仅要有用,而且还有好看哦,今天达人分享来自muzili整…

    2017-08-02
  • 【设计】UI设计、UE设计、交互设计分别是什么?

    这些概念在传统行业和传统工业中其实已经发展的很成熟,近几年随着互联网的发展又重新流行起来。UI即User Interface ,字面意思是用户界面,业界一般指的是界面视觉设计UE即User Experience,字面意思是用户体验,这个范围就很广了,不仅仅包含视觉与交互交互设计又称互动设计 ,是人工制品、环境和系统的行为,以及传达这种行为的外形元素的设计与定义。UE范围最大,他研究的对象是用户使用这个产品过程中所有的感受,比如听觉视觉触...

    2018-05-08
  • 如何输出一份合格的交互设计文档?

    做一件事之前一定要先想清楚做这件事的目的,为什么要做这件事,只有这样,才能万变不离其宗,不会变成为了做事而做事,这很可怕。拿交互设计文档来看,为什么要写交互设计文档,这是开始写之前要想清楚的。

    2017-05-15
  • CHI2017 交互设计在较热门的研究领域如何继续创新?

    什么是CHI? 今天跟大家分享一个学术会议SIG CHI,全称Special Interest Group on Computer-Human Interaction,顾名思义,这是研究人与计算机互动的一个学术会议。但希望大家别被「学术」两个字吓到,因为这个会议…

    2017-05-31
  • 基于Axure的移动端APP产品设计规范

    文章结构:① 全局元素与控件设计规范 ② 全局注释规范 ③ 一些基本的产品设计原则一、全局控件元素设计规范我们经常会看到很多产品都有一个标志颜色,来增加产品的辨识度,例如淘宝的橙色,小黄车的黄色等。在产品设计过程中,为了保持视觉的统一性,通常会有一套配色方案,配色方案确定了产品的主色调和辅色调,所有的控件和元素都应用这一套配色来设计。除了配色还有,还有字体元素,按钮元素,以及其他控件元素等,产品设计开始就应该定义好这些基本规范,不仅能保...

    2018-03-04
  • 那些年苹果做错的设计

    设计不是艺术,它不是孤立存在的,更不是设计师的自娱自乐。设计永远和人、使用场景、用户需求相关联。iOS会不断地更新迭代它的设计,除了有商业目的上的考虑外,更多的是根据时代(人、环境、需求)的变化而变化,去做符合当下的设计。

    2017-05-16