产品体验报告-Loop

1.概述

Microsoft Loop 作为微软在个人笔记领域的新产品, 有着与 OneNote 截然不同的设计理念。区别于 OneNote 的无限画布、自由创作特性,Loop 将笔记编辑区域做出了水平限制,仅在垂直方向保留了无限延展特性,编辑方式的改变从根本上改变了 Loop 的设计逻辑。

Loop 更关注知识关联与整理,旨在让用户通过 Loop 构建有层次的个人知识库。区别于 OneNote 的电脑客户端,Loop 的电脑编辑方式以网页为主,这强化了 Loop 云端保存、多端同步、协作共享的特性。

个人笔记不是一个新市场,Notion、有道云、印象笔记等都已在此深耕多年并且有了可观的用户基础,过去 OneNote 曾占有一席之地,然而由于同步缓慢、office 套件绑定、协作困难等问题,微软在这个市场已经失去竞争优势。

作为微软在个人笔记领域的新尝试,Loop 主战场在云上而非本地,这与过去微软产品集中在本地的设计思路有很大的区别。本文将着重探讨 Loop 的日常使用体验,对一些功能进行分析。

2.工作流

Loop 提供完整的笔记编辑工作流:

  1. 编辑前:通过”创意“功能收集日常灵感,通过”工作区“功能分隔不同的知识领域;
  2. 编辑中:提供完善的文档编辑功能及功能块,提供多人协作能力;
  3. 编辑后:浏览者可通过”注释“功能对文档添加评论,通过”回顾“功能快速查看文档概要,并提供导出和历史版本管理。

从功能的角度来讲,Loop 做得已经比较完善,然而仅凭功能完善无法在当今的市场中胜出。Loop 在使用体验和定位上必须有其独特性,将之与其他笔记软件区分开来。后文将从使用体验的角度,来说明 Loop 在各项功能的完成度,并粗略判断这些功能的市场竞争力。

3.使用体验

视觉风格

微软的颜色设计一向非常有特点,轻松明快的色调加上丰富的多彩的渐变,是微软独特的设计语言。从 Microsoft Edge 的 logo,到 Outlook APP 的“自豪”系列主题,无不展示着微软出色的色彩调配能力。

Loop 的操作界面整体采用浅蓝紫色调,与其 logo 的蓝紫渐变色高度吻合,相比之下,白色的背景显得单调刺眼,而黑色又显得沉默寡淡。Loop 应用内部大量采用圆角和圆形,几乎没有锋利的直角,配合上轻松的色调,整体视觉风格非常出色。

登录

根据官方描述:微软启用了全新的URL域名:loop.cloud.microsoft。希望通过这个顶级域名能够减少登录提示、避免重定向,并提高整体访问微软在线服务时的效率和流畅度。

然而微软的登录仍然不算轻松,似乎登录能力并不全部挂在 loop.cloud.microsoft 下,而是继续走微软的统一登录中心,微软统一登录中心的访问在国内仍然很困难。

文字说明

对于许多功能的文字描述,微软保持了奇怪又难以理解的翻译腔,例如:

  1. 复制为 Loop 组件:该功能会复制当前文章一个链接到剪切板,当把这个链接粘贴到 Loop 的其他文章中时,会生成一个当前文章的引用块,即将一篇文章插入到另一篇文章中作为引用内容。在语雀里,类似的功能叫做“插入可访问的语雀内容”,并且在点击这项功能时,语雀会出现一个搜索框,搜索后选中目标文档即可实现文章插入。
  2. 共享位置:显示当前页面的工作区名字,并提供一个跳转到当前工作区的链接。
  3. 注释:任何人有权限的人都可以在文档的段落上添加注释,国内软件更习惯把这个功能叫做“评论”或者“批注”。然而意外的是,在“注释”编辑界面的功能区,赫然列着“复制批注”、“复制批注线程”等功能字样,说明设计团队知道合适的功能名,只是没有采用而已。说句题外话,“复制批注线程”这个功能也不太好理解。
  4. 数学方程式:公式。这个其实不难理解,但费解的是,为什么设计团队要弃简从繁,虽然“数学方程式”不难理解,但是相对“公式”两个字来说,第一时间还是会让人一愣。

诸如此类的文字说明非常影响用户体验。有些品牌会使用翻译腔强化自己的外国品牌形象,但这种场景一般集中在广告词、宣传语或者在用户眼前一闪而过的地方,在用户需要频繁使用的功能上,过多复杂的文字不是好设计。

界面

编辑器界面采用了三栏式结构,左边是功能区,宽度最小;中间是当前工作区的目录,宽度稍大;右边是编辑器区域,宽度最大。由于左边的功能区可以收起,所以编辑器的宽度非常可观。

