易捷网络专注企业网站建设
11年企业网站建设经验、响应式网站建设,兼容PC、手机、平板全
终端,给你更佳的浏览体验...

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

来源:网站建设行业资讯网
添加时间:2022-01-17

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

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

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

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

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

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

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

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

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

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

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

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

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

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

网站建设计最新案例赏析:


深圳信可威空间规划设计网站制作首页设计效果图
深圳信可威空间规划设计
广州庄齐实验室工程网站制作首页设计效果图
广州庄齐实验室工程
广东丰大机械科技网站制作首页设计效果图
广东丰大机械科技
上海科宁会展服务网站制作首页设计效果图
上海科宁会展服务
深圳信雅文化传播网站制作首页设计效果图
深圳信雅文化传播
东莞吉川机械科技网站制作首页设计效果图
东莞吉川机械科技
上海傲秀展览展示网站制作首页设计效果图
上海傲秀展览展示
佛山市共宏纺织机械网站制作首页设计效果图
佛山市共宏纺织机械
东莞鼎力环保科技网站制作首页设计效果图
东莞鼎力环保科技
吴江正大纺织厂网站制作首页设计效果图
吴江正大纺织厂
 

网站建设行业资讯推荐阅读:


企业建站公司网站建设排名分析品牌网站建设:网站的全体规划个性和颜色调配怎样的网站,比较吸引用户网页设计和网站制作有什么不同 企业网站设计联系方式 企业网站建设首选易捷网络!标准的网站建设需要把握哪些方面网站如何建设才能提高转化率,深圳网站建设 租用独立主机需要注意什么5G时代对网站建设有什么影响吗产品展示是企业网站核心响应式设计中的常见难点中小企业如何有效降低建站成本网站设计中如何选择合适的图片怎样在深圳做好一个网站的设计自适应移动网建设需要注意什么响应式网站跟自适应的区别在哪里Intranet服务和影响网站制作,企业在进行网站建设时应该注意哪些问题怎么去挑选好的网站空间学习seo这种基本常识一定要掌握为什么和模板建站相比企业更喜欢定制网站 有哪五点手机网站设计可以满足用户体验呢友情链接交换的注意事项有哪些深圳网站制作如何通过男性群体流量来转化到网站站点swfobject.js支持透明flash企业微网站建设时需要留意那些重点企业网页设计对网络营销的影响移动建站的模式选择网站设计最新发展趋势风格多样的高质量404模板(下)2020年,电子商务行业网站设计趋势网站导航设计有哪些技巧,深圳网站设计响应式网页设计的20个误区(二)iPhone手机轻松获取UDID的六种方式网站首页设计有哪些主要的设计形式企业网站需要多方面的考虑哪些因素网站优化主要优化哪些方面基本步骤是什么品牌网站建设有哪些原则网站域名对企业来说尤为重要 企业网站设计模板制作电话 如何做好中小企业的网络营销方法营销型网站引导市场潮流网站建设的字体重要吗高端网站设计的注意事项如何设计高质量的家具网站企业需要网站建设需要了解什么知识网页设计上面的广告将何去何从怎样让你的网站令人眼前一亮好的口碑对高端网站的重要性服装网站建设需要多少时间如何避免蜘蛛陷阱网站建设不能为了搜索引擎而优化常用的推广微信公众号的几个方法品牌网站建设:建立网站的目的是什么 网页设计实训报告心得 网页设计哪家有实力 做网站优化要如何查询做的怎么样如何让企业产品推广传播更广-深圳网站建设分享深圳网站建设对企业有哪些好处企业为什么建设H5网站,H5网站的优势有哪些
企业网站建设行业信息服务发布平台!
(www.fantodo.com)版权所有
QQ在线咨询