更多

[转载] 如何理清交互设计的思路 [复制链接] 推荐作品

系统分类: 9CG CG分类资源 作品展示

作品版权:admin 版权所有,禁止匿名转载;禁止商业使用。

湖南省 / 其他
2017-6-29 16:30:01

背景概述

登录页面是移动端产品的常规页面之一,相信大家并不陌生。这次迭代中,我们试图将单点登录这个功能应用在客户端中。

205723jo5kdzi2dyv45jqn.jpg


方案流程

本次方案的总结从以下四个方面来阐述。这也是笔者方案设计的常规步骤。命名为梳理-分析-定义-验证四步法。

205723r6ymfyoz0a7mjocs.jpg


流程梳理

这里的流程指的便是用户在使用过程中完成登录任务的主要流程。因为有单点登录的存在,所以在流程中可以优先考虑这种最便捷的登录方式。

205723nni8in81oi1ff4i5.jpg


设计分析

对于一个现有功能的优化,可以采用小范围讨论来找出用户的场景和痛点。进而结合数据来完成方案设计的注意事项。

205723ndmbs8ibk84s4ne8.jpg
205723pxqxh6exmgwixmm2.jpg
205724kmzbov6hmrozmbbb.jpg


在上述分析总结中,有一点值得玩味。虽然数据表明用户登出自己帐号的需求很小,但是大家依然希望有个记住帐号密码功能。然而继续询问,用户更多是希 望卸载应用安装后依然可以免登录。其实当前应用登出帐号功能,更多是满足换帐号兑换礼品或者换小号写跟贴的需求。鉴于这种情况的考虑,并不需要当前应用 “登出依然记住帐号密码”功能。然而,我们可以采用iOS系统的钥匙串功能来满足卸载应用重装免登录的需求(因为涉及到个人隐私安全问题,最终还是建议不 做)。可见在设计中,需求需要进一步验证确认,而不是用户说什么就去做什么,更多还是需要深入了解,看清需求真相。

方案定义

对于页面信息布局的设计,一般会涉及到元素有哪些,优先级是怎么样。依此来设计和输出方案。

205724b4xp4bxwccw67bcb.jpg
205726pvydduy3jhy1hs60.jpg
205728ex3ftz5wm5b7tbax.jpg


在设计时候,一直纠结于是否需要明确表达单点登录中的帐号来源,因此采用了A,B方案设计。A方案特点是界面简洁,理解成本低。B方案特点是完整描述了帐号来源,给予用户信任感。

测试验证

方案设计完毕后,为了验证哪种方案更加符合用户使用。因此进行了小范围测试验证。

205728grgcdtjnsqzusrad.jpg


从上图可知大家对方案A,B各有倾向。并且在实际讨论中,大家表达了各个方案的可取之处,因此又经过细细斟酌,并结合了可以料想到的各种特殊情况,输出了如下方案。

205729k4btphk0ko4ck9b0.jpg
205729upsp5vijvv93f9np.jpg


在此方案得到大家的一致认可后,开始做一些交互细节。交互细节主要是从操作反馈整理,文案梳理,数据统计需求方面完善。

205729u1u3hj1dgjwdmngj.jpg

作品人气
894
浏览:894次 收藏:0次 评论:0次
喜欢:0

湖南省 / 职业
2017-6-29 16:30:01 发布

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

全部评论(0)
你可能感兴趣以下内容

 
 
客服:云大
客服:衬衫
久学网9cg.cn官方①群
工作时间:
8:00-18:00
 
快速回复 返回顶部 返回列表