锁屏杂志轻设计轻体验 - UXPA中国2016行业文集

2017-06-30 | 文集

 

锁屏杂志轻设计轻体验

 

高澍

联想移动通信科技有限公司,上海

 

摘要:在智能手机高度发展高度普及的今天,手机作为一个生活必备品,已经成为人们日常生活中不可缺少的一部分。而锁屏作为点亮手机屏幕后展现的第一个画面,在整个手机系统的展示中占有先机。本文讲述的是如何结合锁屏的特点,在锁屏这个特殊的界面,提供给用户真实的杂志阅读体验,在用户使用手机的碎片化时间中,更好的满足情感需求,带给用户更有价值的信息和视觉感受。本文提到的设计方法,可以给移动设备上的app设计提供一些参考。

 

关键词:锁屏杂志,用户体验,情感化设计,智能推送

 

1

 前言

 

智能手机发展到今天,人们已经无法离开手机,更有许多重度手机用户,手机形影不离。手机系统已经是一个成熟完善的系统,锁屏是其中一个重要且特别的组成部分。为什么说它重要特别?锁屏是用户点亮手机屏幕后看到的第一个画面,可以看作是手机的大门。这个大门起到什么作用呢?单从功能上讲,它起到一个安全防护的作用。安全则包括两个层面,一个是操作的安全,一个是个人信息的安全。有了锁屏界面,可以有效防止手指在屏幕上的误操作。可以试想,如果没有锁屏界面的保护拦截,每次拿出手机,你都不知道它会停留在哪个界面,不知道自己已经偷偷的打出去多少个电话了。有了锁屏可以有效的防止触控上的误操作。另外一个方面,现在手机里面包括着大量的私人信息,除了通讯录外,还会有个人账号信息,银行卡信息,个人财产信息等,有了锁屏界面,用户需要解锁后才能进入系统,可以有效的保护私人信息,避免信息泄露。所以虽然Android系统提供“无锁屏”这种功能,但是基本很少有用户使用这种模式,几乎所有的用户还是都会启用锁屏。锁屏界面除了地位重要外,有它独特的特点,我们能够结合它的特点,提供给用户哪些功能进一步满足用户的情感化需求呢?本文介绍的就是在锁屏界面上提供真实的杂志阅读体验的一种设计方法,在锁屏上面提供给用户一种杂志阅读轻体验。

 

2

锁屏的场景分析

 

一个用户每天会解锁屏幕多少次?这是一个很古老的话题了,各家提供的数据不尽相同。

 

表1 360《中国智能手机依赖调查报告》

用户类型

每天解锁次数

一般手机用户

122次

 

表2 苹果公司

用户类型

每天解锁次数

IPhone用户

80次

 

我们就按照每天平均解锁100次,一天使用12小时来粗略计算,用户不到10分钟就会解锁屏幕一次。那么锁屏界面被激活被显示的次数呢?将远远大于上面谈到的真实的解锁次数。用户点亮屏幕,显示解锁界面的用意有哪些?锁屏界面的显示需求是非常多样化的。其中仅有一部分需求会进一步引发解锁的动作。

图1显示锁屏的需求

 

 从上图我们可以看出,七个需求,只有三个会触发解锁。单纯的锁屏界面的显示将远远大于每天解锁100次这个频率。锁屏界面具有非常高的上镜率,是我们值得研究的一个方向。那么除了高频率的出镜率,锁屏界面相对于其它手机应用场景还有其他什么特点?

 

特点

描述

启发

高频

锁屏界面的显示具有高曝光量

便于抢占入口,具有先天优势

短停留

用户不会长时间停留在锁屏界面,往往几秒最多十几秒。锁屏界面仅是一个过渡性的短暂停留的界面

不适合做长时间沉浸式的操作,要从视觉上迅速抓住眼球

被间断

性采访

被阶段性激活并显示,访问具有非连续性

不适合做内容很有连贯性的显示,每次点亮屏幕时内容不要强关联

用户的专注度不高

被显示时用户不会非常的聚精会神

不适合做需要高专注度的操作

表3锁屏场景VS其它手机场景 特点分析

 

 

