当前位置:首页 > 新闻中心 > 互联网动态
为什么交互设计师有时候会遗漏展示页面的状态呢?责任编辑 :李飞    文章来源 :星翼创想(www.iswweb.com)    发布时间 :2017-08-15    阅读次数:2526     专题 :网站设计

为什么交互设计师有时候会遗漏展示页面的状态呢?我认为是设计师在设计的过程中,没有真正置身真实的场景中,没有仔细打磨用户任务流中的每一个环节可能出现的问题并及时给出相应反馈。设计顺畅的标准流程,对交互设计师来讲并不难,难就难在置身真实使用场景,发现和处理异常的情况。比如用户购买成功后,不是设计一个认购结束页面就可以了。再进一步想,接下来用户会去哪里,最关心的是什么。


《交互设计精髓》一书中提到,在从需求到明确的设计方案过程要经过以下步骤:


其中设计师可能需要在步骤3和步骤5之间重复多次,直至需求稳定,产出明确的设计方案。


我们以用户购买定期产品后的持有资产详情页为例,讨论如何来设计一个页面。

如何设计一个页面?


当设计一个页面时,我们需要考虑什么:


页面的目标

用户角色,用户进入页面的场景

用户详细的任务流程

用户进入当前页面的预期

所有的功能,所有的信息字段,所有按钮状态及所有交互效果

针对持有资产详情页面的,需要考虑如下:


页面目标:


向用户提供明确的资产当前状态及资金将来的去向


用户角色:


完成投资支付的用户


用户进入页面的场景:


场景一:用户投资申请提交成功,但还在审核中

场景二:用户投资成功,等待计息,但未开始计息

场景三:产品计息中

场景四:产品即将到期

场景五:产品正在还款中

场景六:产品已还款成功

任务流程和当前页面预期:


投资申请提交——投资成功:查看项目是否投资成立,计息规则(查看产品详情页)

投资成功,等待计息——开始计息:确认投资金额,预期收益,产品计息时间

计息中——即将到期:投资剩余天数,产品到期日

即将到期——待还款:产品到期日,还款日,还款规则

待回款——还款成功:还款规则,是否还款成功

所有的功能和信息字段:


项目产品名称及详情

投资金额

预期(或到账)收益

起息时间

到期时间

资产基本信息:年化收益率、投资期限、投资日期、起息日期、到期日期、还款日期、还款规则

所有的状态及所有交互效果


投资当前状态包括:待起息、起息中、即将到期、到期还款中、已还款。


对于起息中和即将到期,考虑到用户真正在意的还是产品剩余多少天到期,我们同意显示为剩余X天。


未到期还款时,收益状态为预期收益

到期还款后,收益状态为到账收益

这一过程体现在页面设计中如下:


案例一中的问题就是出在投资成功,等待计息——开始计息这一阶段。即使用户的投资项目没有募集满,还不能计息,也应该向用户展示出资金处理中的状态,否则用户会产生焦虑。


下图为资产详情页在四个场景下的不同状态(场景一目前我们平台没有这种情况,没有做相应设计)


运用上面的方法,那么案例二中的问题也很容易解决了。


充值页面设计:


页面目标:引导用户充值符合银行卡限额及个人充值上下限额的金额


用户角色:完成实名认证及绑卡的用户


用户进入页面的场景:


场景一:主动点击充值入口充值

场景二:投资时账户余额不足被动充值

任务流程和当前页面预期:


主动充值:用哪张银行卡充值;限额多少;


投资时被动充值:当前账户余额有多少、用哪张卡充值、限额多少


所有的功能和信息字段:


认证绑卡信息

充值金额

平台充值上下限额

银行卡充值限额

充值按钮

根据以往的经验,采用认证支付支持多家银行时,很容易出现某一家或者几家银行充值服务暂停的情况,并且是随时都有可能发生的。因此可以在前端页面增加公告栏功能,当有支付渠道问题或是节假日银行不支持交易时,后台人员可以直接配消息内容直接显示在前端页面,而不需要遇到时紧急发版或客服电话被打爆了。所以,还应增加消息公告功能,由后台配置。没有公告时,该区域可以隐藏不显示。


所有的状态及所有交互效果 :


罗列出的所有信息字段不一定都要以文字的形式展示在前端,有些信息需要在用户操作前就展示出来,有些信息可以隐藏,在用户操作犯错误时及时进行提示,如下图的上限金额。


总结


交互设计是一个细活,需要反复的推敲和挖掘用户在使用过程中可能遇到的问题和当下最想了解的信息,而不是想当然的去设计一个顺畅的交易流程就结束了。如果你的平台很安全,请不要因为你的设计而让用户感受到不安全感。


本文转载自网络,版权归原作者所有!



文章转载请保留网址:http://www.iswweb.com/news/industry/1857.html