干货推荐|关于无线C端产品的一些UX建议

开始之前,先来看一下Eric WK.See-To的一项最新研究成果(Eric WK.See-To等人针对如何提升移动端视频的UX满意度做了以下研究)。

干货推荐|关于无线C端产品的一些UX建议

一、视频UX回归方程分析:

开始之前,先来看一下Eric WK.See-To的一项最新研究成果(Eric WK.See-To等人针对如何提升移动端视频的UX满意度做了以下研究)。

干货推荐|关于无线C端产品的一些UX建议

图中为Eric WK.See-To构建的回归方程,该回归方程清晰地描述了用户体验各个要素之间以及各个要素与上游要素的关系。从图中可以得出以下几个关于视频的UX Tips:

  • 感官体验(Sensory Experience)将会提升移动产品(Mobile Environment)的参与度(Engagement),而对于PC产品(Desk Environment)几乎没有影响。
  • 情感反应(Emotional Response)将会提升PC产品的参与度是,而对于移动产品影响不大。
  • 学习曲线(Learning Curve)对于移动产品的参与度是一个显著因子,而对于PC影响不大。
  • 外部干扰(Interruption)对于移动产品将会产生一个低参与度,而对于PC影响不大。
  • 聚焦时间(Attention Span)对于PC产品的参与度是一个重要因子,对于移动端影响不大。
  • 无论是PC产品还是移动产品,用户高参与度(Engagement)决定用户高愉悦度(Enjoyment),用户愉悦度决定用户满意度(Satisfaction),其中用户的高参与度也会影响用户的满意度。

二、视频产品UX与C端产品UX

当前视频产品大致分为以下几类:

  • 视频资讯(搜狐、爱奇艺等)
  • 门户补充(搜狐新闻客户端中的视频版块)
  • 短视频应用(秒拍、Vine、17直播)。

分别对这些产品中的“USER H POINT”进行解构、综合,我们最终抽象出用户四方面的H Point:Kill Time(娱乐需求)、审美需求、求知需求、社交需求。

  • Kill Time(娱乐需求):视频产品属性中的“娱乐性”决定了其“Kill Time”的使命。
  • 审美需求:同样是拍一段具有纪念意义的视频,你为何不用手机原生视频拍摄功能,而选择美拍这类应用,因为它满足了用户对审美的追求,美的东西更易唤起用户的情感(Emotion),从而用户有了功能使用的动机。
  • 求知需求:求知是人的本性,用户为何不惜流量的成本,也要看一下这段视频主要在讲什么,这一切行为的动机都来源于人与生俱来的“求知”
  • 社交需求:一段好视频引起了我们的共鸣,接下来的行为极有可能是分享,也就是马斯诺需求中的第四层次——尊重需要,这里主要是“外部尊重”,用户期望通过这一段共鸣的视频彰显自己的独立人格,从而受到别人的崇拜或信赖。而这一切都归结于我们都是“社交”中的一个纽带,我们期待与多彩的外界发生交互。

解构到这里,我们发现一个现象,这些解构因子的共同基因序列并非是“视频”,而是“娱乐”。而相比于B端产品,C端产品更具“娱乐性”,于是我们找到了这样共同的纽带。基于这个假设,我们做了一个用户验证(不尽是产品的使用者还有产品的创造者)。验证结果更加确定了我们这样的一个假设,这下子Eric WK.See-To等人的研究成果就有了更加广泛的“外部效度”。

干货推荐|关于无线C端产品的一些UX建议

三、关于无线C端产品的4点UX建议

结合Eric WK.See-To的多元回归分析,针对无线C端产品,我们排除了相关系数较低的情感反应(Emotional Response)、聚焦时间(Attention Span),最终构建了无线C端产品的UX模型。

干货推荐|关于无线C端产品的一些UX建议

1.提升产品的感官体验(符合产品定位的感官体验:Sensory Experience),激发用户产品使用(参与度:Engagement)

淘宝:从海抢购、大促销、超实惠的模块切割到花花绿绿的商品展示以及选择红色作为背景,为淘宝商城渲染了“Hot集市”的氛围,有了Hot集市氛围(Sensory Experience)才有了“淘”的行为动机。

陌陌:黑色的底结合湖蓝色的图营造了一种“神秘”氛围体验,多彩的用户标签标识(性别标识、VIP标识、星级标识)渲染了一种“奇迹”体验,正如陌陌Slogan:总有奇迹在你身边。有了神秘、奇迹的感官体验,用户才有了“发现身边奇迹”的动机

