APP产品体验实例演示:如何用好【用户体验五层模型】

今天25学堂跟大家分享如何使用【用户体验五层模型】来解刨一款APP产品体验。同时也告诉大家如何去做好一款APP产品体验。算是给大家一个APP产品体验的例子、模板。

APP产品体验名称:MONO猫弄

APP交互设计做的一级棒APP案例—MONO猫弄

mono-APP

 

第一层:战略层

1、用户及需求

MONO的用户人群定位:有时间,爱折腾,对新鲜事物感兴趣的文艺青年。

人物画像:

关键词:新奇、追求品位、碎片时间

小小,24岁,大学生,日常主要上课及阅读,爱摄影、喜欢音乐。由于大学课程较紧张,没有大块时间阅读。性格乐于分享交流,炫耀及表达自己的情感。

小天,29岁,互联网公司UI设计,需要平时新鲜的灵感补充自己的创造体系,作品才有活力。但由于上班工作时间紧张,经常加班,只能挤出碎片时间去充实自己。喜欢电影、音乐,文艺小资青年。

从人物画像可以做如下推断:

痛点:内容产品平台过多,用户难以取舍,不能满足用户对冷知识的猎奇态,用户的年轻态,有品位的追求;信息发达随之而来的是信息过度传播,人的精力有限,用户在网上经常会出现信息过载现象;读者没有大块时间去筛选内容,只想获得自己感兴趣的内容,而非浪费时间去筛选自己需要的内容。

场景:上班途中(公交,地铁,出租车),工作休息时间,课前及下课休息期间

 

 

2、产品目标

在资讯阅读类APP层出不穷的情况下,普通的APP已经不能满足人们的需求,用户需要的是能满足他们好奇心的资讯,新奇,有意思,有品位已经成为一部分人追求的方向。MONO是一款覆盖面比较广的资讯阅读类APP,包含了文化,艺术,生活,科技等多方面内容,走的是合作媒体路线,筛选整合了多家自媒体的精华内容,文章质量高,偏文艺,致力于为用户提供优,成为移动时代代替杂志的精品阅读。

Slogon:用有趣定义自己,看世界。保持年轻的唯一方法,就是不丢失对世界的好奇

l基本需求(干货):保证精华内容,提高单篇质量

l中级需求:干货的逼格,猎奇态,专题性,多样性,文艺偶尔冷门;碎片化推送

l高级需求:分享性,高格调;独家定制;交互体验高逼格,用户所有接触点流畅;个性化阅读

 

 

第二层:范围层(主要功能)

【精选推送】

a该APP每日早9点的猫粮、下午5点的下午茶和晚上的睡前Story都会为用户定期推送当日编辑整理好的文章,养成用户每天固定时间的阅读习惯。

b点击右上角图标进入推荐页都会看到每日的更新内容。

优化建议:

1、目前资讯类APP都慢慢注意到PGC的重要性,作为靠内容发展的APP来说,内容本身显得至关重要。但在看文章过程中,发现有些文章选得并不是非常好,要想持续发展,需要组建强大的编辑团队,和更多优质的媒体资源合作,保证文章质量。

2、关于推送时间和推送内容。本APP的推送内容大多数涉及到优质的图片以及音乐、视频资源,这些资源只有在WIFI条件下,才能有更好的效果,能否增加一个功能:在使用流量时,尽量推送文字资源;在使用WIFI资源时,才推荐相关多媒体资源,让用户有更好的体验。推送时间:有待斟酌,是否应该早9点晚5点推送。

【我的订阅】

用户可通过进入各个专题页,进行定制喜欢的专题。新版改版,首页即用户订阅内容,充分降低用户浏览选择门槛。

优化建议:

目前的个性化定制页感觉名存实亡。由于各个专题的名称都比较特别,其实用户也是凭个人感觉进行专题的筛选,并不准确。是否可以考虑增加一些算法功能,找到用户的偏好,让专题主页在使用过程中做减法,越来越简洁,越来越符合用户的喜好。

【发现】

点击底部发现,可以获得视频、音乐、画册等专题,关注主编推荐及入驻造物主及个人创建小站,并支持申请建站,自制海报及日签,打造爆款事件,通过社交分享进行传播

 

 

第三层:结构层

MONO将产品的精品内容与读者高阶需求分享性、独家定制、高逼格结合,再次印证mono的定位---用有趣定义自己,看世界。给逼格用户更有逼格的内容。

 

 

第四层:框架层

MONO保持了豆瓣惯有的框架风格以及阅读类内容展现方式,根据《用户体验要素》一书理解,可理解MONO为信息型功兼功能型框架,具体框架如下:

 

 

第无层:表现层

1、视觉UI

不得不说MONO这款产品,由设计师主导,打造产品中具有工匠艺术的气息,在UI上完胜市面上大多阅读型app

***** 色彩篇

