路野

留意过拆快递盒子的感受么?不同设计下它带给人们的体验感受各异,优劣悬殊。易撕线能给用户带来了便捷的体验。见贤思齐,要提炼与思考,将好设计应用到自己的产品中去。我们的产品——临感是一款VR中台产品。已接入了包括房产、招聘在内的多条业务线,包括从拍摄端、管理端到前端展示的一系列子产品。我们致力为临感用户提供至臻至美的用户体验。

a

01.前言

留意过拆快递盒子的感受么?不同设计下它带给人们的体验感受各异,优劣悬殊。

我们将盒子材质、尺寸、成本,乃至环保与否的区别排除,单讲拆快递这一动作,它所带来的体验,可以分为三个级别。

 

初级·全面包裹无从下手

图片

↑盒子上的胶带经线绕八圈,纬线绕八圈,纵横交错,彼此缠绕。唯有快刀斩乱麻,用剪刀才能把它拆开。这个体验仅考虑了包裹的牢固与防盗,对拆除未做过多考虑。用户需要剪刀辅助,并且存在损坏包装内物品的风险。

 

中级·更为克制的胶带缠绕

图片

↑盒子上的胶带数量有所克制,纵横不过多纠缠,用户找准开头便可把胶带完整拆除,过程不需要其它工具的辅助。完整拆除带来的缺点也显而易见,包装盒子大概率上下表面都被敞开,失去容器的属性。

 

高级·易撕线是个好设计

图片

↑如图所示,这是一款比较典型的易撕箱。它的使用全流程:

① 装盒打包-自行粘合,无需借助其它工具;

② 运输配送-安全防盗,拆开后不可复原;

③ 收货开箱-轻松撕开,无需借助其它工具,且保持箱体的完整性。

注:三个级别的包裹图,皆改自Apple emoji的包裹📦,从拆快递的角度来讲,是一个值得优化的设计。

1

02.向好设计学习

看到这里,想必大家都认同易撕线给用户带来了便捷的体验。见贤思齐,要提炼与思考,将好设计应用到自己的产品中去。

我们的产品——临感是一款VR中台产品。已接入了包括房产、招聘在内的多条业务线,包括从拍摄端、管理端到前端展示的一系列子产品。我们致力为临感用户提供至臻至美的用户体验。

图片

我们提炼出易撕线的三个优点:

 

其一自然

临感·VR展示端的漫游体验中,点位切换是非常核心的流程。核心不代表用户天然了解怎样使用。易撕线的使用引导拥有醒目的开端,明确的方向,对错误会进行提前干预。应用到点位引导上,我们设计了:

① 醒目的开端——首次进入VR场景默认视野内,最近的点位立体引导;

② 明确的方向——点击第一个点位后,下一个推荐点位动态引导;

③ 对错误进行提前干预——给与用户一定的自由度,并每时每刻告知用户我们推荐的浏览路线。

图片

 

其二流畅

用户抱着拆开箱子的目的,从看到易撕线,到使用完成非常流畅无阻碍。

临感·VR展示端中的各类加载,也都力图做到流畅。但在一些情况下,流畅背后的技术实现成本巨大,需要用设计巧妙化解。

比方在展示端内,有一些VR场景的加载时间较长,且无法取到确切的加载百分比。为了流畅,我们想到「一尺之棰,日取其半,万世不竭」这种无限接近,永不等于的方案。

图片

此方案让用户对加载有个基本的等待感知,也不至于误以为产品当前卡顿。从而带给用户流畅的感受。

 

其三真实

易撕线的使用过程,是视觉触觉听觉的全方位感知,这是人们在真实物理世界中交互的天然优势。如何把这种真实移植到线上?我们需要充分尊重用户的已有经验,利用用户熟识的事物去做设计。

举例来看,临感·VR展示端的画笔功能,是同屏带看场景中,辅助经纪人与租房购房者沟通的小工具。它的功能层级较深,使用门槛较高,需要引导。

我们关心用户在真实世界首次使用一根画笔时,会做什么?自然地,我们想到了文具店,看看大家在试笔纸上会画些什么。网上搜寻的结果图如下:

图片

除了一些写字的情况,大部分用户不约而同画出了波浪线。这也与微信图片编辑的画笔功能图标是一致的,不知道微信的设计师是否也考虑了这一点。

图片

不论从现实层面,还是从微信对用户的长期教育来考虑,「波浪线」都是一个更贴近用户的好选择。

图片

下图是我们设计的画笔功能新手引导。波浪线的引导样式上我们还增加了动画效果,辅助用户感知,希望给用户带来似曾相识又新颖独特的体验。

图片

a

03 结语

临感VR的产品体验,源自生活又高于生活。用户的日常交互经验是产品设计的宝贵财富。互联网产品发展至今,多说区区几十载,人类与物理世界的交互,却已有千百万年。向日常中的「易撕线」学习,我们的产品终将受益。

图片

 

原文地址: 58UXD(公众号)

作者:环铁艺术家

图片

 

转载请注明:学UI网 » 项目总结|临感VR中的「易撕线」

登录收藏
 
你可能喜欢的:
HMI设计需要遵循什么设计原则?HMI设计需要遵循什么设计原则?
业务想大多全,用户要精准简,首页设计该如何破局?业务想大多全,用户要精准简,首页设计该如何破局?
案例锦囊|交互设计中「情感化」设计优秀案例(二)案例锦囊|交互设计中「情感化」设计优秀案例(二)
改作业 | 有一说一,这个改稿效果真不错!改作业 | 有一说一,这个改稿效果真不错!
15条APP体验设计的思路分析15条APP体验设计的思路分析
这个练习虽然已经不错了,但我觉得还可以有以下几点能优化!这个练习虽然已经不错了,但我觉得还可以有以下几点能优化!
设计师如何提升总结力设计师如何提升总结力
淘宝订单页改版分析:如何提高支付转化率淘宝订单页改版分析:如何提高支付转化率
笔刷教程 | PS颜色动态功能在绘画中的作用笔刷教程 | PS颜色动态功能在绘画中的作用
作品集别用这几个设计目标了,太老套作品集别用这几个设计目标了,太老套