3

锁屏杂志的切入点和产品定位

 

锁屏的基本功能,无疑是显示时间,显示通知等,这些我们肯定是要第一优先级满足的,这是锁屏的基本功能。除此之外,我们是否可以结合上述锁屏的独有特点,能够为用户提供进一步的功能,以更好的满足用户的情感化需求?

 

锁屏壁纸的展现是一个很好的切入点。在点亮屏幕的一刹那,呈现的壁纸内容如果能给用户带来一些兴趣和快乐,兴奋与喜悦,那无疑会给枯燥的锁屏带来一些亮点,赋予锁屏以生命,可以很好的抓住用户的眼球。并且壁纸是可以自动变换的,自动更新。这里,向锁屏的情感化设计迈进了一步。

 

但是如果仅仅是不停的变换壁纸,那貌似变成了壁纸欣赏,用户会感觉置身于茫茫的壁纸库中。我们进一步希望能够将这些壁纸变得有序,有组织,壁纸之间是有关联有逻辑的,用户可以知道壁纸从何而来,一张静态的图片背后有哪些故事。这里我们很自然的想起了杂志。我们真实生活中的杂志,很多配有大图,配有对应的文字。并且杂志的图往往也比较有视觉冲击力,适合放在手机屏幕上。同时杂志对内容的组织是非常有序的,每种杂志会聚焦在一个主题,这正好可以满足我们对锁屏壁纸既要变换又要有组织的要求。于是,我们希望能够在锁屏上提供一种杂志阅读的功能体验。

 

从内容上讲,杂志阅读,虽然内容上面有些关联性,但是并不是强关联。每次点亮屏幕看到的杂志的内容,并不依赖于上一次点亮屏幕看到的杂志内容。可想而知,电子书就不适合显示在锁屏上面,因为每次点亮屏幕的时候,已经早已不记得上次显示的是什么内容了。

 

从阅读消耗的时间看,杂志本身就是在闲暇之余随手翻翻的。而移动设备——手机,使用的最大特点就是利用碎片化时间,并不要求用户有大把的时间,十分专注的来做这件事情。这也正和我们前面提到的锁屏界面的显示场景相契合。

 

从种类讲,杂志种类是很丰富的,如自然风景、摄影类的杂志,可以给锁屏提升视觉体验,提升美的感受;体育类杂志,可以满足体育爱好者的需求,跟进各种赛事进程;新闻类杂志,可以及时了解各地新闻动态,保持不out;旅游类杂志,让用户在手机上面就可以欣赏各地美景,激发对生活对自然的热爱。这些都可以赋予锁屏界面新的生命。

 

4

如何为锁屏杂志提供阅读轻体验

 

说到这里,我们怎样在锁屏上提供一种杂志阅读的轻体验?

为什么说是轻设计、轻体验?

第一,因为锁屏杂志完全不同于应用市场上专门的杂志类app,比专门的杂志app要轻很多,设计上面要非常的轻量级。

 

表4杂志app VS锁屏杂志

差别

      锁屏杂志      

核心功能是谁

杂志阅读是主要目标,是app的核心功能

杂志仅仅是辅助功能,主体功能仍然是显示系统时间,显示通知等。杂志不能喧宾夺主

目标性强弱

用户的目标性明确,要看杂志时才会主动的点击进入app

在锁屏界面显示的时候顺便浏览,杂志阅读的目标性不强。闲暇时间浏览

被访问步骤多少

要“解锁-进入launcher界面-点击杂志app”进入

显示锁屏界面的时候第一时间显示,快速访问

 

第二,更重要的是,锁屏杂志需要很好的还原我们日常生活中的真实的杂志阅读体验,使得用户在使用锁屏杂志时,可以从生活真实的场景自然的迁移,没有任何学习成本。这种平稳过度给用户带来的使用感受是轻快无负担的。除了很好的映射生活场景外,我们甚至可以做的更好,提供优于线下的阅读体验。于是我们围绕下面这些方面展开讨论。

 

4.1   回归纸质杂志的自然阅读

 

