6, 文案上表达有欠缺
上图浮窗的“建议您设置一个更高的价格并重新出价”语义表达重复而累赘,下图浮窗中的话也是类似问题。而且同样都是让用户重新出价,使用的确是两种不同文字的button。
4、5、6点都是文案上表达的问题,对于浮窗中的文案,一方面可以通过视觉上不同层次的文案做区分,另一方面文案本身也要符合逻辑。
7, 一些必要信息的缺失
例如浮窗中的单位“元”不见了,这种常见的问题也很容易被我们忽视。
由于分别找出了原有页面中的一些问题,接下来的思路也显现出来,将浮窗页面的信息做大概的功能区隔,并对具体区块中的信息做规范表达。
将浮窗分为三大区域:橙色区域是有关出价的信息/最主要的信息提示;蓝色区域是保证金和客户信息/信息补充区域;绿色区域是判断区域/出价按钮或关闭窗口的位置。
橙色区域还细分成三个部分,第一行显示和数字相关的信息/表示当前最主要状态的信息 ;第二行为重新出价设置;第三行为设置代理价。第二和第三行的信息在一些状态中是没有的,所以相应会不做显示。
功能区域的分割只种维度上的,我还在视觉表达层次上做了规范,尽量让有用的信息更加凸显出来。通过这个方法即在交互的表现层面上有了一定的规范,在视觉进行的时候也可以有效减少对原有交互设计的误解。
做了以上两步的同时,在与PD的沟通下,也对整个增加拍的逻辑做了充分的梳理,当然过程中少补了的是Qa同学的辅助,因为QA更加了解业务逻辑中的一些细节,在此基础上做出了一份逻辑图。最后就是按照之前制定的规则,将相应的信息“填写”到相应区域即可。
上线的页面请大家有空参与淘宝拍卖会上拍品活动:https://www.paimai.taobao.com即可看到。如果有任何疑问都可以通过页面右侧的意见入口,给我们提宝贵的意见,相信这个拍卖产品的好的体验是大家一同参与下得出的结果,我们也会不断根据用户的反馈给予产品最及时和有效的改进!
作者:琳韵
文章出处:Taobao UED
(举报)