从相遇到回首到约会到正式确定关系到坠入爱河,这是我和Arc浏览器的故事。
This is the story of me and the Arc browser, from the first encounter to the date to the official determination that it is about falling in love.
首先不得不提到一个稍微遗憾的恋爱限制,Arc浏览器目前只支持macOS 12.1+的系统,Windows版本还在制作中,喜欢的Windows宝子们可以静候佳音。
First of all, we have to mention a slightly regrettable limitation on love, that the Arc browser currently supports only the macos 12.1+ system, that the Windows version is still being produced, and that the favorite Windows treasures can wait for the good news.
题外话:为了将更多的精力放在新功能而非同时开发两套代码上,听说Arc的团队正在探索如何使用Swift UI开发Windows版本,也就是说用苹果生态的编程语言去开发Windows系统应用,这真是太酷啦,虽说成功率大约是60%。
: To focus more on new functions rather than developing two codes simultaneously, it's cool to hear that Arc's team is exploring how to use Swift UI to develop Windows, which means to develop Windows applications in an apple ecology programming language, although the success rate is about 60%.
关键字:标签管理、方便迁移、极客操作、预判痛点
Keywords: label management, migration-friendly, extremer operations, pre-calculation pain points
「坠入爱河」的原因:
The reason for falling in love:
- 不错的标签过载解决方案:我经常看到同事从几十个看不到标题的标签页里根据图标和直觉切换到要找的那个标签页,我觉得他们是有超强的辨别能力和试错耐心的,我无法做到。
- 较低的迁移成本:她会在第一次启动时引导我一键迁移其他浏览器的收藏夹和Chrome插件,她同样基于Chromium内核。
- 极客的快捷键操作:有丰富的快捷键功能,并可以通过输入文本的方式让她做任何事情,相当于把聚焦搜索、Alfred之类工具的「指挥官」设计模式放到了浏览器里。
- 设计风格柔和舒适:圆角设计搭配弥散渐变的颜色,还支持自定义她的模样。
我的「恋爱观」:
My "love view":
- 核心功能简单易用、有整体感:对于空间管理、快捷键扩展这些核心功能,我更喜欢原生统一设计的简洁感、整体感,而不是自己去对比、堆积,各式各样、良莠不齐的插件。
- 主动收集/发现痛点并实现更好的解决方案:我认为一些用户(包括我)在遇到痛点时并没在意,久而久之就习惯了目前的笨方法,而没有意识到其实有更优解。
- 使用体验丝滑:操作流畅(我的电脑是MacBook Pro M1, 2020, 16G),快捷键能力强大。
- 设计风格协调、不老土。
客观条件:
Objective conditions:
- 有用户批评其过于关注极客用户的诉求。
- 目前她还没有任何商业化方向上的行动,以后会以什么样的方式盈利可能会直接改变用户体验。
她的地址:Arc from The Browser Company
Her address: 弧光未照明路,新衣难解旧愁——评 Arc 浏览器这篇文章上看到了她:
The first time I met her was one year after my graduation, she was seen in an article by the "minority" :
当时我对她的大致印象就是:
At the time, my general impression of her was:
- 楚楚动人,甚至有点花枝招展,比如炫酷的启动动画、丰富的渐变色彩;
- 心思令我难以捉摸,这「器」不简单,比如引入了书签即标签、工作区之类的概念。
因此,涉世未深的我和她只是擦肩而过。
So, the undisturbed me and her were just passing by.
没过多久,我的工作内容越来越丰富,我发现我的标签页也越来越多、越来越乱,我开始寻找解决方案。
Not long ago, my work became more and more informative, and I found my tabs more and more and more confusing, and I began to look for solutions.
首先,简单介绍下我的浏览器工作流,主要分三类内容:
First, give a brief introduction to my browser workflow, which is divided into three main categories: :
- Check:日常检查内容,比如邮件、待办任务、日历、待合入的代码MR等。
- Doing:正在做的事情。
- Other:需要参考的资料等其他内容。
然后我先后经历了4个阶段:
Then I went through four stages:
1)纯Group
1. Pure Group
我先是使用了Chrome浏览器里的Group能力(右键标签页 > Add Tab to Group),三类内容对应三个Group,这是刚开始标签页还少的时候:
First, I used the Group capabilities in the Chrame browser (right key tab & gt; Add Tab to Group), which corresponds to three Group elements, when there were only a few tabs:
2)Group + 多Window
2) Group + MultiWindow
但等标签页多了之后,查看和维护就都不那么方便了:
But when there are more tabs, 毕竟一个窗口的空间有限,好在我一般会用两个屏幕,所以我会开两个窗口,一个窗口放Check Group和Other Group,另一个窗口放Doing Group,另外可以通过工具栏 > Window > Name Window...给每个Window命名,切换窗口时可以方便辨别。 After all, one window has limited space, so that I usually use two screens, so I open two windows, one with Check Group and the other Group, the other with Doing Group, and the other with a toolbar & gt; Windows & gt; Name Windows... naming each Windows, which can be easily identified when switching windows. 3)纯多Window 3) Pure Windows 慢慢地,我发现Group能力其实不是特别方便,因为我每次新建的标签页还要手动拖动到对应的Group里;另外一个Group里至少要有一个标签页,否则Group会消失,这样我还得用一个标签页占位。 Slowly, I discovered that the Group's ability was not particularly convenient because I had to drag manually to the corresponding Group each time I built a new tab; another Group had to have at least one of the tabs, otherwise the Group would disappear, so I would have to use one of the tabs to take my place. 所以不久我就丢弃了Group能力,换成开三个窗口的方式,分别对应三类内容。 So soon, I abandoned the Group's ability to open three windows, corresponding to three different types of content. 再后来我也优化成两个窗口过,用浏览器的Pin能力置顶我的Check内容,至此,Check和Other内容可以合并到一个窗口里。 And then I optimized it into two windows, using the ability of the browser's Pin to top my Cheeck content, so that Check and Other content could be merged into one window. 4)Workano插件 4) Workano Plugin 纯Window的方式带来的问题就是:窗口和屏幕有绑定关系,这其实是不太灵活的。比如有时候想把Other的内容放在大屏幕看,有时候又只想放在小屏幕做个对比参考,而此时我必须拖动窗口到对应的屏幕上去;还有我想看Check内容的时候,也必须去到对应的窗口里。 The problem with the purely Windows approach is that the window is tied to the screen, which is actually not very flexible 当看到了Workano插件时,我觉得它仿佛就是为我设计的,它清晰地展示了我想要的多空间概念,我可以添加工作和生活两个独立的大空间,再细分成几个小空间,选中某个小空间的时候,当前窗口的标签页就只会包含当前空间的,而不包含其他空间的。 When I saw the Workano plugin, I felt that it was designed for me, that it clearly showed what I wanted to do with the multi-space concept of
这样每类内容就是独立区分开的,并且窗口和屏幕也没有绑定关系,我想快速切换到某类内容时,不需要去到具体的屏幕,只需要在任意窗口来到这个标签页(快捷键是command + 1),选择那个小空间即可。此外,这些空间里的标签们还支持多设备间同步。
So that each type of content is separate and the window is not tied to the screen. I want to switch quickly to a particular type of content without going to the specific screen. I just need to come to this tab in any window (command+1) and choose the little space. In addition, the labels in these spaces also support synchronization between multiple devices.
但使用久了我偶尔会碰到一些影响体验的情况,比如它的登录态偶尔会失效,导致我打开的标签页实际上都没有存到对应空间里,直到我发现的时候才发现,造成了一些混乱;有时电脑重启后再打开浏览器,空间加载得也比较慢。
But sometimes I have experienced a number of effects, such as the occasional failure of its login patterns, which led to the fact that the tabs that I opened were not actually stored in the corresponding space until I discovered it, causing some confusion; sometimes, when the computer restarted, it opened the browser and the space was loaded slowly.
究其本质原因,我觉得还是因为它只是一个插件,缺乏原生的丝滑感和整体性。
In essence, I think it's because 如果不是和Arc她的一次偶遇,我可能至今还在使用Workano插件,然而没有如果,我决定和她见一面。 If it wasn't for an accident with Arc, I might still be using the Workano plugin, but without it, I decided to meet with her. 我的想法是,先和她交流Check & Other的内容,如果聊得不错,就可以抛弃Chrome浏览器了[Doge]。 My idea is to talk to her about Chuck & Other first, and if you talk well, you can dump the Chrame browser [Doge]. 首次启动画面确实很有沉浸感,这就不多说了。 The first time the scene was really immersed, that's all. 然后她很大度,支持导入前任浏览器的收藏页面、插件、浏览历史、密码等几乎所有信息。 She then has a great deal of support for importing almost all of the collection pages, plugins, browsing history, passwords, etc. of her predecessor's browser. 回想一下当时的约会,对我来说,有几个点印象很深刻: Looking back at the date, I'm impressed by a few points: 1)快捷键切换标签页时会展示缩略图 1) Shortcuts display thumbnails when switching tabs 快捷键:control + Tab 是正向,control + `(Tab键上方的反引号) 是反向。 Shortcut: Control + Tab is positive, control + ` (inverse quote number above Tab) is reverse. 展示缩略图很有系统级功能的范儿(macOS系统切换窗口应用:[AltTab](AltTab - Windows alt-tab on macOS))。 The thumbnails show the paradigm of a system-grade feature (macos system switch window application: [AltTab]: [ 另外,因为她展示的是最近使用的标签页,不像Chrome只是顺序遍历,所以只使用control + Tab一种快捷键就能反复切换固定的两个标签页。 In addition, as she displays the recently used tabs, unlike Chrome, which are in sequence, two tabs can be changed repeatedly using only a control + Tab shortcut. 2)新建标签页功能远比想象中强大 2) New tab function is far more powerful than expected 快捷键:command + T Shortcut: command + T 新建标签页时弹出的是一个位于窗口中心地址栏,而这个地址栏更像是一个控制台,不仅可以输入网址、搜索关键字,还支持我们发送各种指令,相当于把聚焦搜索、Alfred之类工具的「指挥官」设计模式放到了浏览器里。 A new tab pops out of a central window address bar, which is more like a control bar that can not only enter web sites, search keywords, but also support us in sending instructions, which is equivalent to putting the "commander" design model of a focus search, Alfred-like tool in a browser. 可以看出她对自己的定位已经不是我们平时眼中的浏览器了,更像是一个小系统。 As you can see, she's no longer a browser in our eyes, more like a small system . 比如搜索Youtube视频,输入youtube,再按Tab键,输入视频关键字,回车。 For example, search YouTube videos, enter yooutube, press Tab, enter video keywords, return to the car. 比如清理缓存、添加切分视图、查看历史记录、以Markdown格式拷贝网址(这个功能直戳我心,后面会再提到)等等,在操作的右边一般会展示其快捷键。 For example, clearing the cache, adding a cut view, viewing historical records, copying the site in Markdown format (a function that hits my heart directly and is mentioned later) and so on, the shortcuts are usually displayed on the right side of the operation. 这个功能我一般是在忘了某个快捷键或者猜测她有某个能力但是不确定的时候,就过来输入操作的关键词验证一下。 I usually come here to check the key word for the operation when I forget a shortcut or guess she's capable but not sure. 当然,也可以直接输入想进行的操作,而不按Tab键,这里只是为了更好地筛选。 Of course, you can also enter the intended operation directly instead of the Tab button, which is just for better screening. 如果输入的网址是已经打开过的,默认就不会新建标签页了,还想新建的话可以按住command再回车。 If the site entered is already open, the default is that no new tab will be created, and if you want to do so, you can hold the command back. 3)一些网站支持快速预览 3) Some websites support quick previews 这个体验也挺细节的,有时候查看邮件或者日历,可能并不想打开网页,只是想扫一眼,先看看有没有比较重要的信息,再决定打开。 It's a very detailed experience, sometimes looking at emails or calendars, perhaps not trying to open a web page, just looking for more important information before deciding to open it. 目前支持预览的网站可以在设置(快捷键:command + , )里查看,也可以选择关闭部分预览。 Websites currently supporting previews can be viewed in settings (facilator keys: command+,) or they can be selected to close the previews. 与她交流差不多两周,这段时间里我们相处得都很自在,没有大的矛盾,于是我决定……与她正式确定关系,也就是把Doing的内容全部迁移过来。 After almost two weeks of communication with her, we were comfortable, without major contradictions, and I decided... to formalize the relationship with her, that is, to move all the contents of Doing. PS:对于迁移打开的非收藏的标签页们,我是使用Workona插件的一次性复制多个网址功能,搭配Open Multiple URLs插件的一次性打开多个网址能力,来实现快速迁移的。我可不想一个一个复制粘贴网址。 PS: For migrating open non-collective tabs, I am using the Workona plugin for a one-time reproduction of multiple web sites, coupled with the Open Multiple URLs plugin for a one-time opening of multiple web sites for quick migration. I don't want a copying of the paste. 这回,我好好感受了一下她的标签管理设计。 This time, I felt her label management design . 首先,和Workano插件类似,她也有大空间Profile和小空间Space的概念,这于我是有种亲切感的: First of all, similar to the Workano plugin, she also has the concepts of `strong' large space Profile and small space Space 然后,要特别说说她的小空间设计,她天生地模糊了Chrome浏览器里「标签页」和「收藏夹页面」的边界。在她心里,所有的页面都是标签页,只不过收藏页面有打开和没打开两种状态而已。 And, in particular, her little space design, she was born to blur the boundaries between the tab and the collector's page on the Chrome browser. In her mind, all the pages were label pages, except that the collection pages were open and not in either state. 另外,她按照自己的个性,把小空间划分为了喜爱区、置顶区和今日区三个部分。 In addition, in accordance with her personality, she divided the space into three parts: the favorite, the top zone and the part of today's area. 相当于我把以前Check内容里更常用的升级到了喜爱区,然后把Other内容里更临时性的降级到了今日区,至此,每个标签都有了更明确的定位。 It's like I upgraded what was used more frequently in Check's content to a favorite area and then downgraded the more temporary content of the other to the current one, so that each label has a clearer location. 但看起来越来越复杂了,确实,有利则有弊。不过别急,她还有很多提升体验的细节。 But it seems to be getting more and more complicated, and, indeed, the advantages and the disadvantages. But don't worry, she's got a lot of detail to go through. 1)「收藏夹的内容经常越堆越多,在一个文件夹里找标签很难」,其实她的文件夹也支持快速预览,鼠标悬停在文件夹上,直接搜索关键字即可筛选标签。 1) "It is very difficult to find labels in a folder where the contents of the folders are often stacked up." In fact, her folder also supports a quick preview of , and the mouse is suspended on the folder, so that a direct search of keywords can screen the labels. 2)「文件夹内容太长了」,其实她的文件夹除了展开和收缩两种状态,还有只展示已打开标签的状态。 2) "The contents of the folder are too long", and in fact her folder displays only the status of the open tab , in addition to the state of expansion and contraction. 3)「一直不关标签,标签还是会过多」,其实她的今日区会定时清理掉所有网页,清理频率可以设置(默认 12 hours),也可以手动一键清理。清理掉的页面都可以在Archived Tab里找到,不知道它在哪里,可以试试新建标签页,输入「view archive」。 3) "Always without labels, there will be too many tags." In fact, her 4)「还有什么控制标签数量的魔法吗?」其实还有两个特殊形态的她。一个叫迷你版Little Arc,从其他应用(比如微信)打开链接,或者在系统任何地方使用快捷键option + command + N都可以触发;另一个叫一瞥版Peek window,在喜爱区和置顶区的标签页里打开新页面时会触发。 4) "Is there any magic that controls the number of labels?" There are also two special forms of her 她们的共同特点就是不会产生标签页,只是创建了一个临时窗口,而且在里面打开的所有链接都只会覆盖当前的页面,也不会产生标签页。这变向地减少了标签页的产生,很适合那些本来就只是为了看一眼的页面。 Their common feature is that they don't produce tabs, that they create a temporary window, and that all the links open in it only cover the current page and do not produce tabs. This reduces the number of tab pages, which are suitable for pages that are meant to be just a glance. 5)此外,也别忘了约会期间提到的「快捷键切换标签页」和「新建标签页直输命令」功能,它俩的存在都能很好地防止我们迷失在标签的海洋里。 Moreover, it is important not to forget the "fast key change tab" and "new tab drop command" functions mentioned during the date, both of which could well prevent us from being lost in the sea of the label. 不过,我还想说一下我对标签管理的看法,其实真的要管理好标签,需要的更多的是分类能力和定期清理习惯,否则再好的她也不能根除标签过载这个问题。 But I would also like to say how I feel about label management, and if I really want to manage labels, I need more of , otherwise she will not be able to eradicate the problem of label overloading. 预期之外,她还给了我很多惊喜,这是我坠入爱河的更直接原因。 In addition to expectations, she gave me a lot of surprises, which is a more direct reason for my falling in love. 1)视频小窗口悬浮 1) Video Window Suspended 在遇到她之前,我一直认为,开谷歌会议、看Youtube视频必须占用一个窗口。 Before I met her, I always thought that a window would have to be occupied to open a Google Conference and watch YouTube videos. 是她告诉了我,还有其他选择:小窗口悬浮,播放任意视频再切换到其他标签页时,就会自动触发,这个小窗口不仅可以跨标签页,还可以跨应用。 It was she who told me that there were other options: the small window was suspended and automatically triggered when any video was switched to other tabs, and the window was able to cross not only the tabs, but also the applications. 2)以Markdown格式拷贝网址 2) Copy site in Markdown format 我迫不及待地想分享这个直戳我心的功能。 I can't wait to share this thing with my heart. 当要分享某个网址给别人,以前的我是command + L定位光标到地址栏,command + C复制网址,然后粘贴链接,再加一个网址描述(我的习惯,方便别人理解,也方便以后追溯)。 When you want to share a site for others, I used to be a command + L cursor to address bar, command + C to copy the site, and then paste the link and add a description of the site (my habit, easy for others to understand, and easy to trace later). 现在的我只需要触发「以Markdown格式拷贝网址」功能(通过新建标签页+输入命令,或者直接快捷键),然后粘贴即可,因为里面已经包含了网页的标题和网址。 All I need to do now is trigger the " Copy Web site in Markdown format" function (by creating a new tab + input command, or direct shortcut) and then paste it, because it already contains web titles and addresses. 比如放到微信里: For example, put it in a micromail: 如果放到支持Markdown的编辑器里,就更友好了,这里就是一个可以点击跳转网页的文本: It's more friendly if it's in the editor who supports Markdown, and here's a text that can click on the jumping page: 3)Split视图 3)Split View 这个Split视图功能就类似系统桌面的切分,她仿佛在暗示「不想当系统的浏览器不是好浏览器」。 This Split view function is similar to the cut of the system's desktop, as if she were implying that "don't want to be a system browser is not a good browser". 这里有2个细节很优秀:Split状态是保留在一个标签页里的,所以标签页之间互不影响Split;另外按住option点击其他标签页或者链接可以快速split。 There are two excellent details: the Split state is kept in one tab, so there is no effect on Split from one tab to the other, and clicking on other tabs or links is quick. PS:她还有一个可以给任何网页轻松换肤(自己设计或者使用公开的)或者屏蔽元素(比如你不想看视频平台里的推荐视频栏)的Boost能力,我还没有深度体验,应该适合喜欢设计的同学,具体可以参考人人皆可前端:Arc 浏览器更新有感 - 少数派。 PS: She also has the Boost ability to provide any web page with an easy skin change (of her own design or use of open) or shielding elements (e.g. you don't want to see the recommended video columns in the video platform), and I have not had any in-depth experience and should be suitable for students who like to design, and can refer to . 另外,这里分享我最常用的几个快捷键,毕竟不能辜负她「过于关注极客用户的诉求」: In addition, sharing some of my most popular shortcuts
- control + Tab:快速切换标签页,control + `(Tab键上方的反引号)是反向。
- command + T:新建标签页。
- command + L:打开命令栏,和command + T很像,不过它是在当前标签页执行。
- command + W:关闭当前标签页。
- command + Shift + T:重新打开刚关的标签页。
- command + [:后退页面,command + ] 是反向。
- command/option/Shift/(command+Shift) + 点击链接:各种组合的方式打开链接,适合不同的场景,你都可以试试。我比较常用的可能就是command + 点击链接,先一一打开多个链接再慢慢看。
其它快捷键(忍不住推荐):
Other shortcut keys (suspended):
- command + S:展示 / 隐藏侧边标签管理区,我一般都会隐藏,增加使用区域。
- command + D:置顶标签,此时可以直接打字修改标题,又是一个小细节。
- option + command + V:直接打开粘贴板里的内容,相当于新建标签页+粘贴+跳转操作。
- command + Shift + 鼠标拖动:截图,但又不只是截图,好奇的你可以试试截图后点击「+ New Easel」选项。Easel的定位是一个笔记页面,在这个页面里,这张截图摇身一变实时状态的网站部分了,所以用Easel可以集中管理一些动态的社交媒体信息或者平台数据,比如我会把邮箱、待办事项、日历的「截图」放到一个Easel里统一浏览、处理。另外下面展示的她的更新日记(Release Note),也是一个不错的Easel示例,可以看到,展示实时的视频、投票数据都不在话下。
之前我也写过一篇文章讲Mac / Windows / Chrome Browser / Xcode IDE的常用快捷键,有兴趣可看:技巧 | 快捷键大全,开启你的无鼠标工作模式。
I have also previously written an article on the usual shortcuts for Mac/Windows/Chrome Brodser/Xcode IDE, which is interesting to see: 她也充满激情,每周四准时抵达的更新日记,让我对星期四自然产生了期待(不只是 v 我 50 了[Doge]),Bo2SS 也争取让宝子们定期分泌多巴胺(周更?)。 She was also passionate, and the update of her diary, which came on time every Thursday, gave me a natural expectation of Thursday (not only v me 50 [Doge]), and Bo2SS sought regular dichotomy. 我很喜欢看她给我写的日记,见证她成长的同时,我也可以观察到市场用户的各种使用场景和痛点,学到一些设计理念和产品思维,除了肉眼可见的新增功能,她也在致力于提升内在性能。 I enjoyed reading her diary that she had written to me, as she grew up, and I could also see the market users' use scenes and pains, learn some design ideas and product thinking, and, in addition to the new features that were visible to the naked eye, she was also working to improve her built-in performance. 另外,她真的很擅长写日记,印象中枯燥乏味的「Release Note」居然可以这么生动、好读。 Moreover, she was really good at writing her diary, and the boring "Release Note" in her impression could be so vivid and well read. 在更新日记,她记下了每个功能实现者的名字,就像我第一次见到《我是歌手》综艺里歌手会一个一个道出伴奏的音乐家名字并表达感谢时那样,有些莫名的感动。 In updating her diary, she wrote down the names of each of the performers, as if I had been moved by the first time I saw a singer in "I'm a Singer" with the name and thanks of a concertist. 在前阵子正式的v1.0版本更新日记中(手动恭喜),她还邀请了团队所有成员表达感谢,并记录了与她恋爱的数不清的现任们(包括我),她真是太有魅力了。 In the official update of the V1.0 version of the previous period (handy congratulations), she also invited all members of the team to express her gratitude and to record the countless currents, including me, who were in love with her. 杨绛先生曾说,「世上没有完美的爱情,但爱情需要去慢慢创造和维护」,我从她身上能看到这种希望,愿我们俩在爱河中共进。 Mr. Yang Jian, who once said, "There is no perfect love in the world, but love needs to be created and preserved slowly." I can see this hope from her. May we both go in the river of love. 还推荐阅读另一位与她的故事,挑战 Chrome 的最强浏览器?Arc 究竟牛在哪里 - 少数派,一篇很有深度的体验分析,搭配了丰富的视频讲解、专业的官方会议引用。 It is also recommended to read another story with her, , challenging the most powerful browser for Chrome? 好啦,这就是我和Arc的恋爱故事了,如果你也有与她的故事,或者「感情」上遇到了什么困难,欢迎留言区交流~ Well, that's my love story with Arc, and if you've got a story with her, or a problem with your relationship, welcome to the message area.
注册有任何问题请添加 微信:MVIP619 拉你进入群
打开微信扫一扫
添加客服
进入交流群
发表评论