“知音漫客”交互设计分析报告

一、 交互设计三要素分析


“知音漫客”交互设计分析报告_第1张图片

       总结来说,“知音漫客”作为一个漫画爱好者看漫画的平台,满足了漫画爱好者看漫画的基本需求,但是平台对社交的需求远远不够。其中缺失功能有智能配速自动阅读、与漫画设计者私信交流、好友动态展示、临摹漫画、教程发布、私信交流、粉丝管理和想法征集等。

二、 价值分析


“知音漫客”交互设计分析报告_第2张图片


“知音漫客”交互设计分析报告_第3张图片

     通过对于现有流程与产品流程的比较。根据用户的诉求,“知音漫客”占有比较大的优势。与APP相比较来说传统流程较繁琐,会受到时间和空间的限制。而“知音漫客”能实现用户随时随地阅读,付款方便,更新更快。所以“知音漫客”让用户更简单方便的实现自己的需求。

三、 知音漫客场景故事

时间:2013-2018年

地点:北京

人物:漫画家小明;初二学生小红

产品: “知音漫客”APP

      上初三的小红是一个漫画爱好者,在漫画圈内下载了“知音漫客”APP,从此一发不可收拾的爱上了“知音漫画”的创作者小明的作品。小明更新的每一个漫画作品。小红都利用课余时间追完,并且认真的评论自己的想法。看着小明的作品,小红是那么的喜欢,喜欢这漫画的风格,喜欢这漫画的人物构造,喜欢漫画的每一句话。她觉得在小明的漫画中看到了现实中的自己。她突然萌生了一个想法,也想做一个和小明一样的人,通过漫画的形式来鼓励身边的人。有一次小红把自己的想法写在小明漫画的评论里。没想到小明回复了小红的评论并非常的支持她。于是小红报了漫画兴趣班,努力的学习,希望有一天能够成为和小明一样的人。每次看到小明的漫画,小红都充满了力量。

      就这样,通过小红不懈的努力,终于考上了好的高中并且以美术生的身份开始了高中的学习。又过了三年,小红毕业了。在高中的这几年,小红利用课余时间在“知音漫客”上上传了自己作品,并且成了小有名气的年轻漫画家。顺利的考入了理想的大学,继续漫画的创作。

      大学期间终于出版了自己的漫画集,在签收会上,她发言到:她非常感谢“知音漫客”这个平台,也感谢曾经的启蒙老师漫画家小明。就这样,通过“知音漫客”的平台成就了很多的年轻漫画家。受到了漫画圈的一致好评。

四、 竞品分析


“知音漫客”交互设计分析报告_第4张图片

       我选择了比较下载量大的“看漫画”app以及我用过的的app“布卡漫画”,这两款APP对“知音漫客”app做竞品分析。通过分析可以看出“知音漫客”的优势在于是原创平台,而且有知音漫客的漫画书作为宣传的基础,而漫画偏向于中国市场,有很强的人群导向。“看漫画”更偏向于漫画的种类和漫画的阅读。是纯粹看漫画的平台,当然通过弹幕等功能也能看出这个APP在在偏向于打造一个看漫画的社区,把自己作为一个社交漫画的平台去推广。“布卡漫画”则是更偏向于漫画周边,包括漫画社交圈,还有漫展门票的售卖。


“知音漫客”交互设计分析报告_第5张图片
图1-看漫画信息架构图


“知音漫客”交互设计分析报告_第6张图片
图2-布卡漫画信息架构图


“知音漫客”交互设计分析报告_第7张图片
图3-知音漫客信息架构图

       通过三个app的信息架构图可以看出,三个产品都大体分为四个部分,四个分类的功能都比较类似,只不过在一些细小的功能上还存在一些差异。“看漫画”这款产品功能比较简单,但是产品定位是打造最大的免费漫画阅读的平台,所以功能简单,更多的是丰富的内容,在阅读器的处理方面是三个app中处理比较合理的。“布卡漫画”的产品更多的是打造同人圈,与其他两个产品的最主要的不同就是添加了门票的购买方面、粉丝的管理等社区的管理模式。“知音漫客”从信息架构图上也看出产品也是偏向于阅读器的处理方面,这一块的功能比较繁琐。虽然很重视阅读板块的设计,但是相对用户体验来说这部分没有“看漫画”做的简单方便。

