随着互联网行业在国内市场的突飞猛进,涉及的平台也越来越丰富,在如今,UI设计不仅仅是设计手机移动端APP界面,PC端界面,也包括了VR/AR等项目,硬件操作系统比如车载系统,和一些新兴的艺术作品。包含了当今的各行各业,比如房产,电商,社交,教育,智慧城市等等,简单点来说,UI设计师不仅是美学设计师,更是服务社会的价值创造者。
手机移动端APP界面,来自设计师Taras Migulko
VR旅游APP,来自设计师Ariuka
下面会结合两个真实的项目案例来聊一聊UI设计师是如何创造价值的。
01.设计参与环节
如上图所示UI设计在设计前期,设计中,设计后都需要全程参与,但是在AR项目的设计中,高保真的设计图产出会稍有不同,本文会从前期背景调研和高保真设计图产出这两个方面详细介绍。
02.手机移动端—商办通App
手机移动端App设计以58商办通这个项目来举例和大家讲讲UI设计师做了什么。
· 前期背景调研
首先要分析项目的背景和适用人群。
商业地产中的商业办公的房源量是很大的,为了更好的满足业务需求,推出58商办平台,帮助开发商快速租赁,管理房源,提供服务,打造开发商的移动工作平台。所以适用人群同样也是开发商和招商顾问。
了解过背景之后,我们就要想怎么运用设计的手段来帮助开发商解决房屋租赁问题。
高保真设计产出
首页重新改版
在首页的设计中,根据功能的类型,分为三类,一是开发商最重要的获客渠道,实时找房线索;二是开发商最常用的工作台;三是日常浏览,包括运营位和经纪人列表。按照用户操作的频率和重要性进行功能划分,既能解决问题又能提升开发商的工作效率。
改版过的首页,整体页面简洁,重功能轻运营,又有拓展性。
03.VR项目—商办楼盘VR
VR的项目和上一个项目最大的不同就是,要考虑现实场景的结合,和用户沉浸中的体验。
· 前期背景调研
在商办楼盘中,增加楼盘VR展示,既能升级找房体验,还能提升看房效率,丰富楼盘信息。
如何提升用户体验呢?可以从这三个方向去思考,一是交互方式,降低用户的学习成本,在楼盘VR中会有航拍和地拍两个方向的拍摄角度,普通用户难以理解航拍和地拍的区别,在交互操作中尽量弱化这两者的概念,让用户能够全方位的在实景中查看;二是操作方式要简单,在视角切换中,要尽量做到流畅和统一;第三是结合现有的临感技术,统一设计规范。
· 高保真设计图产出
地图和方向入口的设计是楼盘VR中最重要的一个设计环节,通过指南针的形状特征演变中一个地图结合方向还有雷达的入口,始终指向北边,在用户进行VR图滑动切换的同时,雷达会同时展示方向。
在航拍视角中,所有的拍摄视角统一做成蓝色的小标签的样式,用户可以通过点击标签或者滑动底部Tab两种交互方式切换视角。
用户在点击想查看的拍摄点位的用时切换拍摄视角,整体体验中并没有告诉用户哪个是航拍,哪个是地拍,但是在查看东侧,西侧,地面停车场这些场景的时候不知不觉就已经切换了角度了,大大提升了易用性,用户可以通过VR的展示就能看到整个楼盘的全貌,大大节约了看房的成本。
04.AR项目
VR通过虚拟场景而且增强图像的能力,而AR是虚拟世界与现实世界叠加在一起,用有用的信息对人们看到的现实世界进行补充。
Nreal Light效果图
在AR项目中,设计师不仅仅要具备平面设计的能力,更要具备是3D和空间中如何交互的能力。
举一个例子,在手机上出现一个弹窗,根据弹窗的性质,设计师可以放在屏幕的中间,或者底部,便于用户在手机上的操作,但是在空间中,不仅仅是考虑上下左右的位置,还要这个弹窗和眼睛之间的距离。
在AR的设计中,就没有像素大小的概念了,更多的是物体的坐标属性,多媒体捕捉,虚拟物体的交互和用户沉浸感体验。
在高保真设计图产出的过程中,设计师不仅要建模出3D元素,又要设计在虚拟世界中的交互。
05.其他项目
在车载系统,和一些硬件操作系统中同样需要UI设计师。
车载系统,来自Dribbble设计师Aston Martin
最后在给大家介绍一种新兴的艺术表现形式,互动装置艺术,它属于数字媒体的的一个分支,无论是视觉表现还是与用户的交互形式都给我们带来新的认知。
在墨尔本联邦广场上则泛起了一个巨型的透明泡泡,该装置由多媒体设计工作室ENESS设计,被称作“Sonic Light Bubble”,是一个基于照明的巨大合成“有机体”,能吸引路人介入并与之交互。
06.总结
如今UI设计师已经不再是单纯的手机界面设计师了,随着科技和新兴技术的发展,传统界面、VR/AR界面、互动艺术装置都需要大量优秀的UI设计师来加入。
设计师们进行着艺术创作,设计改造,不断探索创造新的价值。