然而编辑器的高度不够,如下图,两个红色方框区域严重挤压了编辑区的高度,而这两个红色方框几乎没有实际作用,里面的几项功能完全可以集成到一个图标入口,避免占用大量空间。以我的电脑为例,通过像素 px 进行比例计算,编辑器区域只占整个电脑屏幕高度的 70%。如果放一张稍大的图片,编辑区域能查看的内容就会极大减少。过小的编辑器高度给用户的编辑体验非常紧凑,用户体感很差。

Loop 界面图

工作区

工作区是微软长期使用的概念,Loop 里面的工作区类似于最顶级的文件夹,一个工作区中可以创建多级目录和多个文档。用户所有的工作区都会以展现在软件界面的左侧栏,方便用户随时进入不同的工作区。

创意

功能提供一个与工作区高度相似的页面,其编辑区域与其他的文档编辑区域别无二致,但是不提供创建文档与文档操作选项。创意区文档的创建只能从应用左上角的顶级按钮创建,而不能在创意区内部创建。文档操作选项如下图所示,文档通过文档名字右侧的图标,可以唤出一个选项卡用来操作文档,创意区内的文档没有这个按钮。

Loop 创意缺失的功能

创意区提供一个“专用”的文档特性,创意区的默认文档就是专用的,同时也提供筛选器可以筛选专用文档。但是奇怪的是,我找了很久,都没找到手动将文档设置为“专用”的功能入口,可能这就是个摆设。

微软设计“创意”这个功能的目的,我无法从使用中总结出来,我大致推测,可能这个功能意在记录用户的瞬时创意,或者提供发散性思维的记录场景。但是问题在于,Loop 没有提供将这个创意整合到文档的功能,它们只能孤零零地待在创意区里。

这里提一下语雀的“小记”功能,小记方便用户快速记录文字,并将每一次记录保存为一张卡片,用户可以通过标签为其分类。当用户需要整理这些小记到文档的时候,可以选中多张卡片,点击相应的按钮,这些卡片上的内容就会被整合到一篇文档中。我想这样的形式,会不会才是微软“创意”最终目的。

协作共享

协作功能做得还算不错,文档和工作区共享、权限控制、协作者编辑点显示等等,该有的功能都有。稍微有点问题的可能是获取分享链接的时候速度很慢,微软的老问题了,也不知道产品团队有没有重视。

虽然功能上大体齐全,但是有 bug。我平时会在两台电脑上同时登录账号编辑文档,在协作者只有我一人的情况下,有时文档中有特殊光标显示有其他人在编辑该文档,当我去查看时,却显示那人是我自己。我怀疑可能是被另一台电脑上的编辑点影响,但理论上不应该出这个问题的。

编辑器

语法

不完全支持 MarkDown 语法,仅支持多级标题、有序/无序列表、引用等,超链接、表格、标签等语法不支持。

目录

Loop 没有在编辑器界面无法查看当前文档的目录(各级标题),所以用户无法通过点击目录快速跳转到目标位置,也无法通过目录厘清思路和感知当前文章结构,这无疑给用户写作带来了困难。

但是 Loop 在编辑器以“插入”的方式在文档中嵌入一个目录选项卡,类似 Word 在文档首部的目录一样。Loop 的目录选项卡可以跳转到对应的标题,但是没有经过美化,不够美观,与软件整体的设计格格不入。

目录选项卡不能让用户方便快捷地浏览目录,每次需要是还要将文档滑动至目录选项卡处,这项功能聊胜于无。

图片

图片功能总体上还算好用,但是存在一个小问题——无法给图片添加说明,即图片下方添加一行居中的小字给图片命名。Loop 确实提供了一个图片添加说明入口,但是这个说明是专供特殊人群使用的,图片上无法显示。

图片相关有两个特殊的功能,属于 Loop 的创新功能,将在下文“特色功能”板块中详细叙述。

另外讲个题外话,我在把微软的图片复制到本地 Markdown 编辑器时,发现图片语法占据的字符特别多。图片采用线上超链接的方式在本地显示,这个线上超链接需要接近 25 万字符。你没有看错,就是 25 万字符,一张图片的超链接需要 25 万字符,我无法判断这是技术上的问题还是设计上的问题,总之这个地方真的需要改一改了。

选中文本

