产品设计

    今日:42| 主题:15720
收藏本版 (1)
软件产品、PC、移动、网站、平台的开发、策划等内容。

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

[复制链接]
从红酒到宿醉 发表于 2016-10-2 12:36:25
141 1

立即注册CoLaBug.com会员,免费获得投稿人的专业资料,享用更多功能,玩转个人品牌!

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
在移动互联网时代发展的今天,场景思维对于用户体验设计的影响不言而喻。大道理在此不多说,大家都懂。在这里,笔者和大家分享一个近期手上的设计task中总结出来的几个交互设计的小tips。
   
在交互设计中,需要注意的四个小tips-1 (移动互联网,银行卡,后台运行,身份证号,案例分析)

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

  因为功能性 APP 主要以操作为主,且用户操作的目的性会比较强。为了方便用户操作,APP 页面的展示信息需要经过提炼。给用户展示当下操作需要的信息,减少甚至删除不必要的信息。这样一来能降低页面噪音,方便用户聚焦。
  举个例子,在点融贷款 APP 的绑卡流程中,想要绑定成功银行卡,需要提供用户姓名、身份证号、银行卡号和银行预留手机号这四项要素。因为对于后台来说,用户的姓名和用户身份证号是对应的。也就是说,后台运行的时候会把用户姓名和用户身份证号一起传输,而对于用户来说,只用知道自己的姓名就好了,没必要同时看见自己的身份证号。出于以上考虑,为了让用户在这个流程聚焦,我对信息展示做了选择,省去了与持卡人姓名相对应的身份证号的信息。如下图所示:

在交互设计中,需要注意的四个小tips-2 (移动互联网,银行卡,后台运行,身份证号,案例分析)

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

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




上一篇:5个小技巧,用动效提升界面的用户体验就这么简单
下一篇:The typographic details behind Typewolf’s favorite sites of September
酷辣虫提示酷辣虫禁止发表任何与中华人民共和国法律有抵触的内容!所有内容由用户发布,并不代表酷辣虫的观点,酷辣虫无法对用户发布内容真实性提供任何的保证,请自行验证并承担风险与后果。如您有版权、违规等问题,请通过"联系我们"或"违规举报"告知我们处理。

kkiwjjyq 发表于 2016-10-16 12:39:21
作为一个曾经充分理解怎么吃也不胖的瘦子,如今我总算完全的体会了一吃就胖的感悟。
回复 支持 反对

使用道具 举报

*滑动验证:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

我要投稿

推荐阅读

扫码访问 @iTTTTT瑞翔 的微博
回页顶回复上一篇下一篇回列表手机版
手机版/CoLaBug.com ( 粤ICP备05003221号 | 文网文[2010]257号 )|网站地图 酷辣虫

© 2001-2016 Comsenz Inc. Design: Dean. DiscuzFans.

返回顶部 返回列表