潮自拍:美图秀秀旗下的新作,高清国际模特POSE、具有一定意境的滤镜氛围以及矩阵块使得潮自拍显得更有质感、更具逼格、更有范儿,从而激发用户的参与其中,创造属于自己的逼格。

干货推荐|关于无线C端产品的一些UX建议

2.提升产品易用性(Learning Curve),让你的产品不言而喻,降低用户认知学习成本

如果想保证产品更容易使用,那么最重要的是什么?不是重要的内容要放在两次点击之内,也不是采用用户的语言,甚至也不是保持一致,而是——Don’t Make Me Think”。从某个页面布局到整个页面交互流都应当遵从用户的认知逻辑。

以腾讯地图和百度地图为例:

用户目标:找一家附近银行去办一张卡

用户操作:在搜索框输入“银行”

界面反馈结果如下:

干货推荐|关于无线C端产品的一些UX建议

使用腾讯地图时,界面反馈了周边的一些银行标记点,默认导航是距离我最近的一家银行。

使用百度地图时,界面反馈了附近银行列表并显现银行类型(ATM机/营业厅)、距离信息,按照最近原则进行银行点排序。

结果可想而知,使用腾讯地图时,我压根就搞不清楚:地图上哪些红点能办卡,还有推荐最近的支行是24小时自助式的ATM?还是营业厅?这些困扰都在我完成任务(找一家附近银行去办一张卡)过程中带来了卡顿,直到有一天我遇到了百度地图,我才真正解脱了。

3.滚蛋吧!模态窗口(尽量减少Outside Interruption)

在实验中我们发现,相比于Desk环境,Mobile环境更易受到Outside Interruption的影响,因此从正面角度,我们需要尽可能减少无线产品中的Outside Interruption,这里我想讨论的是关于有些产品“模态窗口”的滥用,

我们以IOS端支付流为例:

图中展示了用户购买虚拟服务的行为流,4个步骤包含了3个模态窗口,如果用户购买动机不强,这3个模态窗口足可冲淡用户当前的购买动机。因为用户的初始行为动机一直被Interrupt,正如你想购买一个装饰画为家里增添一点文艺的气息(可买可不买),这时导购员不断重复一个模态式疑问:你确定你要买这个?你真的准备好要买这个了吗…模态窗口多用于不可逆的操作场景,帮助确认当前操作不是来自于误操作(物理误操作、心理误操作),支付宝在支付过程中的密码输入本身也是一种模态窗口的应用。

干货推荐|关于无线C端产品的一些UX建议

同样是IOS端虚拟服务的支付,陌陌是这么做的,You can you up,No can we help you up:

依据平台属性与业务战略将苹果支付设置为默认支付方式,而且只在支付环节(不可逆环节)显示模态窗口,保证用户原始动机的完整性,当用户主支付行为失败时,再通过温馨的IM,提供用户其他支付路径(原始动机依然很完整)。

干货推荐|关于无线C端产品的一些UX建议

4.让任务操作更加碎片化(当Outside Interruption真的来了,该怎么办?)

在3中从正面角度分析,我们需要尽可能减少无线产品中的Outside Interruption,但是当Outside Interruption实在无法避免了,比如你正在看一篇公众号文章,此时你的好友IM了你,这种Interruption是无法避免的,因此当Outside Interruption真的来了,我们该怎么办?

我们以新浪微博信息浏览为例:

在打断前,用户已经读到第56条微博,结果因为短暂的切换,导致用户必须从头再来,要知道对于微博这样的信息流产品,用户需要付出多少流量成本和耐心成本才能为这种行为买单。

干货推荐|关于无线C端产品的一些UX建议

我们再来看看微信是怎么做的:打断前后,文章已读位置保持了一致,响应了用户任务碎片化情境

干货推荐|关于无线C端产品的一些UX建议

四、小结

本文旨在探讨如何提升无线C端产品的用户体验,和打造一个用户喜爱的无线C端产品还是有区别的,因为“用户喜爱”与“良好的用户体验”并非是等同关系。巧妇难为无米之炊,巧妇即为“UX”,米即为“产品的有用性”;一个对用户没用的产品,UX再好,终究无卵用。

如何确保产品是有用的,这个需要我们通过具体业务分析对所属市场、目标用户进行严谨、理性的思考,考虑如何将产品的“有用”发挥至极致,有了“有用”的支撑,UX能力才可以被放大,即“Create Products Customers Love”。

 

