UI设计量化表-UI设计师产品界面优化规范

最近经常遇到需要优化的项目,所谓优化就是已经被别人设计好了,但是由于时间关系或其他种种因素,对目前的UI界面效果不太满意,要求改版设计,提高界面用户视觉体验。根据实际项目经验,设计了一个通用的UI设计量化表来解决这个问题,只要根据这个表中的矩阵优化项进行优化,就能全方位的完成UI优化任务

最近经常遇到需要优化的项目,所谓优化就是已经被别人设计好了,但是由于时间关系或其他种种因素,对目前的UI界面效果不太满意,要求改版设计,提高界面用户视觉体验。根据实际项目经验,设计了一个通用的UI设计量化表来解决这个问题,只要根据这个表中的矩阵优化项进行优化,就能全方位的完成UI优化任务,包含基本情况,版本控制,产品优化设计量化表,产品结构优化项梳理,优化维度梳理,优化目标制定,完成度跟进。附近中有详细的使用说明方法。

我解决此类问题的思路主要分为两个关键步骤,1,竞品分析 2,梳理优化项。

具体来说,主要是分析目前UI产品存在的一些问题,主要从UI的角度通过纵向和横向分析对比同类竞品的功能和业务特点来快速了解所要优化项目的产品业务逻辑和界面功能,在这个过程当中,需要全面注意竞品及优化目标产品的布局、空间,交互模式,常见业务,图标,及其他相关功能及样式的特点,并对齐进行梳理对比。

对需要优化的产品进行结构化梳理分类,详情见下方《UI设计量化表》

对于这种界面优化类工作,其实难度比一般的设计任务要大,如果没有一个系统的优化方法,是很难达到客户的满意,因为原来的界面已经先入为主,或者已经被大家看习惯了,再加上如果你对要优化UI界面的项目和业务流程不太了解,往往感觉无从下手,笔者杨茂富就遇到了这样的问题,并根据我的实战经验,总结出来了一些通用性的经验,并制作了一个UI设计优化量化表,在此分享给大家。

使用说明

本表以我在工作当中的某一个项目为例,并对其进行结构化梳理优化项,按照产品结构类别和维度两个方向进行量化,产品结构类别为树状索引目录,详情见下表右侧第一列,优化维度从四个方向,分别为,布局,交互,视觉,信息,每个维度方向又包含具体的优化点。

1,布局:位移,区块,控件,间隔线,大小。
2,交互:主次,层级,动效,状态,凸出。
3,视觉:色彩,大小,对比,肌理,对齐方式。
4,信息:内容字段,信息格式,层级,对比,色彩,大小,字体。
应用此表需要注意一定要在团队内部定义好描述格式,要求提出问题者,和解决问题者严格按照统一好的格式进行填写需要优化问题和解决方法,例如:对每个部位(widget)优化属性描述格式为:例如:“(布局)维度问题,顶部站点占的宽度有点小”,优化维度为“布局”,量化表描述则为:“顶部站点占的宽度有点小”描述格式:“站点+布局(描述)”。

UI设计量化表-UI设计师产品界面优化规范
UI设计量化表使用说明

下载权限

查看
  • 免费下载
    评论并刷新后下载
    登录后下载

查看演示

  • {{attr.name}}:
您当前的等级为
登录后免费下载登录 小黑屋反思中,不准下载! 评论后刷新页面下载评论 支付以后下载 请先登录 您今天的下载次数(次)用完了,请明天再来 支付积分以后下载立即支付 支付以后下载立即支付 您当前的用户组不允许下载升级会员
您已获得下载权限 您可以每天下载资源次,今日剩余

给TA打赏
共{{data.count}}人
人已打赏
学习

AI绘制图标导出svg格式给开发需要注意的问题

2022-5-12 11:43:44

学习

耶克斯多德森定律在UI设计中解决“不好看”的问题

2022-5-27 11:05:30

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索
网站已经坎坷运行: