UI:泛指用户的操作界面,包含移动APP,网页,智能穿戴设备等。可以让软件变得有个性有品味,还要让软件的操作变得舒适、简单、自由,充分体现软件的定位和特点。UI用于软件、游戏开发,网页设计制作等。
UE:用户使用产品时的纯主观感受。个体差异也决定了每个用户的真实体验是无法通过其他途径来完全模拟或再现的。但是对于一个界定明确的用户群体来讲,其用户体验的共性是能够经由良好设计的实验来认识到。UE贯穿在一切设计、创新过程。
简单的说UE就是交互和动效,UI就是图标。UE和UI在一定程度上是有所不同的,UI重视的是为用户提供良好的感官,而UE重视的是对用户行为的引导。两者应该是互相包含,互相影响。
那么前端、UI、UE三者怎么更好的协同工作呢?
第一步:产品经理出原型图和需求文档
原型图不要有色彩搭配,只用灰白黑三色,不然会影响到UI的色彩选择,原型能表明界面有哪些元素即可,时间如果很紧张,有时候产品经理一张纸一根笔画个草图也是可以的(理想情况下。尽量还是不要)。然后进行需求评审,评审通过就可以交付UE。
第二步:UE出交互稿和交互说明文档
交互会出一个交互文档,有时候省时间的话,会每个模块都出一张大图,大图中有页面,有弹框,有各种操作的状态图,图下会有配有文字说明。然后进行交互评审,通过后交给UI设计。
第三步:UI设计
UI会按照交互设计稿,出UI设计图,UI设计图包含了每个基本页面元素、弹框、状态变化。然后上传到相应平台,现在大部分用的都是蓝湖。 然后进行UI的评审,评审通过后,前端按照交互稿和UI设计图进行前端页面的开发。
说明一下,只有前端是需要等交互和UI的,后端和测试是不用等交互和UI的,需求评审后即可进行接口的开发和测试用例的编写。