六、 阅读功能对比


“知音漫客”交互设计分析报告_第8张图片
表4-知音漫客、看漫画和布卡漫画对比表1.5


“知音漫客”交互设计分析报告_第9张图片
图4-功能对比分析图

     总的来说,三款软件的阅读功能都集中在比较占有优势的必要象限上,三个产品的阅读功能差异不是很大,当然里面最不偏向于阅读的“布卡漫画”相对来说与两款软件差距大。总体分析的差异如下:

(1)    知音漫客相对于总体阅读功能,特点是挑战首页这个功能,能够快速的返回,但是相对于看漫画APP来说缺少的功能有长按开启弹幕。在阅读时发现,关闭弹幕非常方便,但是开启弹幕需要再进入设计界面这样就非常的不方便。想比较于“布卡漫画”缺少的功能是左右翻页和在页面内进行缓存,但是相对来说,这两个功能的需求量并不是很大。

(2)   看漫画是三个APP中阅读体验最好的一款APP。有互动而且功能设置非常的齐全,最主要的优势就是操作简单,而且弹幕关闭开启方便。但是不能在页面内进行缓存。

(3)   布卡漫画更加注重社区圈的打造,对于阅读功能做的并不那么好。有很多需求量很大的功能都没有进行很好的设计,但是这样让阅读界面更加的简单,可以快速的熟悉界面,进行阅读。但是作为打造社交圈,没有弹幕的存在非常的遗憾。

      总上所述,看漫画的阅读功能更加的完善,知音漫客对于看漫画人的互动不是很完善,可以加入长按弹幕开启等功能。布卡漫画可以去掉左右翻页这些需求量不高频率不高的功能。

七、 登录功能流程图对比

1、知音漫客登录功能流程图


“知音漫客”交互设计分析报告_第10张图片

2、看漫画登录功能流程图


“知音漫客”交互设计分析报告_第11张图片

3、布卡漫画登录功能流程图


“知音漫客”交互设计分析报告_第12张图片

      通过三个APP登录功能的功能流程图对比来看,我们从三个流程图的长度、宽度和菱形的数量来比较分析差异,结果如下:

(1)从三个流程图的长度来看,三个的长度是相同的,对于登录这个功能大体上的步骤都是一样的。因为登录功能常用,所以三个产品的登录都是比较成熟的。不过布卡漫画第三方登录会涉及到Facebook。更面向的用户是全球用户。

(2)从三个流程图的宽度来时,三个宽度页大体上相仿。都是采用第三方登录、手机登录、密码登录唯一不同的是布卡漫画不能用邮箱登录。

(3)三个处理的菱形数量都相当,所以处理方面知音漫客在这种基本功能上没有什么特殊的优势。

      综上所述,基本的登录功能三个产品相差不大。除了布卡漫画第三方登录加入了Facebook。

八、 阅读功能流程图对比


“知音漫客”交互设计分析报告_第13张图片
     知音漫客                                  看漫画                                     布卡漫画 �

      通过三个APP阅读的功能流程图对比来看,我们从三个流程图的长度、宽度和菱形的数量来比较分析差异,结果如下:

(1)三个流程图的长度完全一样,阅读的是三款APP最基本的功能之一,所以三个产品的流程操作基本相似。

(2)三个流程图的宽度也是一样的,阅读的按钮的安排虽然功能不一样,顺序不一样,但数量是相同的,这样三款产品阅读功能流程图的宽度是一样的。

(3)三个流程图的系统判断数量都是一样,三款的系统处理方式非常相似,“知音漫客”在阅读功能方面没有特别的优势。

      综上所述,相对于阅读漫画这样的功能,三款产品的设计功能是非常相似的。虽然有细小的差别,但是在操作的步骤和操作的功能设置上面都没有很大差异。

九、 截图对比

1、搜索页面截图对比


“知音漫客”交互设计分析报告_第14张图片

      通过三个搜索界面截图的对比可以看出来三款产品有些细微的差别,差别如下:

(1)在历史记录方面,知音漫客直接把搜索历史按照搜索的时间放在热门搜索的下面,这样更加的方便而且快速的清空搜索历史,也可以快速的删除某个搜索的记录,非常的方便管理。看漫画的设计也与知音漫客的设计非常的相似,除了清空历史采用图标的形式。布卡漫画则在搜索框下面有历史记录,如果想看历史记录需要二次点击才能对历史记录进行管理。综上,我认为知音漫客和看漫画的历史记录设计合理,方便用户快速管理搜索历史,而布卡漫画更加注重历史记录的私密。