现实生活中的杂志阅读场景,杂志是一种纸质读物,具有杂志名称,并且会定时更新,一个周期后会有新的期刊登出。杂志名称通常代表着一定的主题,比如旅游类杂志,汽车类杂志等。所以我们的锁屏杂志,也是以某本杂志的某个期刊来组织展现的,一个页面会从属于某本杂志的某个期刊,页面上会显示对应的杂志名称。整个壁纸的显示,自然是杂志的大图,并且会配有简单的文字,介绍当前这张图片的相关信息,让用户更多的了解图片背后的故事。当一本杂志有新的期刊发布的时候,手机会在wifi环境下更新得到新的期刊,保证杂志的内容是最新的,而这种更新并不需要人工参与,免除了去报刊亭买新期刊或者是人工递送期刊的过程,更加智能并且做到无痕更新。

图2锁屏杂志展现方式

(默认页,主体显示图+时间信息/杂志页,

显示图+文字)

 

说到这里,其实市面上有很多厂家都提供类似的杂志锁屏功能,最早推出的是华为。大家在杂志页的显示、组织方式及杂志的订阅方式以何为单位,处理是不尽相同的。下面以华为和小米为例可以看出我们设计的区别,我们意图更加贴近自然阅读的习惯。

 

表5不同厂家之间的区别列举

 

继续来看翻页的操作。在翻页的交互方式上,生活中的纸质书本一定是左右翻页的,映射到手机屏幕上,我们很自然的使用左右滑屏的手势操作来实现左右翻页。

 

当用户手捧一本杂志翻页的时候,他会很容易的从纸张的厚度上面感觉到当前翻到第几页了,是在这本杂志的前半部分,还是中间,还是已经翻到杂志末端了,对阅读的完成度是有预期的。其实这正是我们交互设计中的所谓的导航的概念,用户可以明确的感知“我在哪里”。对应的,在我们的锁屏杂志上面,如何提供导航,告知用户“我在哪里”“我要到哪里去”呢?让用户能够明确的感知到,我在读一本杂志,我读到杂志的哪一部分,而不是仅仅让用户感觉是在无穷无尽的壁纸海洋当中,这样很容易迷失。于是,在锁屏杂志上面,我们想到使用页面指示bar并配合一些渐隐的动效来表现当前页面在整本杂志中的前后位置关系。动效需要轻、柔,避免喧宾夺主,翻页的瞬间也可以给人愉悦的轻盈的感觉,这也可以吻合我们轻阅读的设计初衷。

 

图3  阅读时的页面导航

(底部指示bar同时会有透明度的变化来表现动效)

 

4.2   切换杂志更便捷

 

上面介绍到,整个锁屏杂志我们力图提供给用户一种真实的杂志阅读感受。在现实生活中,当用户看完一本杂志后,会去挑选接下来去看哪本,于是在我们的锁屏杂志上面,也提供了手动切换杂志的功能,在锁屏界面可以通过“切换”按钮,列出手机上面已经订阅过的杂志列表,点击杂志名称即可快速切换至对应的杂志,比现实生活中去一本本的翻阅杂志更加方便快捷。

图4  切换杂志示意

 

4.3  订阅杂志更易用高效

 

生活中,我们通常在报刊亭购买杂志。报刊亭里面种类繁多的杂志铺天盖地,目不暇接。我们的锁屏杂志,也同样力求提供给用户更多的选择空间,有丰富的杂志源可供订阅。当然这和电子杂志的供应商资源有关联。在锁屏杂志上,对杂志的订阅检索可以做到比线下购买更好的体验,因为在移动设备上使用列表或者宫格可以高效的展现杂志资源,也可以通过简单的文字介绍快速了解杂志内容。在锁屏杂志设计初期,因为可订阅的资源还比较有限,可以采用简单的list来实现订阅的展现界面。当可订阅的杂志越来越多,后期我们版本迭代时改为商店类app的形式来提供订阅界面,引入了热门、最新、分类、已订阅的概念。分类是可以更好的方便用户检索;热门可以直观展现大众喜爱的杂志内容;最新可以第一时间了解新杂志的推出情况;已订阅用来管理自己订阅的杂志列表,一目了然。锁屏杂志的订阅体验可以超越现实生活的订阅体验,使得杂志的挑选订阅变得简单而有趣。

