B端典型页面拆解「工作台」

用户头像
深圳/UI设计师/4年前/3524浏览
B端典型页面拆解「工作台」

前方高能预警,这是一篇很长的文章~ 写这篇文章想总结一下对B端工作台的理解。

做To B的同行都知道,降本增效一直是企业中后台绕不开的热点话题,现任公司业务涵盖仓(WMS)、运(TMS)、配、人(HRM),所做项目虽功能各异,但是有一个共同点-大量使用表格。本文受有赞设计师@美芳的指导,将我日常工作通过优化表格来提效的思路整理成文章,一方面是对企业后台的数据表格作一个简单的阶段性总结,另一方面给部门做一个年终分享

工作台常用的名称

工作台使用场景

工作台:保证用户70%~80%的工作可以通过一个页面来完成

没有工作台也并不会影响功能的使用,但会降低工作效率,由于很多B端产品涉及到的业务种类繁多,业务流程复杂,导致用户处理业务时往往需要在很多页面间进行切换,在一定程度上影响着用户的工作效率。

管理者:目标及时地把控业务情况

掌控重要业务数据:经营数据、订单数据、客户数据

了解员工工作进度

处理急需解决的工作任务

执行者:目标高效地完成工作任务

急需解决的工作任务:待发货订单、待退款、待跟进客户

了解自己的工作进度

经常使用的功能:发布商品、添加客户、开单

复杂程度:逐渐变高

沉浸式体验:逐渐变差

内容区的适配性:逐渐变差

全局导航

数据概览

选取最关注的部分数据展示,而非全部数据;选取最关注的时间段,而非全部时间段。·

待办事项

节省工作人员寻找任务时间,避免遗漏任务。

一般构成:代办事项名称+数字+可点击跳转的连接

常用功能

一种是快捷连接,点击跳转相应列表,一种是独立的功能模块。

图标绘制技巧

1.大小一致

2.线条粗细、圆角一致

粗线条、直角(严谨、硬朗、沉稳)———细线条、圆角(亲和、圆润、轻盈)

3.风格一致

线性、面性、微扁平

4.复杂度一致

5.表意合适,具备识别度

任务进展

当前最关心的任务,常用进度条或者时间轴的形式表示

平台推送

平台用来触达企业的信息,一般有产品更新动态、学习培训、客服、推广、活动消息等。

形:去装饰,以内容为中心,去掉多余的装饰元素

色:少颜色,通过大小对比来凸出,减少颜色

质:扁平化设计,微渐变

构:减线条,弱化线条分割,通过留白来区分空间


最后再次感谢有赞设计师@美芳在CCtalk的分享,我们是一群本着提升B端体验汇聚在一起的团队,欢迎关注公众号【且曼B端产品设计】交流探讨。

本文由 誉璇Anne 原创,未经许可,禁止转载。

参考文献:

《CCtalk B端产品设计课》by 美芳

20
Report
|
55
Share
相关推荐
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
大家都在看
Log in