手机
当前位置:查字典教程网 >网页设计 >交互设计教程 >项目实例:淘宝拍卖出价流程浮窗设计小结
项目实例:淘宝拍卖出价流程浮窗设计小结
摘要:之前在交互周会上,作为项目分享了之前做过的拍卖线的出价流程,由于讲的比较匆忙,所以还是想整理成文字,累积下。做多了日常以后,常常觉得如果不多...

之前在交互周会上,作为项目分享了之前做过的拍卖线的出价流程,由于讲的比较匆忙,所以还是想整理成文字,累积下。做多了日常以后,常常觉得如果不多做字面的积累,很多看似瞬间的累积,很快就会被更多的项目淹没~~

之所以把这个项目分享出来,是因为觉得我们在工作中所做到的大小日常,99%的都不是“无中生有”的,都具有一定的历史,也一定有一定的痛点,一定也有新的业务变化在里面,如何在短时间内把握这些因素,迅速转化为一个合理的方案,是有一定方法的,虽说方法不一定完美,但希望给大家一些思路。

开始正题,大概介绍下这个出价流程的背景:拍卖线原来拍卖信息确认的页面是和普通购买产品是相同的,随着拍卖业务的发展,觉得有必要以更简单的形式来进行操作,所以浮窗的形式变随之成为新的出价流程形式。由于拍卖涉及到很多不同的概念和判断,而之前做的一版浮窗出价流程并没有交互设计完整的参与,导致了页面逻辑中有一些问题,所以需要交互再次参与进来将这个出价流程梳理好,但另一方面,之前尽管有问题的出价流程由于业务需要,却正在上线中……

首先,从项目的背景中,就可以总结出这个项目有几个特点:1,有大概的交互形式,且已经不能修改(尽管当时也有人觉得浮窗形式不是很好,但一切都在上线中,所以暂时也无法改变)2,发展中的业务和要求革新的心态(这在很多项目中都存在,我们通常不喜欢一成不变,但面对发展中业务,多变也是一个挑战)3,没有原始页面数据(这是最无奈的一点,因为看不到用户的反馈,让我们少了很多依据)

其次,这个项目从交互角度出发,这个项目有几个挑战:1,浮窗形式的界面(区别于一般也页面,对信息的分类和呈现要求更高)2,需要对流程做出完整的梳理(一般涉及到前后步骤的页面,最好有完整的流程图有助于检验页面) 3,之前的版本出自非专业人士(势必需要纠正一些浅显的问题,这也是之后开始着手的切入点)

总结了以上几点,确定了这次项目的主要核心点,即原有流程的提升和修正,修正原有出价流程中错误的地方,提升原有流程页面的交互体验。

由于接到这个任务的时候对拍卖业务还不是很熟悉,所以一方面与PD沟通了解拍卖业务,另一方面让QA把准备上线的拍卖浮窗的每个状态给到我(因为之前的版本没有完整的交互稿)如之前所说,先从纠正原有页面的浅显问题开始着手。于是我总结了原有页面中的一些问题,以此归纳出具有针对性的方法。

1, 文字引导与输入框距离太遥远

项目实例:淘宝拍卖出价流程浮窗设计小结1

2, 同类信息被放置在不同的地方

项目实例:淘宝拍卖出价流程浮窗设计小结2

是否设置成代理出价是和用户的出价有关的信息,应该归类显示。

1、2两点,实际上都牵涉到了信息归类显示的问题。在一个页面中,一些相关的信息(例如同类的,行为上可以连续操作的)尽量可以放在一起,但其中要避免相同形式表达的信息(例如都是数字的形式)则要分开展现,以免互相混淆。

【项目实例:淘宝拍卖出价流程浮窗设计小结】相关文章:

淘宝设计师经验分享

网页首屏设计之图文混排的10大技巧

帮设计师快速解决GIF图的锯齿问题

10个技巧让用户充分信赖你的登录页

App设计中4类便捷的单手操作

如何输出有效的设计方案

适合网站优化的设计需要注意哪些

全方位梳理:如何成为一个移动端UI设计师

网页设计细节大总结

华为设计总监:如何做设计决策

精品推荐
分类导航