图5  订阅杂志线下VS线上

 

4.4   智能的推荐杂志

 

在报刊亭购买杂志时,如果要店家推荐,少不了要对话几轮,你喜欢什么类型的杂志等等。在我们的锁屏杂志上,除了用户自己主动的手动订阅杂志外,我们还可以通过大数据的分析,对用户进行智能杂志推送,比线下的导购更加智能。现在大数据的挖掘,用户数据的采集已经日渐成熟。在很好的还原用户肖像、用户喜好后,可以更准确的向用户适时的进行推送。用户订阅的杂志种类是很容易获取的,从每个用户的订阅可以分析出个人的喜好。

图6 不同的用户类型喜欢的杂志类型举例

 

当有新的杂志上架,可以结合用户的喜好,有选择性的推送他可能喜欢的杂志。

 

推送是有技巧的,无论从频率来看还是准确性、还是推送方式。

(1)频率:我们需要控制好推送的频率,要很好的控制推送的次数。过多的推送只会引起用户的反感,进而使得用户对锁屏杂志产生反感。因此,推送的频率必须严格控制,比如即使对用户喜好非常了解,一周最多也只能推送一次,保证用户看到的杂志大多数还都是他自己真实订阅的。

(2)准确性:准确性是另外一个关键因素。推送的准确意味着推送的杂志确实是用户需要的,喜欢的,最能够贴近他的实际需求。我们可以结合数据分析,尽量还原用户肖像,绝对不可滥用推送。

 

最初一个最简单的推送算法,可以基于用户已订阅的杂志的种类分析。首先,用户自己订阅的杂志总数N需要大于5。N小于5的情况下认为该用户不是一个锁屏杂志的重度用户,难以把握用户的典型喜好。(当然这种情况下,我们可以用另一套推算算法来试探用户的喜好)其次,我们将杂志大体分为九类。用户自己订阅的杂志可以对应到九大分类中,得到每类的订阅情况,每个分类的订阅数用N1,N2 ,N3….N9表示,则订阅的总数N=N1+N2+N3…+N9。可以简单的计算N1/N, N2/N,…N9/N的比例,当某比值大于80%时,可以认为用户是对此类杂志有明显的喜好的,进而可以加推这类杂志。

 

表6杂志类型和订阅数量举例

种类代码

T1

T2

T3

T4

T5

 T6

 T7

 T8

 T9

种类名称

时尚

体育

新闻

艺术

娱乐

旅游

美食

汽车

生活

单个用户订阅数

N1

N2

N3

N4

N5

N6

N7

N8

N9

 

但是上面这个算法,仅仅参考了订阅量这一个单一的维度,参考数据比较有限。同时,用户的爱好其实往往是多样性的,对杂志种类非常专一,喜好非常单一的用户其实并不是典型用户,大多数用户可能会有多种喜好。于是上面的这个简单推送算法在前期短时间的推行后发现存在着很大的弊端。那么如何优化推送算法,使其更加符合用户的实际需求?

 

我们可以更加深入的分析用户的行为。用户行为可以分为订阅行为和对杂志页的消费行为两种。

图7和推送相关的用户行为归纳

 

上图可以看到,我们可以从不同的用户行为捕捉到用户心理,进而去从多维度影响推送算法。用户对杂志的订阅行为仍然是一个最重要的推送影响因素,这在整个推送算法中占有很高的权重,按照70%的权重计算。N1/N,N2/N…..都乘以70%得到每个类别在这部分得到的分值。对于杂志页的消费行为的挖掘可以作为推送的次要影响因素,按照30%的权重影响比例来计算。同时,用户每一次对杂志页的消费行为,计数为一次。正向的消费行为,如分享和查看外链,对应的杂志类型的计数器会被加一;反向的消费行为,如删除行为,对应的杂志类型的计数器会被减一。这样可以得到一位用户对于每一类杂志的消费行为数值M1,M2,M3….有可能有些类别的M值为零,表明用户对这类别的杂志没有发生过消费行为。

 