在用文本光标选中文本时,Loop 无法精确选中,会类似于 PPT 中的图形对齐一样,产生一段自动的偏移,这个偏移量有多有少,触发概率颇高。例如对于“ -> ”这个符号,前后各有一个空格,但是在 Loop 中用光标选中时,只能选择到“-> ”,前面的第一个空格无论无何也无法选中。除此以外,在选中某些文本时,一旦某一行选中过多,就会自动调整为选中一整行;一旦选中多行,就会自动调整为选中一整段。

以微软的能力,解决这个问题在技术上不应该有困难,可能的原因是,产品设计时对这方面没有详细规定,导致研发和测试都忽略了这个问题,从而导致如此尴尬的问题出现在线上。

这里说句题外话,虽然文本选中做得很糟糕,可是选中时的鼠标光标形态和被选中文本的变色却经过精心设计,如果没有选中这么糟糕的问题,我应该会很喜欢这里的美学设计。

底部留白

一般的编辑器,在文本最后一行的底部会留下大片空白,以便用户可以向下滑动,将文本置于屏幕最中间,便于阅读。然而,Loop 的编辑器没有这一特性,Loop 中文本的最后一行后面没有空白,用户在阅读时,只能将视线移到屏幕最下方。

这会影响用户的判断。一般用户会在看到大片空白时判断该文档已经完结,然而在 Loop 中看不到大片空白,用户会下意识多次滚动鼠标,尝试继续下滑。多次下滑无果,然后判断文档已经完结,给用户带来负反馈。

此外,当用户准备在文档末尾继续编辑时,最常见的操作是:滑倒底部,在空白处点击鼠标,光标会自动定位在文档末尾,此时只需回车另起一行进行编辑即可。然而在 Loop 中,用户必须滑动鼠标到文档最底部,然后在文档的最末尾点击,才能定位到文档末尾,无疑给用户操作带来了麻烦。

注释

上文提过,注释指的是评论功能。这个评论功能虽然很难听懂,但是设计上却别出心裁。一般来讲,大多应用中,被评论的段落或句子都会被高亮或者划下划线,用户点击时会在右边弹窗供于查看详情。

然而 Loop 的评论不会对被评论的文字有特殊标识,在选中目标文字添加评论后,在段落下方会出现一个长条卡片,卡片显示用户头像和评论摘要(短评论则全部显示)。当鼠标悬停在长条卡片上时,Loop 会以光标选中文字的方式,选中所有被评论的文字。

Loop 的设计功能上来讲确实别出心裁,界面上来讲也确实美观,但是却算不上好用。最显著的问题在于用户无法快速看到哪些句子或段落被评论,当一篇文档的评论数量变多,整篇文章到处都是评论卡片,阅读者对文档的重心和评论者的重心都难以把控。

文字补全

我经常使用 AI 的代码补全能力,使用感受非常不错,所以当我发现 Loop 有文字补全功能的时候,首先还是兴奋了一下。但是微软总是能出人意料。

Loop 的文字补全不能主动触发,也就是说,当用户输入文字后,文字补全提示不会出现。只有在删除的时候补全才会触发,例如删除某个中的某个字,此时光标后面会出现补全提示,提示形如:“——–tab”,前面的字符是即将补全的内容,后面 tab 意为按 tab 键自动补全。

为什么我会以“——-”这样的字符为例子呢?因为这就是 Loop 中正在做的事。当我输入“现在”这个词语并且删除“在”字后,就会出现“——–tab”提示而不是正常的中文。据我观察,大部分时候出现的都是“——–tab”字符,只有在删除英文的时候才会出现正常的英语提示。也就是说,Loop 的自动补全完全不会在乎中文用户书写的内容,只会返回单一的结果。

Loop 对英文的支持确实好很多,而且可以主动触发。然而触发概率很低,还是删除的触发概率高很多。微软对英文用户和善一点,但不多。

我从来没有见过这么奇葩的文字补全,不仅不能提效,还会给用造成困扰。从现有的技术来看,各种 IDE 中的代码补全已经做得相当完善,如果微软要在 Loop 的编辑器中加上这项功能,不应该做得如此莫名其妙。