本文由人人都是产品经理专栏作家 @UE小牛犊(微信公众号:UE小牛犊) 原创发布于人人都是产品经理 。未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/30520/

(0)
CatherineCatherine
上一篇 2017-05-29 05:30
下一篇 2017-05-29 07:37

相关推荐

  • 译文 | 微交互:设计优秀app的秘密

    好的产品往往做好了两点:功能和细节设计。功能吸引用户使用你的产品,细节设计将你的用户留下。优秀的细节设计能够使你的产品在众多竞品中脱颖而出,优秀的微交互设计往往能够让用户在初次使用产品时就能够留下深刻的印象。作为一个交互设计师,在设计微交互方案的时候不仅要考虑视觉上的冲击力,还要想办法赋予其信息传递的功能。

    2017-05-26
  • 常见的登录交互方式

    现在市场上面的APP种类繁多,而登录注册的方式也有很多,下文就简单来分析一下各种登录的交互方式,谈谈自己对这些方式的见解。 1.账户密码输入型 首先最常见的就是输入账号密码型的,这种交互方式可以在注册时就获…

    2016-03-23
  • 淘宝2017-提示信息的情感化设计

    作者:要白 明飒   开端:做一个有故事的 现如今,消费者对产品的需求从追求高性价比更多地转为高品质,虽然手机只是一个机器,但用户与产品之间当然是能有情感传递的,不然就只是一个冷冰冰的工具而已,能让用户在…

    交互专题 2017-08-07
  • 动态响应-应用程序的身体语言设计

    引言:如果把APP比作一位美女,那么icon是她的证件照,界面是她的形体,而动效则是她的肢体语言。

    2014-12-30
  • 超好看APP交互设计~

    设计APP,不是简单的把界面绘制好,漂亮的色彩搭配、可爱、卡通或者扁平化的图标设计等等。如今的移动APP界面设计,更要追求有趣与实用的完美结合。今天,小编分享来自印度的设计师Joney vino的超好看APP交互设计作品。第一款是APP交互设计是关于免费试驾APP的选车界面与整个选车的流程。整个过程就是把选车类型、日期、人数等功能元素在流畅的界面转换场景当中完成。追求一气呵成。很不错的免费试驾体验。第二个APP交互设计当中的有趣、创意与...

    2018-03-03
  • 集创堂交互设计课程(零基础)详解

    零基础课程5月2日开课,咨询请加微信:yyy8010557经过将近一年的反复打磨,集创堂交互设计课程(零基础)终于出炉了!从内容上来说,这套课程采取了基础设计能力+交互设计思维+项目实战+设计软件学习全方位培养的模式,学员毕业后直接具备实际工作能力;从师资上来说,除了集创堂纯色、潇潇、青木三大导师外,网易云课堂的Nina、拥有六年教学经验的蜡笔强力入驻,课程直接对标网易云课堂;从时间上来说,长达七个月的浸入式学习,听课+作业+实战+讨论...

    2018-04-17
  • 2014年最佳的十款交互设计工具

    在设计之初,UI设计师所提供的视觉稿和最终的可交互原型之间,需要交互设计师借助工具来补足,让静态的视觉转化为富有生命力的可交互界面。2014年所涌现出来的这些交互设计工具,在不断迭代升级中走向了成熟,易用…

    2015-01-15
  • 40个全屏图片背景的网站设计欣赏

    Web设计灵感总是帮助我们走在新趋势, 设计结构、颜色和总体设计过程。有很多灵感的网站列出的主题就是我想要这一个是不同的。所以在这个今天的帖子我收集了40个全屏图片背景的网站设计欣赏,为你找设计的灵感。

    2017-06-03
  • 经验总结|交互设计文档该怎么写?

    交互设计师的工作虽不只是画交互稿子,但是好的交互稿不仅能够完美阐释产品内容和设计师的设计思路,还能够在项目各方协调工作中起到重要作用。保证完整的呈现产品需求和设计思路的交互稿,能够让各方工作人员有一致的工作目标,而有良好体验的交互稿,还能够便于各方理解,提高后期开发对设计的还原度,提高各方工作效率。

    2017-04-29
  • Project Flow 重新定义人机交互

    摘要 : 渡鸦科技在2015年8月6日晚上召开的Project Flow 发布会,推出了一个服务系统,旨在建设成“只一个APP”的生活场景。 2015年8月6日晚上7点钟 渡鸦科技发布了一款产品,名叫:project flow ,据渡鸦科技负责人 9…

    2015-08-06