升学教育业务系统设计总结

UI / UI设计 / 后台界面 /      

uimaker
UI设计师 / 江苏 南京

来源:zcool   作者:三圈儿哥

关键词

升学教育业务平台是一个服务于流量、前、中、后四个业务部门2000多人的业务系统;主要是对流量、名片、学员的管理以及由此衍生出的产品管理、营销、售后、财务等功能。
对于toB应用系统来说,视觉设计通常不是优先考虑的;在有限的资源和付费客户的情况下,功能性和美观性之间的选择通常会倾向于前者。

设计思路:
在风格上,我参考了国外很多简洁优雅的排版效果,许多产品,特别是在消费领域,都可以通过留白来表现视觉上的层次结构和亲密性。但是对于我们的业务系统来说——我们有很多数据要显示!所以我们必须找到其他方法来达到这些视觉上的目的。
我们需要抛开老系统的限制,寻找设计一套全新的UI的指南:简洁、卡片式、组件化、可扩展;

在配色上,品牌色在我们的营销网站上运用得很好,但这种视觉语言并不适合后台系统。所以,我们选择更商务、更科技的蓝色。

最终,通过轻量级卡片、微妙的灰色阴影、简单的分隔符,以及对留白的克制,我们创建了一个支持合理数据密度的现代外观和感觉。

合作与沟通:

业务量猛增,老系统没法满足需求,我们必须并行工作,基于后台系统的成熟的框架,可以跟开发人员同时开工,开发在搭建完成基础框架的时候我基本上已经完成的高保真的设计;

在工作方式上,直接走到彼此的办公桌旁,讨论细节,放弃大量的文字沟通;在实施中,组件化节约了我们大量的时间和开发成本。

最后,做最坏的打算,视觉设计是高度主观的。不可避免的是,有些用户就是不喜欢它——这并不是说他们错了。像这样的重新设计容易很容易遭到负面反应,所以我们提前在业务人员面前宣导,让他们对我们设计的原因有所了解,从而避免了上线后的很多抵触心理。

本次系统更新共迭代了3个大的版本,14个功能模块,输出效果图450多张。


升学教育业务系统设计总结

 收藏