(2)搜索按钮的安排,知音漫客的搜索按钮在输入框的外面,在最右边。看漫画的搜索框在输入框里面,在点击时候可能会误点击。布卡漫画没有搜索的按钮,需要直接在输入法中点击输入法的搜索。相比较而言知音漫画的搜索位置是三款产品中最体会用户体验的一款。

2、漫画详情页截图对比


“知音漫客”交互设计分析报告_第15张图片

      三款产品在漫画详情页上面还是有比较大的差异的,通过截图对比,差异如下。

      对于漫画的介绍,知音漫客展示了标签,热度收藏人数,订阅的人收藏和评论、续集序号,最红更新时间。看漫画展示了人气,评分图片,标签,人气,还有简介,月票数量

      推荐数量。更多的展现了漫画的主要内容。布卡漫画则是更新时间,人气,评价,简介,标签。通过这样的对比,知音漫客虽然在视觉上让人更加舒服,但是缺少了漫画的简介,而是把简介放在了详情里面需要二次的点击。我觉得这样不是非常的好,因为看漫画就是想第一时间看到漫画的基本内容。

      在目录的排列上面对于知音漫客比较占有优势,它可以三种方式切换选集的排列顺序。提供的个性化的排列,满足了更加多客户的需求。

      对于最后结束上面,当漫画的选集排列完成,看漫画和布卡漫画都有相关推荐,因为能够看完漫画的说明对这一类都比较感兴趣,我觉得这样的推荐非常的人性化。而知音漫客就没有这样的功能。并且对于看漫画后面还有治愈性的文字,表示没有更多了。这样非常的人性化,有一定的治愈感。

3、更新页截图对比


“知音漫客”交互设计分析报告_第16张图片

      对更新页面截图的对比能够看出比较大的差异,比较如下。

      对于漫画的排列上面,知音漫画采用书架的方式,小图的方式展现出来。而看漫画和布卡漫画采用的是大屏。大屏上有标签,热度,更新到多少这些消息。对于我来说,我更喜欢知音漫客的排列方式,因为如果我看更新就是更希望找到今天更新的漫画,而不是去更去了解这写漫画。所以知音漫客更加的方便。

      对于时间的排列上面,知音漫客和看漫画都是从周五开始,今天的上一个是昨天的排列方式,而布卡漫画则是把昨天放在第一位,然后是推荐之后是今天。我更喜欢知音漫客和看漫画的排列方式,因为加入推荐和更新这样的放在一起会让我没有更加明确的导向。我可能就是想看每天更新的漫画,而会滑动切换时间,这样很可能会滑到推荐。

十、 用户分析


“知音漫客”交互设计分析报告_第17张图片
图5-用户年龄分析图

      通过数据分析出,用户的男女比大致为1:1。年龄分布基本在24岁以下。90后00后占大多数。

十一、 优点和建议


“知音漫客”交互设计分析报告_第18张图片

      通过分析得出以上的优点和建议,知音漫客作为原创漫画的平台,在阅读、社区这些基本的功能都是没有大问题的,但是在一些小的方面,比如说社区等做的不够完善,可以通过增加社区功能和一些功能的细化上做出必要的改进。

十二、 改进功能

1、弹幕功能设置

      之前发弹幕过于繁琐,需要二次点击,而且开启弹幕需要三次以上点击,建议增加长按开启弹幕的功能,发弹幕对话框更加直接明了一点,在点击菜单出来后,发弹幕对话框变黑不影响其他功能使用。这样的弹幕设计,可以增加互动,有利于漫画社区的建立。

2、漫画配音功能


“知音漫客”交互设计分析报告_第19张图片

      因为阅读功能非常的悠闲,而且二次元的用户可以看出大部分是90后,所以可以增加语音播放的功能,虽然需要进行设置,并且语音功能会延迟,但是很多90后是声控。这样一方面增加的阅读的趣味性。而且能把人物刻画的更加深刻,也是一个大胆的尝试。能够在很多漫画阅读器中脱颖而出。

2018/3/9

你可能感兴趣的:(“知音漫客”交互设计分析报告)