视觉设计核心发力点提取: 在对整体闭环有一定认知后,进行感知定位通过与项目组成员共建提取工作台感知云标签,提取感知关键词:简单、清晰及高效。在视觉层面主要通过风格定义、特色模块设计及情感化设计来发力。
1、风格定义:对B2B供应链管理类后台从颜色、图标、控件、模块等方面进行视觉层面竞品分析,同时了解时下主流产品设计趋势如微软、facebook,IOS11最新视觉风格。发现以下特点: 形:去装饰,以内容为中心,去掉了多余的装饰元素 色:少颜色,通过大小对比来突出主体,减少颜色 质:扁平化设计,微渐变 构:减线条,弱化线条分割,通过留白来区分空间,轻划分:巧用投影做区块划分 综合以上分析进行风格定义设计 买家版: 卖家版: 风格细节: 导航优化:为保障用户认知的统一性,沿用了老版本中买家橙色,卖家蓝色的颜色特征。导航设计中缩减了颜色在导航中的比重,通过版本字体来区分。简化老版本中当前状态的框选样式,通过TAB短线来表示当前状态。 内容再设计:老版本中代办模块信息内容密集识别困难,操作性较低,通过信息名片卡片式设计待办归类整理,突出核心内容 化繁为简:现有页面中模块很多用线条来区分,信息量比较多的情况下,页面相对复杂,因此弱化线条分割,通过留白来区分空间
图标设计:对后台产品中的图标进行了功能分类:说明性图标、权益性图标。后台图标设计需要控制其表现力度,因此在设计上通过局部细节点缀来表现。权益类图标与前台门洞类做区分,减少颜色运用,结合买卖身份做橙、蓝底色区分,使用简易面状的形式来凸显特征。
2、特色模块设计,以成长模块为例 模块设计背景:根据商家在平台的七项能力,统一分层体系,促进商家自运营,从而为买家提供优质货源和采购体验 设计方向:为帮助商家在平台更好的成长,全链路思考用户成长环节。在工作台中的透传中,使用商务跑的方式来激励用户,并给予成长引导 基于模块设计Guideline明确: 1、模块是什么?:我的成长 2、目标&现状:成长能力得分 3、怎么做?:成长任务 4、可获得什么?:成长权益 对模块进行划分: 成长感知定位,主要通过两方面,提取物像特征,提取表现形式
通过商务人物奔跑的形式来表现成长进度,为便于用户进行成长任务连贯操作设计全链路成长插件,提高成长效率。
3、情感化设计: 身份卡片设计:
使用2.5D元素来增加用户新手操作的实体感受:
五、后台动效,让工作台体验更流畅
在项目过程中非常感谢成龙、梅郁在设计思路及方法上的引导,感谢团队中顾佳、苏林给力的设计支持。 产品化设计任重道远,是一个不断优化迭代的过程,还需要联合各方力量一起合力,共同改进。在新形势下,设计师已不在是接需求的资源方,而是产品共同的缔造者。需要利用一切能够改善产品的方式,用我们的全部智慧和能力,为我们的用户服务。 (责任编辑:admin) |