设计、网站、推广
始于2004年
当前位置:首页 > 网站制作

交互设计实战分享 四个细节技巧

发表日期:2018-11-1 作者来源:派谷网络 浏览次数:0

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

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

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

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

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

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

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

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

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

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

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

本文章系本站编辑转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与本站联系,我们将在第一时间删除内容!

相关网站设计案例

相关推荐新闻

闁告繂绉寸花鎻掝嚕韫囨凹鍟庨悹渚婄節濞撳墎鎲版担瑙e亾閸愵厽顎氶柛婵愪簷缁拷...

闁告繂绉寸花鎻掝嚕韫囨凹鍟庨悹浣插墲濡剟宕烽妸顭戝敤缂傚啯鍨归悵顖炲捶閵娿倗鐟濋柛姘焷椤旀洘寰勯崶褎瀚查悘鐐茬箰缁犻浜搁崫鍕靛殶濞戞挸锕崗姗€鎳楅懞銉ョ倒濞撴碍绋愮粩鎾嚊缂堢姷鐟ù鍏记瑰锟�...

闁哄啨鍎插﹢锟犳晬閿燂拷2025-4-2

闁告繂绉寸花鎻掝嚕韫囨凹鍟庨悹渚婄磿濞堟垶瀵煎Ο鐓庝化闁哄牆顦幗銏$閿燂拷...

闁告繂绉寸花鎻掝嚕韫囨凹鍟庨悹浣插墲濡插憡绋夐埀顒傜矓瀹ュ牆鍘村鍓佸枙椤斺偓缂傚啯鍨归悵顖炲捶閵娿倗鐟濋柛姘焷椤旀洘寰勯崶椋庣濠碘€冲€归、鎴︽閵忋垺鏆╅柤瀛樺灟閳ь兛绀侀柦鈺呭级鐠恒劍鏆╅柤瀛樺灟閳ь剨鎷�...

闁哄啨鍎插﹢锟犳晬閿燂拷2025-4-2

闁圭粯鍔曞畷宀€绱旈幋鐘靛讲濞达絾鎹囬悰娆愭償閿旂偓鐣辩紓鍐╁灩閻濐垳鎷嬮敓锟�...

缂傚啯鍨归悵顖涙媴閹捐崵宕i幖杈剧畱椤曨喗绂嶆惔锝嗘殢闁规挳鏀卞Σ鎼佸触閿旇棄濮介柟鏉跨箰娴犵娀鎮惧▎宥佸亾娴gǹ鏅欐繛鍠°値鍟忛梻鍌ゅ枙娴滄帡宕f繝鍛閻炴稑鐭佸ù鍡涘礌閺嶎剙娈鹃柛蹇斿▕閸e摜鎲伴敓锟�...

闁哄啨鍎插﹢锟犳晬閿燂拷2025-4-2

濠碘€冲€风紞宥嗗濡搫顕х紓鍐╁灩閻濐垱绂掗妷锕€绲瑰〒姘☉閹烩晠鏌呴敓锟�...

濞村吋锚鐎佃尙绱旈幋鐘靛讲濞寸姰鍎茶ぐ浣圭瑹濞戞ɑ褰ラ梺顐ゅ枔濞堟垿宕濋悩鐑樼グ闂侇偆鍠庣€规娊寮伴娑樼倒闁告娲ㄩ弫銈夊箣閾氬倻绉煎Δ鐘茶嫰閹蜂即骞栧⿰鍛亶鐎殿喗娲橀幖鎼佸箳閹烘垶鍊抽柣銊ュ閸欙拷...

闁哄啨鍎插﹢锟犳晬閿燂拷2025-4-1

缂傚啯鍨归悵顖氼嚈妤︽鍟庡☉鎿冨幗濠€渚€宕鍐槀闁糕晝鍎ゅ﹢鏉库枖閿燂拷...

濞寸姰鍎扮粭鍛村及椤栨粎绉圭紒鏃€鐟ョ紓鎾舵媼閸欍儴鍘柣銊ュ缁斿瓨绂嶅☉妯煎敤闁哄牜鍓氱涵鍫曞礆濞嗘瑧绐楀ù鐘劤閺併倝骞嬮摎鍌濈濞戞搩鍘肩缓楣冩晬濮橆厾绠掗柛蹇嬪劙缁紕鎲撮敐鍥ㄧ獥闁哄秴娲よぐ锟�...

闁哄啨鍎插﹢锟犳晬閿燂拷2025-4-1

网站建设解决方案
缂傚啯鍨归悵顖滅磼鐎涙ê袘閻熸瑱绲介崰鍛村棘鐟欏嫷鏀� 濞撮棿妞掔粭鐔兼⒒閵婏箑鐓曠紓鍐╁灩閻濐垶姊块崱娆忣唺闁告牗鐗炶闁告劘娅曢弻鐔奉浖閿燂拷 闁解偓閵夆晜鏁橀柛銊ヮ儑缂嶅绮╁▎鎹帡宕橀搹顐g厵婵℃鎷� 闁稿繑妲掗埀顑跨窔濞呭瞼鎮扮仦鑲╃懝缂傚啯鍨归悵顖氼嚈妤︽鍟庨悷娆欑到閸犲懘寮憴鍕垫敵 闁告牕顭峰▍宀€鎷犳繝鍐暡缂傚啯鍨归悵顖氼嚈妤︽鍟庨悷娆欑到閸犲懘寮憴鍕垫敵 闁归潧顑嗗┃鈧柡浣瑰閻栨粎鎮扮仦鑲╃懝缂傚啯鍨归悵顖氼嚈妤︽鍟庨柡鍌濐潐椤拷 濠㈣埖鐗為柨銈夊礂椤掆偓瀵板啰绱旈幋鐘靛讲鐎点倝缂氶鏇犳喆閿濆懎鏋€闁哄倽顫夐、锟� 闂佸弶鍨奸悗铏圭磾閹寸姷褰茬€点倝缂氶鏇犳喆閿濆懎鏋€闁哄倽顫夐、锟� 閻炴稑濂旂粭鐔煎础韫囧海绐楃紒顐ュ吹缂嶅绮╁▎蹇曠处閻犱焦宕樿闁告劘娅曢弻鐔奉浖閿燂拷 闁告繀鑳舵晶婵堚偓瑙勧缚缂嶅绱旈幋鐘靛讲鐎点倝缂氶鏇㈠棘鐟欏嫷鏀