1.视觉感受与个人审美相关,没有对错,不好去衡量评价?
评判艺术作品的好坏确实很难,但对于“以实用价值为基础的设计”来说,有一定的衡量标准。
2.视觉自查表——客观全面的评判设计?
它是基于“产品的商业价值”和“用户感知价值”建立的,两种价值的核心驱动包括:使用价值、体验价值和创新价值。
图:使用价值、体验价值和创新价值(三级金字塔)
3.自查表参考
(1)使用价值
以完成和展现产品的功能为主要目的,注重表意的传递,注重操作的效率,避免设计考虑不周造成的bug。
分为4个部分:功能体现、识别性、设计规范、通用性
(2)体验价值
体验价值是产品价值的一种升华,体验价值的评判应该关注核心用户的喜好,做到和竞品的体验差异化。
分为3个部分:认知、认可、认同
(3)创新价值
对产品及设计更高层级的要求,是设计的灵魂。实现创新价值的前提是先满足前两种价值。
:::视觉自查表参考:::
层次 | 类别 | 自查标准细则 |
---|---|---|
功能满足 | 功能体现 | 需求方关注的点是什么? |
设计风格与产品气质是否相符 | ||
用户是否明白视觉主体内容是什么? | ||
识别性 | 用户是否能够明白每个元素的意义? | |
icon表意是否与功能相符 | ||
哪些视觉元素是可以去掉或简化的 | ||
页面是否有多个视觉主体? | ||
设计规范 | 是否修改了交互?理由 | |
页面是否符合栅格化 | ||
视觉是否违反目前的设计规范?理由 | ||
增加了多少条新的规范? | ||
通用性 | 元素最多与最少情况 | |
多语言切换布局是否合理? | ||
设计是否已经假定排除了的某些特质的用户?(特质包括:性别,信仰,文化程度,专业门槛) | ||
体验价值 | 认知 | 视觉替代交互解决了什么问题? |
希望界面传达给用户的感受是什么? | ||
动画和过渡效果是如何帮助用户理解设计和优化体验的? | ||
认可 | 预判用户的心理预期是什么? | |
你的设计预期是什么? | ||
元素(字色、字号、间距、配色)是否有明显人群倾向? | ||
认同 | 视觉吸引用户的是什么? | |
用户再次使用时,是否感受相同? | ||
视觉元素是否与使用情境相结合? | ||
是否有情感化元素? | ||
情感化元素是否与用户属性相符? | ||
创新价值 | 创新价值 | 不同于竞品的设计是什么?理由 |
什么主题或者核心观念贯穿你的设计?怎样让设计更准确的围绕这个核心? | ||
设计是否有趣味性? | ||
是否满足新的流行趋势? | ||
如果必须从你的设计里去掉一部分,你会去掉什么? |
4.作用&价值
让工作更严谨,让设计更出彩。
(1)在项目初期作为评估设计工期的参考
考虑零散附加需求(各种状态,各种要素),指导我们进行完整的设计工作量预估,避免项目delay。
(2)在设计发散阶段作为辅助方案决策的参考
设计方向探索阶段,设计师和决策者需要从众多的方案中挑选最佳方案。理智选择,避免一味追求视觉效果。
(3)设计完成之后的自省
对照视觉自查表检验项目完成的情况。既可以避免出现重大设计事故,又可以找到优化的方向。
(4)视觉自查表是不断完善的过程
针对不同类型的产品,需要完善针对性的细则。比如娱乐类产品要突出趣味元素、可玩性等设计指标。
5.UI测试注意点
核心:体验性
一轮测试:功能性、逻辑性
二轮测试:界面
布局
文字(字体-中文字体/英文字体、效果-加粗/斜体/下划线/中划线/描边/阴影、对齐方式、字号、色值、英文字符/汉字字符)
图片(大小、异形图片特殊标注)
icon(大小、色值)
背景(色值、图片-平铺)
线框(线-粗细1px,颜色,容器-如输入框-圆角半径、大小、色值、描边)
按钮(色值-描边/填充、状态-可点击/不可点击/按下、大小、圆角半径、文字)
警告框(弹出提示/中断提示)
输入框
加载
进度条
无网络状态
无参数状态
tab
表单(文字、大小)
间距(留白、图文间距、标题与介绍文字间距、文字块间距、图片间距)