项目改版步骤的个人复盘

用户头像
广州/UI设计师/5年前/2866浏览
项目改版步骤的个人复盘
用户头像
常Change

变强尚未成功 同志还需努力 加油!奥利给! 分享一下项目改版步骤的个人复盘 大家一起加油!

在复盘项目改版步骤之前,我们先了解一下项目设计规范,这里我们以Zan Design杭州有赞的设计规范为例。


Q:为什么要了解设计规范、为什么大的品牌方都会推出一套属于自己的设计规范、设计规范能为设计师和用户带来什么样的便利和利益?

在Zan Design的首页介绍中我们能找到答案。

通过对这段文字的分析,我们可以得出以下结论:

1.从文中“希望可以帮助更多同行提升产品设计和研发效率”这句话中我们可以了解到每一个品牌方都对自己的设计规范非常自信。通过设计规范的展示,可以让品牌方在强烈的市场竞争中树立一面属于自己的旗帜,当商家在消费过程中通过对产品的认知从而形成对品牌方的认知。

2.从文中“Zan Densign 提供了设计所需的各个方面的指导、资源、能够有效的提升设计师和开发者之间的协作效率,降低生产成本,使得设计师能专注于打磨更好的用户体验。” 提取关键词:提升效率、降低成本。


  • 在这里值得一提的是其中有一项是无障碍设计


1、满足最低对比度:主文字和背景的颜色需要有足够高的对比度。基于 WCAG2.0(Web 内容无障碍指南),文字的视觉呈现至少要有 4.5 : 1 的对比度,大号文字至少要有 3 : 1 的对比度。对中性色内的主要文字颜色及功能色的定义,需要尽量满足 WCAG2.0 。

2、不同过颜色传递信息:不止依靠颜色传达诸如状态指示、实时响应等信息。同时使用多种视觉线索传达重要信息,如错误状态通过红色边框、叹号 Icon 及提示语同时传达。

3、明确边界:明确的表单边框对于有认知障碍、视力低下的用户非常重要。清晰的视觉线索及反馈,会让用户容易理解表单的位置,可操作区域。


总结:设计规范可以让品牌方在强烈的市场竞争中树立一面属于自己的旗帜,当用户在消费过程中通过对产品的认知从而形成对品牌方的认知。当然了解设计规范对设计师来说是一项必不可少的工作,它可以帮助设计师提升效率、降低生产成本、减少改稿风险(其实是提高按时下班率啦)。设计师可以通过学习其它公司的设计规范来完善和提升和自己的设计工作。无障碍设计就是一个很好的例子。小本本记起来呀,铁子们。


这里笔者作为一只菜鸟最近也在学习了解这类知识,收集了一些设计规范,需要的看官可以动动小手点击查阅:

iOS设计规范:https://developer.apple.com/design/

Android(谷歌)设计规范:https://material.io/

蚂蚁金服Ant Design:https://ant.design/docs/spec/introduce-cn

有赞设计规范:https://design.youzan.com/index.html


  • 前期

1、需求背景/目的:

用户需求就是用户从自身角度提出的需求,往往是用户在使用某一产品或服务过程中遇到的问题,并从自己的经验和想法中提出的自己对产品功能的期望和解决方案。设计师需要真正的了解了用户的需求和目的之后,并在这个前提条件下对症下药,这样的产出才是对用户的负责对产品的负责。一切不基于需求的设计都是废品。(想象一下A客户口渴想要喝水,你却带了一袋全麦面包给他,你还跟他说这家面包店很有名面包很好吃,你觉得他会谢谢你吗)


  • 中期

1、了解需求(详细的了解产品下发的需求)

2、首页视觉提案:

Q:为什么首页的视觉需要单独提案?

A:首页视觉的成功与否决定了转换的页面的成功与否,好的首页视觉能增加用户的点击欲望,提高转换率

3、反馈修改:

在首页的视觉设计中,要多注重层级关系,根据反馈进行修改,必要的时候要跟TL多次核对,根据他的意见结合层级关系去进行修改。定稿之后再给TL核对,TL点头过后在进行下面的页面设计。(过稿都要找TL核对,小菜鸟可背不起大锅哟)

4、提案通过(咚咚咚!)

5、全部页面设计:

页面设计基于首页视觉调性进行设计,避免出现两个页面风格不一致的情况出现。

6、视觉过稿内审(项目组内过稿内审)

7、产品过稿(找Leader核对!)


  • 后期

1、上传(上传doc/发送给开发/切图给到开发 开发大哥辛苦啦!咚咚咚!)

2、验收(跟开发大哥坐下来一起检查一下还原情况吧)

3、反馈(将验收的问题再汇总给开发大哥,啥也不憋说 咚咚咚!)

4、复验:

二次检查开发大哥的视觉还原情况是否达到预期标准,直到产出效果跟设计稿八九不离十,就可以放过开发大哥了。当然部分内容也存在技术问题,无法百分百还原,此时需要和开发大哥好好聊聊,对设计稿进行调整,尽可能保持最佳效果。

5、上线(期待的搓搓小手)


  • 总结复盘

每一次总结复盘都是一次成长的机会,过程中出现的好的坏的都是收获,不管什么项目,作为小菜鸟,都要总结归纳出在过程中出现的所有问题,避免在同一个坑里跌倒两次。同时能够发掘到新的思路,认清问题的本质,进而提升自己的能力。加油!奥利给!!!


28
举报
|
74
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
【新年UI图标】30个图标
UI 登录界面设计模板包
Security Camera UI kit
新拟态风格 UI设计组件库
拟物风质感写实UI卡片合集源文件
【新年UI图标】旅行icon
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
UI界面 组件
APP/小程序商业项目UI模板|99个高保真UI+79个原型
【新年UI图标】积分icon
UI通用设计素材1
【新年UI图标】体育icon
盲盒APP UI设计
新能源APP应用UIKit
科技医疗透明柜UI界面设计
3D卡通UI界面图标可爱插画免扣素
智能家居中心 简约 UI设计组件库
手表表盘UI系列
【新年UI图标】礼物/活动icon
高级感金属拟物 UI设计组件库
【新年UI图标】活动icon
户外旅行飞机情侣假日出行
【新年UI图标】珠宝icon
3D渐变流体抽象矢量UI背景图
你可能喜欢
相关收藏夹
大家都在看
登录注册