在交互设计中,需要注意的四个小tips

在移动互联网时代发展的今天,场景思维对于用户体验设计的影响不言而喻。大道理在此不多说,大家都懂。在这里,笔者和大家分享一个近期手上的设计task中总结出来的几个交互设计的小tips。


在移动互联网时代发展的今天,场景思维对于用户体验设计的影响不言而喻。大道理在此不多说,大家都懂。在这里,笔者和大家分享一个近期手上的设计task中总结出来的几个交互设计的小tips。

在交互设计中,需要注意的四个小tips

近期笔者做了一个叫“绑定银行卡”的 task。此任务的主要功能是让用户在点融APP上添加自己的银行卡作投资理财用(非常小的一个功能点啦~)。在分析了业务需求以及技术限制之后,盟主对比分析了微信和支付宝两大巨头的“绑定银行卡”流程,在以下的文章中会作为案例分析列出来。

1. 在功能性 APP 的设计上,设计要尽可能的简洁

因为功能性 APP 主要以操作为主,且用户操作的目的性会比较强。为了方便用户操作,APP 页面的展示信息需要经过提炼。给用户展示当下操作需要的信息,减少甚至删除不必要的信息。这样一来能降低页面噪音,方便用户聚焦。

举个例子,在点融贷款 APP 的绑卡流程中,想要绑定成功银行卡,需要提供用户姓名、身份证号、银行卡号和银行预留手机号这四项要素。因为对于后台来说,用户的姓名和用户身份证号是对应的。也就是说,后台运行的时候会把用户姓名和用户身份证号一起传输,而对于用户来说,只用知道自己的姓名就好了,没必要同时看见自己的身份证号。出于以上考虑,为了让用户在这个流程聚焦,我对信息展示做了选择,省去了与持卡人姓名相对应的身份证号的信息。如下图所示:

在交互设计中,需要注意的四个小tips

2. 在设计简洁的基础上,要更注意设计细节,将场景思维落实到每个细节点中

设计要注意细节,设计要注意细节,设计要注意细节。重要事情说三遍。大家可以看下图的例子,左图是点融借款 APP 的界面,右边是支付宝的页面。点融借款页面中“持卡人姓名”这一项是不能被用户编辑的,所以现设计把这块的灰掉,暗示用户此区域不能被编辑。右图中“支付宝智能加密,保障你的用卡安全”这行说明文字也是为了告诉用户输入信息安全,打消用户绑卡时候的顾虑。

这些都是非常细节的设计小点,但是运用在用户使用场景里面能传递更加友好的信息。

在交互设计中,需要注意的四个小tips

3.对于给用户的错误提示,应该更加场景化

很多 APP 的做法是在用户已经操作错误之后给用户错误提示,这需要用户返回重复操作。如果用户在这一阶段反复几次还未能完成操作,很容易产生不耐烦的情绪。从更好的体验的角度来说,处理这个问题一般有两步骤:首先,需要设计师分析清楚这个错误提示是否必要以这种方式出现。是否可以通过流程上的改进或是页面细节的改进来降低甚至避免用户出错的概率;其次,如果用户操作错误,能否尽早尽可能准确的提示用户。

下图所示的是微信和支付宝的“选择卡类型”的流程对比。二者都能基于银行卡号自动识别出对于银行,不同之处在于,微信允许用户自主修改卡类型,如果用户自主选择结果有错误再给用户错误提示的弹框。支付宝自动识别出银行卡类型之后不允许用户自主修改。

在交互设计中,需要注意的四个小tips

因为不清楚两大巨头在这一功能点设计背后的技术限制问题,所以很难说谁好谁坏。如果在信任自动识别技术的基础上来说,盟主个人偏向支付宝的处理办法。支付宝不允许用户自主选择卡类型,可以减少用户自主选择错误的可能性。这就是盟主在上段所说的,通过改进流程来减少(或避免)错误。

4. 设计遵从用户的普遍认知