MONO摒弃了如网易新闻这类突出的警示红色,使用深色的主色调辅以抹茶绿、海藻蓝的按钮和白色、深灰色的文字,颜色风格属于冷色调,采用简洁明快的黄色和半透明的黑色为主色调,给人一种明朗的感觉,营造出一种适合创作的安静、文艺的空间。

***** ICON篇

使用M O N O字母简单线条的图标配合文字,未使用大多产品的拟物化。图标为浮层化并为透明底色,使内容界面更加突出。

*****  布局篇

段间距,行间距,字间距都更大,而边缘间隔较小,才能找到更好的表达。大量使用湖绿色的菱形块儿来构造页面,布局美观、一致。利用大量的卡片式设计,美观大方。

*****  文案篇

1.在使用的时候,有很多打动人的系小细节,细致而贴心,比如:意见反馈叫【和我们聊聊】、刷的太快时,会有【不要太快嘛,体力...快不行了】等等

2.排版中使用了大量图片,且一幅图占满整个横屏,很大气的感觉。标题内容“这个世界疯狂,没人性,腐败。您却一直清醒,温柔,一尘不染。”、“在记忆之井边,我浇洒你的影子之花,我将死于它的芬芳。”瞬间感觉被文艺了一把

2、交互UE

1.初见动心,质感满分。大部分页面使用了splashscreen技术,很动感、跳跃,各个界面跳转流畅,全程的你只需要滑动和点击,而且滑动过程有种“弹力感”,不至于太过干涩

2.每次下拉切换到另一条,总有种让我满怀期待的感觉。在单个文章页和下午茶页面,交互效果明显,感觉与用户有明显的互动。但比较不足的就是,下午茶页面是向下滑动,别的页面都是向上滑动,会导致有一定的用户学习成本。在单个文章页,向下拉动阅读文章时,底部的操作按钮会隐去,用户读书沉浸感很好。在下午茶页面,保证了一屏显示一个内容,用户下滑时才能看到下一个内容,增强用户的阅读成就感。

3.绑定手机。注册登陆后,当你卸载,再次下载,会自动登陆账号

 

 

 

最后,我们来进行一个小小总结:

从MONO战略层到界面展示,在一定程度上都可以称为良心之作。然而再完美的产品也有遗漏的问题。

 

1、战略层

猫弄走的是合作媒体路线,也就是说他们刊发的大部分是其他自媒体的文章和内容,纯原创较少。对于那些会喜欢猫弄内容的人来说,可能早已经关注了这些自媒体,读过了他们的文章,那么就没必要再在猫弄上看一遍了。不比知乎和豆瓣,猫弄背后没有一个强大的内容生产社区,如果不把握好的话,有可能走近内容匮乏的窘境。

2、范围层

1.推送时间问题:早9点晚5点,我猜想MONO团队想凑这个时间,让用户在到了公司坐下和一天工作完成收拾回家收到推送,并启动阅读,那么问题来了:①到了公司用户一般不会开始看MONO吧,所以我觉得9点应该在早一些②晚5点白领下班的用户应该是少量,如果MONO想让用户在移动的碎片时间,回家途中阅读,那么应该考虑WiFi下自动缓存,毕竟多图对流量和加载要求高。

2. mono主要是在向用户推荐内容,但是从上面的结构图看,其实相较于之前的版本,mono后来的版本,正在逐步鼓励用户主动寻找内容。导致用户存在一种焦虑感,感觉很多东西需要阅读,却又读不完。用户不想自己选择,按照《don’t make me think》,请不要让用户选择,筛选应该是app做的事情,而不是用户,你筛选完了,给用户看就好,别的,用户不管。

3.关于个性化推荐,我倒觉得适可而止,毕竟从信息到知识,尤其是碎片化阅读的过程,用户需要形成自己的体系,如果向今日头条那样,那么MONO让用户又回到了起点,也无法解决MONO所说的求知,满足用户对世界的好奇

4.社交功能略显鸡肋,入口很深,作为一个阅读app大家互相评论交流文章可以,为什么不可以回复别的用户的评论,而要采取单独开对话的方式呢?既然是评论,就是一个交流的地方啊,你可以通过别的方式去保证评论区的文明等,但是不能关掉这个功能。而对话的功能,会不会造成骚扰?提倡弱社交

5.每天的更新没有几个人能够全部看完,不管你是真的文艺青年还是伪文艺青年,所以为了能够使每篇文章有更高的到达率,又保证推送的多样性,可以适当减少今日推荐的更新篇数,毕竟你还有上午茶下午茶。

3、表现层

应用内大部分的操作依赖手势交互,交互效果堪称「炫酷」,但是复杂的交互往往会增加用户的学习成本,有些高门槛的交互与大众的水平相违背,比如下午茶的滑动方式,适当的改变目前的纯手势的交互操作,在保持应用原有风格的基础上,适当做出调整和让步

浏览过的文章在分类里依然可以看到,而并没有做过一些特殊的视觉、交互上面的处理,像这种情况,在一些新闻类的APP屡见不鲜。

 

 

每天更新,
全站高品质素材免费下载!