案例实战!聊聊交互细节设计的四个小技巧

来源:设计经验分享网
添加时间:2024年02月
摘要:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

平面设计相关资讯推荐阅读:


不要把移动网页和移动APP混为一谈如何提高APP的体验感 靠谱的网页设计制作公司专业定制网页建设展示优质的响应式作品面包屑导航条在网页建设中的使用和设计响应式网页建设的四大注意事项APP产品运营不同阶段怎么做关于我们页面的设计范例和趋势免费网页建设会有什么必须成本页面布局如何影响网页设计中的网页优化正确的方式来编写URL结构创业邦方浩:资深媒体人给创业者的四个建议软件定制解决方案营销型网页建设怎样可以成就网页转化率在网页中放置视频要注意哪些问题手机建站软件建站的几个重要注意点在深圳做外贸网页建设的费用是多少钱网页设计优化的意义建网页多少钱都包含哪些层面的费用深圳网页建设过程中遇到的问题如何处理 有实力的网页设计制作哪个品牌好网页建设:旅游网页设计分析创建网页的基本信息原创文章的网页没排名或者被降权的原因是什么如何规划网页建设结构化布局为什么企业在创建网页时要选择自定义网页移动手机网页制作是要注意哪些问题高端品质网页的决定因素为什么要建议企业做网页建设6个你不熟悉的百度降权因素如何做好站内的URL优化建网页多少钱都包含什么方面的费用展示型网页制作有哪些需要注意的会员体系设计之道营销型网页的用户体验为何企业平台网页必须做优化企业网页建设步骤大揭秘响应式网页跟传统网页的区别企业网页开发的外链注意事项企业网页如何定位企业网页建设优化内容为王商业网页建设一般存在哪些误区竞价网盟推广的定向分享网页建设如何选择*页框架网页首页设计有哪些地方要注意成功的企业网页设计怎么进行深圳网页建设之另类高端网页设计单页成交型网页设计深圳福田网页制作的步骤是什么,网页内部优化包括哪些内容企业网页设计有哪些注意事项深圳网页设计判定网页流量如何放置一个合理的标准西安市网页提升之电商的总体目标精准定位和发展战略企业网页建设如何给企业带来利益商场网页制作需要关注的三个方面固化思维之网页是否得有排名才会有流量告诉你网页建设的操作流程网页制作流程详解一步一步轻松做网页极简电子商务网页设计,惊现黄金比例栅格网页设计制作过程中的页面颜色搭配技能介绍互联网时代公司建立公司网页的意义是什么浅谈信息多元化时代对于设计制作网页的关键性
网站备案号:豫ICP备2024041165号