特色功能

  • 增强:该功能允许用户在段落下面留下一个类似评论的小卡片,点击该卡片会播放一段全屏动画,并显示用户输入的评论。可以理解为带动画的评论。不同的是,该功能仅能对一个段落使用,不能任选文本。
  • 添加到工作区:该功能允许用户将某个工作区内的文档添加到另一工作区,另一工作区内出现一份同名文档,但是文档图标右下角会多出一个超链接符号,如下图。此时对该同名文档进行修改,原工作区的原文档也会同步该更改;同理,在原工作区原文档进行更改,另一工作区的同名文档也会同步更改。该功能可视为将一份文档在其他工作区创建一个映射,在一份文档需要被多个工作区引用的场景下,一次改动即可全部同步,减少了用户需要手动同步修改的繁琐操作。对于我来讲这是一个非常具有创新性的功能,是 Loop 的一大亮点。
  • 文档编辑时间:鼠标点击标题或段落时,会出现编辑该段落的作者的头像,点击该头像可查看该作者的名字和该部分编辑时间。
  • 图片:对于图片,Loop 有两个特色功能,分别是“添加替换文本”和“标记为装饰”。添加替换文本允许用户为图片添加一段描述,这段描述并不会显示在文档的任何地方,而是当特殊人群使用语音朗读功能阅读该文档时,会读出这段描述文字。标记为装饰有功能提示,原文如下:装饰性对象可增强视觉效果,但不能提供信息 (例如样式边框)。使用屏幕阅读器的用户会听到它们是装饰性对象,从而了解它们不包含任何重要信息。我特地使用 Microsoft Edge 提供的“大声朗读”功能测试了这两个功能,然而我没有听到我的写的描述或者“它们是装饰对象”之类的句子,这个功能成为了事实意义上的诈骗。

缺少的必要功能

  • 文档定位:当工作区文档较多、目录杂乱时,有时会用户会需要使用文档定位功能,在目录中找到该文档的位置,以便查看该文档上下相近的文档。
  • 表格:我认为一个合格的笔记软件必须要有表格功能,多维表也好、excel 数据表也好,总之得有一个。严格来讲 Loop 是有表格的,是以“插入”的方式嵌入文档中的表格,但是上文讲过编辑器的区域非常小,在这样狭小的区域里编辑表格体验非常差。单独的表格文件可以嵌入文档,但是嵌入文档的表格可没办法变成单独的文件。可见 Loop 并不排斥表格,它只是换了一种不太好用的方式展示。
  • 文件夹:工作区内不能新建一个空文件夹,然后在该文件夹下新建页面。严格来讲 Loop 有一个类似文件夹的功能,叫做“子页”,这一设计在 OneNote 中能找到原型。子页允许用户在某一篇文档下新建一篇文档,新建的文档位置置于原文档下方,展示形式上就是多层次目录结构。“子页”能力可以创造出类似于文件夹的效果,但是从体验上来讲和文件夹并不等同,因为子页必须有一个相对的“主页”,而文件夹不需要。此外,从操作上来讲,用户不能通过点击主页的方式打开文件夹,因为点击主页会打开主页文档,而文件夹体系下,用户只需点击文件夹名即可打开。语雀的发展早期也是采用的“子页”模式,但是后来还是加上了文件夹的功能,语雀在这一过程中的舍取,Loop 应该可以参考。值得提一下的是,Loop 中没有文档的概念,虽然本文使用的是“文档”一词,但是在 Loop 中这个叫做“页”,页这个概念基本确定也是来自于 OneNote。

4.APP体验

我个人对笔记类软件的 APP 没有太高的期望,笔记编辑的复杂性导致 APP 端的编辑体验远逊于 PC 端,所以我的出发点主要是“阅读”,笔记 APP 应当是一个完善的、可随时浏览笔记的工具。

然而 Loop APP 的同步是一个很大的问题,PC 端编辑后,APP 几乎无法完全同步,这直接导致 APP 处于不可用状态。

Loop APP 的阅读体验做得还不错,设计团队在字体、间距、粗细上都得非常美观,整体阅读体验还不错。APP 端的编辑体验也不错,键盘上工具栏的设计可以很方便地插入块或设计格式。

APP 有一个名为“观点”的顶级菜单,里面有一个非常醒目的新建按钮,按钮的提示词为“新想法”,而文档页的新建按钮仅仅是一个加号,没有提示词。经观察,我认为“观点”菜单对应的是 PC 端的“创意”功能,“新想法”这个新建按钮的提示词也应证了我的想法——Loop 设计创意功能的本意时记录突然乍现的灵感并将其整合在一起,只是目前还没有做到目标形态。

5.总结

作为微软在个人笔记软件的领域新尝试,Loop 似乎还没有厘清它的目标和定位,只是对市面上其他的软件做了粗糙的复制。粗浅的功能复制并不能使这个软件变得好用,它就像一个半成品被打包在 Office365 套件中,仅仅昭示着微软的办公套件支持了云笔记能力,并没有实际地改善用户的办公体验。在个人笔记激烈的市场竞争中,Loop 还有很长的一段路要走。


产品体验报告-Loop
https://crispitol.github.io/2024/10/17/产品体验报告-Loop/
Author
Crispitol
Posted on
October 17, 2024
Licensed under