表7杂志类型和用户消费行为数量举例

种类代码

T1

T2

T3

T4

T5

 T6

 T7

 T8

 T9

种类名称

时尚

体育

新闻

艺术

娱乐

旅游

美食

汽车

生活

消费行为次数统计

M1

M2

M3

M4

M5

M6

M7

M8

M9

 

这里,M1+M2+M3…+M9 = M ,可以得到用户对杂志页的消费行为次数的总和M。进而,可以按照前面提到的订阅数量N1/N类似的计算方式,分别计算M1/M,M2/M…M9/M 的比值,再乘以消费行为这部分的权重30%,既可以得到每类杂志在消费行为这部分的得分了。

 

每类杂志的订阅行为得分和消费行为得分的总和,即是该类杂志的推送分值。如对于T1类杂志,得分Z1 = (0.7*N1/N)+(0.3*M1/M). 我们可以得到Z1,Z2..Z9这一系列得分,以此作为推送的判断条件。当Z1, Z2, Z3遥遥领先,分值接近,我们可以一次推送三本不同类型的杂志;当仅仅Z1比值很高,远远高于其他分值,那么我们甚至可以推送类型T1的多本杂志。具体推送的策略可以在服务器后台动态调整。

 

同时,推送后,也要注意监测用户对推送的反应,如果对于近几次推送的内容用户一直不订阅,则意味着用户对推送功能可能不喜欢,这时可以动态延长推送的时间间隔,在一段比较长的时间内不再尝试推送。

 

上面,主要介绍推送准确性的一些探索方法,推送算法是不断迭代的,我们仍然在摸索改进,通过不断的算法优化,可以更好的提高推送的准确性。这里推送算法是推送的重点,直接影响推送质量。

(3)推送方式:要做到不打断,不破坏原来的使用感受。我们经常有那种app使用经历,用着用着,突然弹出一个对话框,生硬的告知用户,要升级应用了;或者直接发送一条应用通知,点击后,会怎样怎样。其实我们可以将推送巧妙的融合在用户正常使用锁屏杂志的过程中,甚至使得适时的推送不被用户察觉,在界面上通过细微的差别区分表现推送的内容,进而引导用户订阅或者取消订阅。我们把它叫做沉浸式推送及沉浸式体验。这种沉浸式体验可以很好的吻合“轻体验”的初衷。从下图可以看到,锁屏杂志的推荐页面和普通页面之间的差别,只有在图标上面多了一个小小的“荐”字。这种差别是非常微小的,既不打断平时使用,又可以起到推荐的作用。

图8推送方式举例

 

4.5   进一步的贴心服务

 

在锁屏杂志上面,我们也可以做些功能延展,进一步的提供一些服务给用户。 比如在图片详情的部分,除了简单的文字说明外,还可以提供些用户可能用到的操作入口,即前面提到的外链,用户点击后可以查看更多的内容。如一个旅游杂志,介绍了非常美丽的旅游资源后,可能用户会被触动到,产生“世界那么大,我想去看看”的想法,于是,可以在锁屏杂志上面,点击外链,直接提供一些旅游产品的订阅信息,可以帮助用户快速实现旅游计划。这里面可以用到一些商业运作模式,有很大的发展空间,是可以值得深入探讨的方向。这是一种“轻体验”,推荐的自然不生硬,将用户想要的产品“轻轻的”带给他。

 

5

锁屏杂志的数据验证及用户反馈

 

以上列举了锁屏杂志的轻体验的几种设计方式。当然一切设计都要经得起用户的测试和考验,在试用和迭代过程中不断优化。我们可以利用各种数据分析平台,对数据进行分析,进而观察总结用户的一些使用习惯,来进一步的验证并完善我们的设计。

 

 以锁屏杂志提供的一些常用功能操作为例,可以通过对avatar平台的事件数的统计观察,总结各个功能被用户使用的频率特点,进而对功能取舍筛选,以及优先级排序。如锁屏杂志会提供切换、订阅、分享、删除、亮屏翻页这五个功能按钮。

 