对于大多功能性APP 的设计而言,遵从用户的普遍认知能降低用户的学习使用 APP 的成本,一定程度上提升了 APP 的用户体验。简单来说,就是在为功能性 APP 做设计时,采用的设计样式啊交互方式啊一定程度的跟随市场上的通用做法。这样虽然从表面上看,APP 的设计个性会减弱,却能在易用性方面得到大幅提升。

 

作者:盟主萌长苏

本文由@点融设计中心DDC 授权发布于人人都是产品经理,未经作者许可,禁止转载。

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

(0)
CatherineCatherine
上一篇 2017-05-18 00:47
下一篇 2017-05-18 02:38

相关推荐

  • Axure学习笔记:手机APP微信读书原型设计

    最近在学Axure,周末做了个案例练练手,选了腾讯新出的微信读书,主要考虑这是1.0版,所以功能不是那么复杂。做完之后回顾了一下自己的制作过程,既算是做一个总结,也希望能给同样正在学习的新手带来一点帮助。就…

    2016-01-06
  • “空状态的设计“值得更多关注

    空状态,或称零数据状态,很多时候不太招设计师的待见。我们基本都是在主要流程界面的设计工作完成之后才会回过头来考虑完善一下,因为从表现上来看,空状态给人的感觉就是临时性的,有些微不足道。 不要被空状态的…

    2015-08-17
  • 产品经理和交互设计师两个职位到底是什么关系啊?

    产品经理不一定要从交互设计师开始做起的,产品经理其实对之前做什么职位要求并不严格,因为它更看重一个综合能力,例如做开发的如果做了产品经理,在代码层就会比较有优势,在做产品的时候这一部分可能就会把握的…

    交互设计WiKi 2015-01-25
  • 如何完美碾压用户体验职位面试

    作者: Patrick Neeman |  翻译:Shea ,校审:Ariel本文长度3082字,建议阅读5分钟当你成功进入了电话面试或者面对面面试的阶段,这就意味着你已经通过了最艰难的考验:你已经具备了在该公司工作的技能。现在要被评估是否具备软实力以及能否适应公司的文化。在上次西雅图用户体验组见面会主持的谈话之后,我发现很多公司没有在面试中明确表达对面试者的期望,而且并不知道如何去面试。面试的过程其实是个自我展现的机会,作为设计师来说...

    2018-02-07
  • 我手机里的应用设计体验

    最近养成了一个习惯,看到手机应用的一些设计点,自己觉得好或者不好的时候就会截图下来,翻了一下手机已经存了一堆图片了,就干脆发出来吧。 应用更新通知弹窗 应用更新弹窗是几乎每个应用都会有的一个模块,但是…

    2016-06-27
  • Sketch 一定要会的那些快捷键

    Sketch的快捷键功能一般,不能自定义不说,关键的有点常用的快捷键都没有设置,所以我们就需要更好的利用好这些有快捷键的功能,今天我就来说下这些常用的快捷键   sketch的快捷键功能一般,不能自定义不说,…

    2015-04-20
  • 交互设计师的60日计划之第三天

    此次分享的 [button type="info" text="交互设计师的60日计划" url="https://www.iamue.com/tag/interaction-designers-of-60-days" open_new_tab="false"] 来自 Killa.G 让我们一起跟着学习和并学会做自己的总结与…

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

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

    2018-05-08
  • 【交互实战】数据产品设计实战-小屏幕下的大数据

    摘要: 大数据的概念如今对于很多人来说并不陌生,成功的数据分析,不但可以反映企业的经营状况,更可以帮助企业优化经营方式。但数据分析类产品使用起来会花费一定学习成本,面向的客户群体也不像to c用户那么广,…

    2017-04-28
  • 面试时,如何阐释设计思路?

    这几天有一些同学问我关于面试的问题,其实我对于整个面试的过程还没怎么总结过,但是对于如何阐述自己的设计思路倒是有一套方法,今天分享给大家。由于信息安全问题,我将底部的信息主架构进行了隐藏和改变,大家主要看整个设计思路的阐述,不要纠结细节。

    2017-05-07