浅谈交互设计 解析OMS订单管理系统

上海/UI设计师/9年前/5473浏览
浅谈交互设计 解析OMS订单管理系统
惜阡

探索OMS订单管理系统进化之路

第一次写设计文章,向我最爱的美丽说致敬……

打不开可以点击这里:https://www.behance.net/gallery/41818567/-OMS

浅谈交互设计 解析OMS订单管理系统


    首先简单介绍一下OMS:OMS订单管理系统服务于供应链业务,它连接了供应商和买家,是为物流供应商提供基于订单管理而进行的业务沟通服务,从而实现物流服务和控制管理的系统。 通过对订单的管理和控制,合理安排运送计划、有效降低库存。OMS一般包括:订单处理,订单确认,订单状态管理等等强大的功能。


当决定优化某个产品时,一定不要着急画原型出设计稿,应当先梳理产品的核心场景和功能,进行用户行为分析,找出用户痛点,并提炼出相应的设计原则和方法,来解决发现的现状问题。


交互设计基本流程如下:


02d557d7b3100000012e7ee56cd9.jpg


探索需求:

在改版之前我必须先弄清楚修改的出发点,前期需要和PM反复沟通,以确保达成统一意识,避免走弯路的风险,之后做必要的用户调研,最终梳理出一套准确的解决方案。


下面就以美丽说OMS系统为例,为大家简单讲解:


3ff557d7b36a0000018c1b0c54e3.jpg

第一步:优化首页


存在的问题:1、首页过于空洞,没有任何有效信息展示,导致空间资源浪费。
2、导航交互方式存在问题,典型的程序员风格,四年前这种上下分级的交互方式还比较流行。
为了方便大家查看下面我就以线框图展示:


cac457d7b3a70000012e7e14d181.jpg

通过梳理分析得出以下解决方案:


内容部分新增了下列内容:
提炼重要功能:通过用户调研,总结出四项最常用功能,并给相关数据。
归纳常用操作提醒:和PM合作,梳理出常用提醒项,让用户清晰掌握待处理项目。
添加发货数据图表:此处统计了每日每周及每月的发货信息
新增公告栏和常见问题:这两项是搭建平台和商家的桥梁,有利于平台管理商家及服务商。

导航部分:
将原本上下拆分的导航折叠在左侧,并缩小导航的宽度,使右侧的内容区域更加广阔。

经过这样一规划,首页资源丰满了起来,并且重要信息更加直观得展现在用户面前,节省用户操作时间,提高了工作效率。
此处遵循的原则是:重要信息显示出来,次要信息折叠隐藏。
                                                                      

625457d7b3f70000018c1beaaca4.jpg



第二步:优化销售管理页面

存在的问题:
子母表的交互方式是子表在母表内部向下展开,它所带来的问题是展示空间狭小,影响查看,另外当子表内容过多时不利于查看下一条订单订单信息。


8c0e57d7b4260000018c1bad0ee6.jpg


最后给出的解决方案是使用了浮层的效果,让子表内容浮于母表之上,子母表的操作更加便利,子表视野开阔且不影响主表的查看及操作。


1f6357d7b44a0000012e7e619237.jpg


第三步:优化店铺管理

需要考虑的问题:

1、很多商家在多个平台上有多个店铺,数量不定,所以需要考虑到页面的可扩展性。
2、原有页面采用表格方式展示平铺店铺信息,内容繁杂没有主次,容易和其它页面数据信息混淆。

下面整理内容:


dd0857d7b46e0000012e7e33e078.jpg


解决方案:

挖掘重点信息,了解用户行为:通过调研发现来此页面的用户90%是为了处理店铺授权信息,所以突出授权无疑是这个页面的关键。

此处再次强调重要信息突出显示,次要信息折叠隐藏的重要性。

168f57d7b4dd0000012e7ead579d.jpg



777c57d7b5020000012e7e77b3d7.jpg



28f057d7b52b0000012e7ea84194.jpg



a91357d7b53e0000012e7e07a9e8.jpg


以图表的方式让用户快速发现授权天数,将冗余的内容隐藏,符合简洁、高效的设计原则。

第一期暂时先到这里吧,以后有机会再分享给大家,谢谢关注。



5e4157d7b5590000012e7e6d1326.jpg

38
阅读原文
|
Report
|
61
Share
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
大家都在看
Log in