面向价值设计•导论

原创文章 分类: 经验/观点 版权:
1230 7 8 3
2017-12-18
7.3
编辑推荐

探索UI设计的核心价值。

Image title


我一直很在意一件事情,UI设计(尤其是GUI)的核心价值到底是什么,作为UI设计师可以给企业带来哪些不可替代的重要价值以及如何去实现这些价值。这是一个很重要的问题,只有明确了自身的定位才可以知道努力的方向,才能为企业创造更多价值,从而被企业重视。

在互联网公司,对外最大价值的是“提高产品流量”,对内最大的价值是“提高团队效率”。


Image title


UI设计,可以创造这些价值吗?当然可以!


每一个设计需求,我们都应该从设立价值目标开始,并以考核价值目标结束,我将这种工作过程称之为“面向价值设计”。


那么该如何做呢?我们经常会提到“设计统一化”,如果你正在为一个产品做统一化设计,那么你是否思考过这项工作最大的价值是什么?在传统制造行业,统一化(标准化)最大的价值在于使生产(开发)和维修(维护)的成本更小。假如每一种灯泡的螺口都不一样,换灯泡的难度则可想而知。


Image title


在互联网公司,“生产和保养”APP的周期更短,也就对工作的效率提出了更大的要求。对于UI,进行统一化设计,同样可以提高APP更新维护的效率,最终创造出巨大的价值。


Image title


设计统一化需要在团队内和团队间进行大量的沟通,保证参与者都可以明确了解规范细节并认可其产生的价值。然而,很多设计师只是简单地整理控件库和主色板,并没有在设计团队和开发团队推进统一化的工作流程,这样不仅无法获得设计统一化的价值,而且还浪费了设计人力。

要做到从设计层到开发层的高度统一,设计师必须了解一些基本的“开发原理”。同时,系统化的设计流程和高效的团队间沟通也都要求设计师拥有多维度的知识体系。


大家可以继续关注我的后续文章,我会详细讲解与设计统一化相关的开发知识,还会聊到设计统一化的衍生价值:更小的安装包体积和系统内与程序内的使用体验一致性。


接下来,讲讲UI设计如何提高产品流量。心理学通过科学的方法来研究人类的心理和行为,虽然目前还没有与人机交互直接相关的心理学分支,但是我们依然可以借用心理学的研究方法来提升UI设计的价值。

下方的界面,预览图被蒙黑遮挡较多且清晰度偏低,使得界面元素识别不高,会给用户一种非常压抑的心理感受。


Image title


基于心理学的研究方法,先提出一个假设:如果减少蒙黑或者适当提高预览图清晰度,是否可以带给用户清爽的视觉感受,从而提高视频的点击量?

为了验证这个假设,设计师可以提供蒙黑更少的方案,比如下图中的左侧方案。


更近进一步,既然采用了单列内容版式,产品的初衷肯定是为了展示内容的细节来吸引用户点击,那么是否可以考虑将文字与图片分离来提供最大程度的展示空间?比如下图的右侧方案。


Image title


有了假设和验证方案,可以使用ABTest采集数据,通过对比同一个视频在不同方案中的点击量和每个方案的总浏览时间,验证假设是否正确。

通过刚才的例子,设计师应该意识到视觉效果通过“心理层面的感受”间接地影响了用户的行为。研究视觉图形界面对用户心理和行的影响的过程,我称之为“视觉交互心理学”。


Image title


同样的设计形式,会因为蒙黑透明度的差异,或者元素间距的差异产生截然不同的心理感受,所以设计过程应该精于细节,实现过程更要精于细节,如果有人问为什么UI设计师要纠结一个像素,有这个必要吗?那么我的回答是:“非常必要。”

虽然收集APP相关数据的过程,不会出现传统心理学实验的“期望效应和安慰剂效应”,在控制条件上也相对简单,可是我依然建议大家去学习心理学的基本研究方法和了解一些注意事项。目前心理学研究方法已经可以对人类的性格(比如害羞)和抽象的感觉(比如冲动)进行定量测量,了解成熟的研究方法,对于进一步研究“视觉交互心理学”也会有很大的帮助。

综上,面向价值设计,不仅仅要求设计师转变思想,也对设计师综合素质提出了更高要求。


Image title


UI设计是一个很年轻的行业,未来的发展之路充满了不确定性,每一个UI设计师都有义务去探索更好的设计方法、更有价值的发展方向。希望将来有更多的设计师加入到“视觉交互心理学”的研究中来,也希望有更多人提出不同的设计观点,让UI设计走入一个百家争鸣的新时代。



相关阅读


UI设计的门槛越来越低?


UI的骨骼•始章 :更加高效的设计流程。


UI的骨骼•盒式模型1 :基础理论篇。


我是程序员:切图在APP内部的运作机制。




bingxueling

Hope,Power.

1214粉丝/24关注

字体的研究•iOS单行篇sogou手机输入法项目总结四-皮肤架构

京ICP备14007358号-1 / 京公网安备11010802014104号 / Powered by 2008-2018 UI.CN