U书商城是图书馆图书馆和京东结合方便读者以快递借还的方式借还图书的商城。项目雏形上线了一段时间,之前并没有参与交互方面的设计,这次改版有幸参与,打算于此地记录一下改版的过程与心得。
提高下单成功率
网站的主要场景是下单借书,从后台看的异常原因有几个:用户下单时填写的地址电话等信息出错导致无法下单;京东那边无货导致下单失败;还有用户的借书证类型不对无法借阅该图书等等的原因导致下单失败。另外下单失败时,大多数用户还是会尝试多次再次下单的,这个行为目前网站上没有足够的帮助和提示用户最后能成功下单。
解决方案
网站上填写收货地址时省市是下拉菜单选择的,因此不会出现收货地址无效的情况。那到底地址是怎么出错的呢?在跟产品经理沟通后,发现图书馆对可送达的地址是有核定范围的,但是网站完全没有提示,导致用户不知道自己选的地址已超出配出范围而下单失败。因此,必须在下单时对用户的收货地址进行分类,不在配送范围的应为灰色不可选,这样就可以避免无效的收货地址了。同样移动端也应该作出同样的更改。
对于京东无货或读者证不支持借阅等等的情况,在图书详情页必须检测图书有没有货,用户的读者证类型能不能借此书等等的状态;在购物车提交订单之前也必须检测和用户想借的书是否符合图书馆设置的规则如每次只能借5本等等,从而提高用户下单成功率。
书目访问优化
从访问数据来看,用户大多从商城的书目访问来着手开始下单;从订单来源来看,商城大多的订单来源于移动端。但是移动端的书目查找并不好用,而且操作步骤也繁琐。
解决方案
改版前的目录只显示两排热门书目分类,而且用的图标完全没有表达出该书目分类的意思,想要查看更多分类点击“全部”之后,还是一个单排分类的浮层,需要上下滚动选择,这个交互实在是不好用。既然书目访问是如此重要的入口,应该在一级信息结构上加上可查看全部书目分类的入口,可快速查看所有分类;另外由于书目全部分类也达到好几十个,而且还是可由后台动态增减的,因此觉得使用图标来装饰提示分类实在是有点繁琐,所以建议去掉。
优化增强搜索功能
根据网站的主要场景,搜索应该也是一个重心功能,但是目前这个功能在网站上存在感太低,也不利于用户快速找到想要借的书
解决方案
网站的首页首屏增大对搜索功能的显示比重,同时加入“热门搜索”、“高级搜索”,帮助用户更快更精准进行搜索;全站网页开始滚动时,根据场景把搜索框固定顶部,方便用户随时能搜索
增加取消订单功能
用户是无法避免犯错的,但是网站上目前却没有任何能让用户自动取消下单的操作,这一方面会给后台维护人员带去一定的工作量,也给用户的操作带来了一定的不安全感。
解决方案
尝试跟产品经理商量后,允许在京东尚未开始配送物流前取消订单。
总结
网站还有很多枝末细节的交互不是很人性化,因此此次优化还注意添加优化了很多细节;整个网站视觉风格也略太粗暴简单,这次改版这一块也是重点。
这次的改版重点大概就这样,期待上线后的效果。首先非常感谢产品经理十分相信我,让我从交互和用户体验的角度来给出产品的改进方向,而且很多意见最后也都采纳了,非常有成就感。整个过程都和产品经理和负责这次改版的UI 设计师也一直保持顺畅有效的沟通,项目做下来感觉很不错而且收获蛮大的。经验尚浅,用户体验方面感觉也是属于浅谈啦,以后还会继续努力接触的。希望下次改版也能参与,希望到时候再看到这个产品时会有更多不一样的理解,有更多更好的想法让产品变得更好。