本文是一名产品小白的竞品分析练习，在此虚心向各位前辈请教，希望能够不吝指正。
本文字数：3491，阅读时长：9min。
在上篇文章《有道云笔记与印象笔记竞品分析报告（一）》中，我从产品关注度、APP排名等角度分析了两个竞品的整体情况，在这篇文章中，我将结合竞品的产品定位，对笔记类APP的视觉设计、功能结构和交互设计进行具体分析。
2.3视觉层面分析
2.3.1产品logo与主色调
有道云笔记logo为渐变效果的天蓝色背景，上面有一只笔的形象，突出产品功能，使用户可以见图知意，清楚产品用途；APP内部界面也使用蓝色作为主题色，给人理性、平静的感觉。
印象笔记logo背景为渐变效果的绿色，中间是一只黑色的大象，大象的形象来自美国谚语：“An elephant never forgets.”（大象永远不会忘记事情），与产品slogen“管理你的第二大脑”相呼应，同时大象的“折耳”可以让人联想到文档图标或是一本书的折叠页；APP内部界面基本使用绿色作为主题色，使人感到宁静、安全。
总体来说，两款产品的视觉设计都十分简洁干净，主色调很好地服务于产品特点。唯一有一点小问题的是，绿色虽然被认为是对眼睛比较舒服的颜色，但是红绿色盲人群难以识别绿色，他们看到的绿色会偏棕黄色，这样可能会影响他们对产品的使用体验。而红绿色盲人群对蓝色的识别没有任何问题。
2.3.2笔记列表页与内页设计
在应用商店中锤子便签的介绍语是这样写的：可能是史上最漂亮的便签应用，你或许会因它重新喜欢上记录和表达。锤子便签的视觉设计的确令人眼前一亮，它选用木纹背景、淡黄色的信纸，对段落进行了精致的排版，做到了“令内容更加赏心悦目”。
相比较而言，有道云笔记在列表页和内页上都可以更精致美观，结合24岁至45岁产品核心用户的常见使用场景，设计出最适合产品的视觉效果，为产品起到锦上添花的作用。
2.4功能结构分析
从产品功能结构图可以看出，两款产品核心功能相似，但是功能结构差别较大。
有道云笔记使用的是常见的工具类APP功能结构设计思路，其各部分功能导航固定在底部，有3-5个按钮，方便用户在不同主题间切换。
与之相反，印象笔记以一个页面为主，其它功能全部安排在在顶部或左侧弹出的导航里。这样的设计方式很像将主页作为一块画布，用户的笔记都是画布上的图案，用户个人信息、APP设置和除了“新建笔记”外的其它所有功能都放在画布外，以导航形式出现，比如顶部导航、以及左侧需要点击调出为节省屏幕空间的导航栏。新建按钮出现在屏幕右下角，点击之后各种新建笔记的方式会逐一展开。这样的布局比较新颖，突出了主页面，但是对于新用户可能增加了上手难度。
2.5交互细节对比
在上文的核心功能对比中我们已看到，作为成熟的笔记类应用，这两款产品均提供了多种笔记创建方式，满足用户多种使用情景下的需求。本文以最简单的文本输入方式创建笔记为例，通过比较用户使用流程以及一些交互细节来分析两款产品的特点。
图17为两款笔记的用户在编辑笔记时的操作流程，两个APP操作流程基本相同，下面我将按照用户的操作顺序，从7个细节比较两款产品的异同。
2.5.1浏览页
为避免用户查看笔记过程中误触屏幕，对笔记进行误修改，两个APP都将笔记分为浏览状态（浏览页）和编辑状态（编辑页），在浏览状态下，用户不能编辑笔记，如果需要编辑，需点击“编辑”按钮方能进入笔记编辑状态。
同时为了既方便用户操作，又减少按钮的存在对用户浏览体验的影响，两款产品都对“编辑”按钮的位置做了巧妙的设计：当用户上划屏幕时，“编辑”按钮隐藏，当用户下划屏幕时，“编辑”按钮出现。
这是因为在使用场景中，当用户浏览笔记时，会用手指上划屏幕，使笔记下面的内容不断的上移，如果用户保持上划屏幕的动作，则说明用户处于正常的浏览笔记状态中；而当用户停止上划，甚至下划屏幕时，可能是注意力被某一处内容吸引，这时有可能产生标记或修改笔记内容的需求，所以这时出现“编辑”按钮的设计很合理。并且有过一次这样的操作后用户就学会了“调用编辑按钮”的方式。
另外按钮位置设置在右下角，方便大部分习惯右手操作的用户单手完成点击。
2.5.2编辑页-笔记标题
从笔记编辑页开始，两款产品在设计上体现出多种不同。
在浏览页时，两款产品中的笔记标题会随用户上划屏幕的过程向上移动直至被隐藏，这样笔记正文就可以充满整个浏览空间。在字号适中的前提下，一个页面所能呈现的文字越多，用户需要滑动屏幕翻页的频率就越低，用户操作越少，阅读效率就越高，阅读体验就越好。而在编辑页，有道云笔记做了一个将笔记标题置顶的设计（见图19），即不论用户将文章滑动到什么位置，笔记的标题会一直显示在顶端。这样设计的原因我推测有两点，一是用户可能会有编辑标题的需求，显示标题方便用户操作，二是在编辑状态下，用户最关注的是要编辑的内容，对是否多查看一两行笔记并无强烈需求，所以这个设计，虽然因为标题的出现多占据了一点空间，但整体来说是利大于弊的。
2.5.3编辑页-字号
有道云笔记中编辑状态下的笔记字号比浏览状态下大两到三个号（见图19），当字号变大之后，同样的屏幕空间只能呈现更少的内容了，同上文说的笔记标题置顶的情况类似，虽然牺牲了一部分内容的呈现，但是这样的设计使用户打开编辑页后有一种细节被放大的感觉，我认为是提高了用户编辑笔记的体验。
2.5.4编辑页-工具栏
两款产品工具栏的相同点：都紧贴输入区位于其上方，而不是像word那边在页面顶端，这样方便移动端用户操作。
两款产品工具栏的区别：有道云笔记的工具栏没有翻页按钮，用户可能不知道还有后面一页的工具，建议添加。印象笔记的工具栏没有修改字体、字号和颜色的功能，可能是认为移动端用户对这些细节需求不高，为精简工具栏所以去掉了。有道云笔记这个点击A展开字体编辑工具的设计很巧妙，即节省了工具栏的空间，又最大限度的保留了字体编辑工具。
2.5.5编辑页-确认键的位置
对于大部分习惯右手操作的用户来说，按钮如有道云笔记这样设置在右上角更符合使用习惯。印象笔记将确认键设置在左上角，不论是单手操作还是双手操作，这个位置都比较难够到，相比按钮在右上角增加了操作难度；在印象笔记中，还有一个保存笔记的方式，但是需要两步：先点击右上角的缩略号，待弹出右侧弹窗后，再点击最顶端的“保存笔记”（其实既然已经弹出窗口了，如果把保存键放在下面，用户是不是更好操作）。
2.5.6编辑页-确认完成后的提示
有道云笔记在用户编辑笔记并点击“完成”按钮后，页面会出现小字提示“正在同步”，过一两秒（取决于网速）提示“笔记同步成功”。这个及时的交互反馈让用户感觉很舒服，而且因为字号很小且提示两秒后自动消失，也不会觉得突兀或影响接下来的操作。
2.5.7确认笔记编辑完成后跳转页面对比
目前两款产品在用户编辑笔记完成后一般都会跳转回浏览页，为什么回到浏览页呢？
如果简单的说，就是编辑页的操作完成了，自然返回上一层，也就是浏览页，似乎是顺理成章的。
但是有道云笔记设计了一个例外：当用户创建了新笔记并点击“完成”后，页面会直接跳转至APP首页。为什么要这样设计？
如果仔细分析的话，对于旧笔记，用户可能因为两个原因触发编辑笔记的操作，一是正在查看这篇笔记，发现需要修改或备注，所以进行编辑，这样编辑完成后回到浏览状态，用户就可以继续浏览，继续满足查看笔记的需求；当然还有第二种情况，用户并不是在浏览过程中产生编辑需求的，而是目标很明确的就是想打开APP在某篇已有的笔记中添加内容，这种情况下，用户完成笔记编辑时，确实不一定还有浏览这篇笔记的需求，用户可能继续做其它事情了，所以这种情况下回到笔记浏览页其实也没影响。综合以上，所以一般编辑笔记后页面是回到浏览页的。
但以上只是针对旧笔记，当用户在移动端创建一篇新笔记时，他们的第一需求就是创建笔记并看到它被成功创建出来，当笔记创建完，页面浮现出“笔记同步成功”提示，同时笔记出现在首页-最新笔记列表的第一项时，这样的正向反馈是符合用户心理预期的，这时用户的核心需求比看到新建笔记的浏览页能够更好地被满足（而且移动端创建的笔记大多数情况下不会特别长，用户在编辑页就可以看的完整，不用特意回到浏览页看）。
印象笔记没有设计这样的差异，当用户创建完新笔记并确认后，需要再点一次“后退”键才能回到首页确认新建笔记已存在列表中。
2.5.8用户反馈
在查看了部分APP应用商店中用户对有道云笔记的评论后，我们发现，大部分用户都给予产品肯定的评价，少部分用户提出产品功能方面建议，几乎没有看到对产品交互的批评。同时结合产品在安卓和苹果两大平台4.7的综合评分来看，可以认为用户对目前的产品交互基本满意。获取更具体准确的关于产品交互的用户反馈可借助来自运营部门的产品数据、用户调查问卷以及热力图等技术手段。
到此，竞品比较的部分就说完了，下一篇将对本报告进行总结并提出几点产品运营和功能方面的建议。