表8 Avatar一周的数据采集举例

从数据我们可以看出用户对各功能点击的频次,我们可以从中看出哪些功能是用户相对频繁使用的,将重要的功能,优先级最高的功能摆放在最重要的位置上。大家比较公认的视觉焦点的顺序是从上到下,从左到右。那么对于锁屏杂志,如果是横向一字排开提供各项功能按钮的话,我们会按照从左到右,重要性依次降低的顺序来摆放我们的功能按钮。当然,上面提到的数据采集来帮助我们排列按钮顺序也并不是完全绝对的,它只是给我们一些参考一些帮助,界面布局上也要考虑这个产品主要的核心功能和产品的主要诉求。比如,虽然从数据上面看,“订阅”这个功能没有“切换”的使用频次高,但是“订阅”是我们锁屏杂志的最核心功能,所以,我们仍然会把“订阅”摆放在第一重要的位置上。

 

类似的,如果功能的数据采集反映出,某个功能的被点击次数非常非常少,少到可以忽略,那么这时候我们也应该反思一下,这个功能存在的必要性,是不是可以直接去掉该功能。

 

另一方面,有了数据采集,我们也可以很方便的管理后台的杂志资源,可以清晰的统计出每种杂志的订阅数量,订阅数是上升趋势,还是下降趋势。杂志受欢迎的程度,也直接影响着杂志在杂志商店的列表中显示的位置顺序,比如是不是可以出现在最热推荐榜上。杂志被订阅的次数也可以在用户订阅杂志查询杂志的页面上显示出来,可以给用户一些参考,看出该杂志的受欢迎程度。杂志资源本身也可以引入优胜劣汰的竞争机制,订阅数量太少的杂志将慢慢被剔除掉,同时我们再去引入更优质的杂志,目的都是更好的服务用户。

 

表9一周内杂志资源订阅数据参考

 

锁屏杂志还处于一个刚刚起步的阶段,截止目前累计的用户数量大概在500000左右。上线后,我们也陆续收到一些用户的评价和反馈,这些反馈有些是肯定,也同时暴露了一些易用性的问题,这都是我们改进的方向。后续会更多的结合用户反馈的意见,及各类数据分析,不断的迭代,去提升产品的用户体验,将锁屏杂志做的更加易用轻盈!

图9用户反馈截图

 

 

6

总结

 

本文从锁屏这个特殊的场景出发,剖析了锁屏界面的高曝光率等特点,阐述如何结合锁屏的特点,提供锁屏杂志这个功能,以进一步的提升用户的情感需求。在整个锁屏杂志的设计过程中,围绕着如何在锁屏上提供杂志阅读轻体验这个核心目标,打造一个更真实的杂志阅读感受,并从阅读、切换、订阅、推荐等多个维度阐述了一些设计思考。同时,也列举出了一些采集数据信息方便理解。

 

当然,锁屏杂志后续也面临着一些问题,当开始使用时带给用户的新鲜感逐渐消失时,如何能够一直抓住用户眼球而保持一个持久的吸引力,这将是后续一个有趣和值得探讨、重点发力的话题。因为用户往往比较容易“喜新厌旧”,锁屏杂志除了提供杂志浏览的功能外,该如何挖掘更多的亮点为产品“保鲜”需要深度思考。

 

最后,希望本文能够给一些app设计提供一些设计参考。

 

致谢

整个锁屏杂志的开发成果,是Team集体智慧的结晶,离不开Team的每一个成员的贡献。首先感谢锁屏杂志的PM,从产品角度指明了产品发展的方向,在大家不断的思想碰撞后,保证产品一直向正确的方向演进。感谢GUI设计师及开发团队的付出,同时也要感谢联想UI team的领导及整个设计团队的参与指导,大家的宝贵意见使得整个产品设计的更易用、贴心、轻盈。

 

参考文献

[1](美)诺曼 情感化设计电子工业出版社出版 2005年

[2]  360手机 中国智能手机依赖调查报告 2016年3月

 

0   喜欢

操作成功!
请登录您的邮箱获取新密码,请尽快修改您的新密码!