第一站 - 轻松上网从此开始!

上网第一站

当前位置: > SEO >

设计师如何重新定义后台商业价值?如何进行产品化设计思考?(3)

时间:2017-10-17 11:10来源:我来投稿获取授权
以下内容来自网络或网友投稿,www.swdyz.com不承担连带责任,如有侵权问题请联系我删除。投稿如果是首发请注明‘第一站首发’。如果你对本站有什么好的要求或建议。那么都非常感谢你能-联系我|版权认领
视觉设计核心发力点提取: 在对整体闭环有一定认知后,进行感知定位通过与项目组成员共建提取工作台感知云标签,提取感知关键词:简单、清晰及高

  视觉设计核心发力点提取: 在对整体闭环有一定认知后,进行感知定位通过与项目组成员共建提取工作台感知云标签,提取感知关键词:简单、清晰及高效。在视觉层面主要通过风格定义、特色模块设计及情感化设计来发力。

设计师如何重新定义后台商业价值?如何进行产品化设计思考?

  

设计师如何重新定义后台商业价值?如何进行产品化设计思考?

1、风格定义:对B2B供应链管理类后台从颜色、图标、控件、模块等方面进行视觉层面竞品分析,同时了解时下主流产品设计趋势如微软、facebook,IOS11最新视觉风格。发现以下特点:

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

  色:少颜色,通过大小对比来突出主体,减少颜色

  质:扁平化设计,微渐变

  构:减线条,弱化线条分割,通过留白来区分空间,轻划分:巧用投影做区块划分 综合以上分析进行风格定义设计

  买家版:

设计师如何重新定义后台商业价值?如何进行产品化设计思考?

  卖家版:

设计师如何重新定义后台商业价值?如何进行产品化设计思考?

  风格细节:

  导航优化:为保障用户认知的统一性,沿用了老版本中买家橙色,卖家蓝色的颜色特征。导航设计中缩减了颜色在导航中的比重,通过版本字体来区分。简化老版本中当前状态的框选样式,通过TAB短线来表示当前状态。

设计师如何重新定义后台商业价值?如何进行产品化设计思考?

  内容再设计:老版本中代办模块信息内容密集识别困难,操作性较低,通过信息名片卡片式设计待办归类整理,突出核心内容

设计师如何重新定义后台商业价值?如何进行产品化设计思考?

  化繁为简:现有页面中模块很多用线条来区分,信息量比较多的情况下,页面相对复杂,因此弱化线条分割,通过留白来区分空间

  

设计师如何重新定义后台商业价值?如何进行产品化设计思考?

图标设计:对后台产品中的图标进行了功能分类:说明性图标、权益性图标。后台图标设计需要控制其表现力度,因此在设计上通过局部细节点缀来表现。权益类图标与前台门洞类做区分,减少颜色运用,结合买卖身份做橙、蓝底色区分,使用简易面状的形式来凸显特征。

设计师如何重新定义后台商业价值?如何进行产品化设计思考?

  

设计师如何重新定义后台商业价值?如何进行产品化设计思考?

2、特色模块设计,以成长模块为例

  模块设计背景:根据商家在平台的七项能力,统一分层体系,促进商家自运营,从而为买家提供优质货源和采购体验

  设计方向:为帮助商家在平台更好的成长,全链路思考用户成长环节。在工作台中的透传中,使用商务跑的方式来激励用户,并给予成长引导 基于模块设计Guideline明确: 1、模块是什么?:我的成长 2、目标&现状:成长能力得分 3、怎么做?:成长任务 4、可获得什么?:成长权益 对模块进行划分:

设计师如何重新定义后台商业价值?如何进行产品化设计思考?

  成长感知定位,主要通过两方面,提取物像特征,提取表现形式

  

设计师如何重新定义后台商业价值?如何进行产品化设计思考?

通过商务人物奔跑的形式来表现成长进度,为便于用户进行成长任务连贯操作设计全链路成长插件,提高成长效率。

  

设计师如何重新定义后台商业价值?如何进行产品化设计思考?

3、情感化设计:

  身份卡片设计:

  

设计师如何重新定义后台商业价值?如何进行产品化设计思考?

使用2.5D元素来增加用户新手操作的实体感受:

  

设计师如何重新定义后台商业价值?如何进行产品化设计思考?

设计师如何重新定义后台商业价值?如何进行产品化设计思考?

  五、后台动效,让工作台体验更流畅

  

设计师如何重新定义后台商业价值?如何进行产品化设计思考?

设计师如何重新定义后台商业价值?如何进行产品化设计思考?

  

  在项目过程中非常感谢成龙、梅郁在设计思路及方法上的引导,感谢团队中顾佳、苏林给力的设计支持。

  产品化设计任重道远,是一个不断优化迭代的过程,还需要联合各方力量一起合力,共同改进。在新形势下,设计师已不在是接需求的资源方,而是产品共同的缔造者。需要利用一切能够改善产品的方式,用我们的全部智慧和能力,为我们的用户服务。

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发布者资料
第一站编辑 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2012-05-22 19:05 最后登录:2014-08-08 03:08
栏目列表
推荐内容
分享按鈕