提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
真实项目的反思与总结,设计师如何对后台设计进行体验重构。
2019年末独立为公司设计的金融服务类企业后台产品,在设计过程上的一些思考。与今年读过的一些书有部分重叠,让我又有了新的看法,因此想把它记录下来(项目是真实的,避免产生不必要的麻烦设计稿于今年重新设计)。
思考在执行前,以产品&用户多维度思考
抛开工作台,寻找目标事物间的联系
企业管理后台的设计,对于的C端UI设计师来说是一个挑战。企业管理后台与我们平时的设计有很大的不同,在平时的C端设计中,我们有明确的一个用户画像,而在企业管理后台的设计中我们的目标用户是一个企业。B类后台产品的设计需要对目标企业拥有更深的理解,因此设计难度也较高。
当我们设计的产品使用者是一个企业&部门时,需求是需要一个产品经理和运营的日常工作台、和管理者管理团队。我们对用户的理解就无法搬运C端设计的那一套了。服务对象从单一的用户,变成了一个多元的团队。我们在设计前,可以抛开工作台,寻找管理者与被管理者,被管理者与数据&操作、管理者与数据&操作之间存在的关系。
明确设计目标,创建框架
用户访谈必不可少,服务对象是一个团队,但最终的使用者终究是不同的个体,而且这些个体角色我们身边也存在着,可以使用敏捷式调研,对我们身边的目标用户进行调研,挖掘他们在工作中对于工作台存在的需求(ps:一次调研会存在误差,可以在日常工作中多了解我们的团队)。
明确了目标用户构成者。根据产品的需求,我们要服务的共有类:产品经理、运营以及管理者。我采取的设计方案是将首页模块根据服务企业内不同使用者的需求对首页模块进行解构,为不同的使用者展现/优先展现对应的模块,来满足使用者的需求,本文以产品经理、运营和管理者为例(此时页面的跳出率的数据的定义也应与平时发生一些改变)。
视觉设计,明确设计发力点
设计风格的思考
1.对整体的项目有了充分认知后,进行关键词的提取
2.对主流产品设计趋势分析,如:Apple、Ant Design、element等,得出...
明确:让用户专注判断,减少装饰元素,使页面明亮
颜色:克制多种颜色同时大面积的使用,增强颜色突出出体的特性
结构:一切分割、模块为内容服务
末次接触点的情感化设计
为企业管理后台的设计,设计师对设计欲望的克制是必不可少,什么情景使用了什么样的设计决定着使用者在完成我们期望其完成的任务的效率和体验,好的设计能为使用者带来愉悦的体验,可能为产品带来用户自主的推荐,同时也让我们的产品更有温度(后台类产品设计需要克制,在人机交互也未必要设计成冰冷的机器)。下图例中的设计属于最末次接触点的设计,能够有效减少成为反向型设计的概率。在用户体验地图的最末端,用户进行最后一步操作(大概率),即将离开后台时,我们为这里增加了情感化设计。选择此处的原因是:1.相对于其他页面此页面任务的颗粒度较大,需要比较繁琐的选择,完成后给予一定的鼓励。2.该场景下大概率这是使用者在后台的最后一步操作,将情感化设计放在此处不会影响使用者在使用中的思路与判断。
克制... 克制...
设计交付,让设计更好的落地
栅格体系
推荐设计师在设计时使用栅格,让我们的页面更有秩序,在栅格化的辅助下,这将更有利于我们的前端小伙伴对页面的还原和适配。
盒子思维
相信sketch、figma等,已经帮助设计师在一定程度上学习了HTML的盒子思维。如设计软件上即使单行文字也存在着上下行高的空白像素,来应对前端工程师的盒模型。如下图中margin、border、padding皆是我们眼中的间距,有空不妨打开浏览器在我们自己设计的页面中按下fn+F12,看看我们自己的页面是如何呈现出来的,这对我们设计师构建组件化的思维也非常有帮助。希望设计师可以与我们的前端小伙伴多多沟通,这将对项目效率和设计师未来的工作非常有益。
最后上个图
以上是一些最近的小思考,感谢观看!点赞领取御坂妹妹~(狗头)
Powered by Froala Editor
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册