这是一个个人项目，旨在根据用户需求进行用户研究和解决方案。

这也是我第一次从头开始创建UI界面。

一、理解书签

在我们的日常生活中有如此多的内容流入，我们很难明得自己真正想要沉浸在什么内容中，而有多种方法可以做到这一点。
方法个中之一是及时保存，以便空隙时查看或参考，我们称之为“书签”。

二、我所面临的问题？

Chrome中的书签是最常见的办法，它可以很好地快速访问最常用的网站。
但对付别的的，比如搜索你保存的东西，组织你的内容，便成了一项非常繁琐的任务（这只是在Chrome浏览器中）。

在Chrome浏览器的Google搜索页中为网站添加书签，在Instagram上保存dance reel（舞蹈卷轴），或在Pinterest和Behance上创建mood boards(感情板)。
不同的运用程序，不同的内容，不同的保存位置，导致了许多困惑，并使访问任何特定项目变得非常具有寻衅性。
我想让这个过程变得更简便，并开始致力于创建一种能帮助人们为他们感兴趣的项目添加书签并快速访问它们的体验。

1. 验证和研究

毫无疑问，这是我案例研究中最主要的部分，这帮助我弄清楚了我实际上该当办理的问题是只须要把我喜好的东西放在我的产品中。
基本上，它向我展示了如何从零到成品！

谁是现有的竞争对手？

我网络了一些盛行和不盛行的运用程序，并仔细研究它们，记下了我喜好什么以及我面临的问题是什么。
根据我认为与用户干系的指标创建了一个剖析表（该列表包括网络和移动运用程序）：

（上图先容了不同的书签利用办法及优缺陷）

不同书签运用的竞争剖析：

我面临的紧张问题是如何标记所有的书签，由于这是区分所有已保存书签的唯一方法。

然而，它们中的大多数都是针对阅读而不是视觉效果而优化的，这对我来说并不令人满意（由于作为一名设计师，我是一个非常看重视觉效果的人）；此外，通过bookmarklet（一个大略的扩展类型选项，只需单击一下即可保存内容，例如在Google Chrome中的书签）在条记本电脑/台式机上保存内容非常大略，但是在移动端上保存是一个漫长而乏味的过程。

这些参数基于我的个人需求和偏见，并作为向我的用户提出一些问题的出发点。

用户研究：

为了理解用户的行为并验证我从比拟剖析中网络到的点是否与用户干系，我首先提出了一个Google表单，得到了80多人的回答。

以下是我得到的统计数据：

大多数用户将内容算作”资源”（名单上的网站、软件链接、GitHub链接）、文章、灵感（Instagram、Behance、Dribbble、Pinterest）和社交媒体内容。
在用户所面临的问题中，紧张的问题是如何在所有已保存的项目中搜索特定的一个并在运用程序外分享列表，但由于它们挤在一起，在所有保存的内容中没有适当的间隔。
在我得到一些反馈后，我问了一个主要的问题

（上图为根据“用户多久返回查看一次保留的表单”所做的数据调查）

由于我想对调查结果进行更深入的阐明，我根据他们对调查的回答，对7个人进行了用户访谈，这表明他们在日常生活中是书签的精良用户。

下面我列出了一些他们所利用的书签媒介，目前面临的问题，以及他们的欲望和需求。

来自我采访的4位用户的见地

没有人真正对他们利用的现有办理方案而感到满意。
当我与他们交谈时，我理解了他们的问题以及他们的欲望和需求。

问题：

“很难快速找到我保存的书签，由于没有给出适当的命名，特殊是当有类似类型的内容时更是如此，但我又不想摧残浪费蹂躏韶光编辑细节。
“获取已保存的内容是一个非常漫长的过程，因此我更喜好从我最初找到它的地方搜索它，而不是去保存它的地方探求它。
“我保存了很多东西，但忘却了我收藏的东西，错过了很多可能主要的东西。

欲望：

在尽可能短的韶光内查找和保存书签，险些绝不费力更喜好视觉化的提示而不是文本提示，以及根据各种根本（如添加日期等）对书签进行排序的选项一个别系，个中书签自动分组或标记，并将干系项目放在一起，以便于查看内容提醒他们保存的内容，但不因此侵入性的办法

2. 实际问题

我知道这个顺序可能是缺点的，但是当我开始这个项目时，我非常愉快——我要制作一个书签运用程序，并且会有一些带有图像的东西，它会很俊秀。

做这项研究让我理解了书签的繁芜性，以及我的用户们。
和他们交谈很累，但也让人大开眼界。

一开始我疑惑是否须要书签产品，后来我意识到：更主要的是要有一个产品，它可以办理用户面临的险些所有问题，这样他们就可以轻松地添加书签。

根据用户的反馈，我开始构建我正在办理的问题，并将其框定如下：

我们须要创建一个数据库，用户可以快捷地保存/添加书签的各种内容，包括最效率的保存办法（最少韶光，简便的搜索）公开他们保存但从未记得查看的内容。
我们会在移动端办理这个需求（由于用户大多数韶光都是在移动端查看，但并没有多少产品可以在移动端高效办理这个问题）。

3. 功能标准

本问题陈述紧张涉及3个紧张部分：

1）保存

目前，将任何外部运用程序加入书签的最常见方法因此下过程：

书签运用口袋显示的案例

保存一个书签是一个漫长的过程！
它在桌面上是如此之快，但在移动设备上却非常乏味。

Google Chrome仍旧具有在共享选项阁下添加上次访问的运用程序的功能，但这仅适用于运用程序内查看。
在youtube，LinkedIn，Twitter等运用程序中没有相同的功能。
由于我们保存了来自许多不同来源的项目，因此我们须要一个一体化的办理方案。
一种方法是添加手势，例如引入一个新手势，激活后将自动保存要添加书签的项目。
这使得它只有1步！

2）搜索

许多用户表达了对搜索的担忧——有些人记住的是封面图像，而有些人记住的是他们的标题。
在这两种情形下，仅仅记住名字/图像是不足的，由于我们的大脑是通过遐想事情的

假设你保存了一个你碰着的非常棒的作品集网站。
但是当你去搜索它的时候，你忘却了这个作品集的创造者是谁；然而，你确实记得这是一个作品集，以是如果你搜索“作品集”，你可能会得到一些与这个词干系的选项，从中你可以很随意马虎地找到你想要的书签。

这可以通过利用运用中内置的AI/ML模型来办理，这些模型可以对保存的内容进行排序/间隔，并根据可能与该内容干系的一些基本关键字对其进行组织。

想探求带有精美建筑插图的Behance项目吗？只需键入建筑物或地方或Behance。
绘图黑客的***是什么？只需输入绘图或艺术。
有一个有着惊人设计事情室的网站，我保存了，但忘却了它的名字。
设计或事情室或网站。

我推举这两款真正推动利用AI/ML进行书签的产品：mymind和 Stash.ai

AI/ML模型最令人愉快的事情是它们可以适应您的输入和选择。
因此，如果UX枢纽关头对你来说是一个灵感，那么AI模型可以学习它，并在你下次搜索”灵感”时显示UX文章。
这使得它真正个性化，并且随着您利用产品的次数越多而更加强大。
有时，当项目足够主要时，用户确实希望输入一些详细信息，这些详细信息可能有助于他们往后记住和回顾它，因此将存在添加存在于所有书签运用程序中的标签的系统。

3）回顾

你来过这里。
保存了一些东西并忘却了所有关于它的事情，这是有道理的，由于它对你来说不是很主要，但你有时确实希望你至少有一天可以瞥一眼它，由于它将来可能会被证明是有帮助的。
我引入了一个逐日部分，该部分将显示最近保存的，查看次数最多的内容以及从未查看过的内容。
它将为用户供应多样性，并且还实现了不让保存的项目摧残浪费蹂躏的目的。
推送关照可用于将用户带到运用程序，增加用户参与度，以便进一步提示他们浏览内容并直接或间接地被提醒。

我还为用户供应了创建凑集的选项，这将有助于他们创建可以在pp内外共享的感情板/组。
遵照Pocket的模型，由于我引入了具有共享选项的凑集，因此我供应了一个”创造”部分，用于托管该运用程序的各种用户的凑集。

用户流和信息架构：

用户界面和体验：

先容：Laters！

一个充满活力的当代移动运用程序，可以存储您的所有书签，以便您随时重新访问它们。
利用人工智能的强大功能，它可以帮助您找到您正在探求的书签，并勾引您一起提高。
创建收藏集并与您的朋友或天下分享，并通过创造部分查看其他收藏。

储蓄：

探索1：还记得我是如何想到利用手势来保存书签会如此大略吗？只需一个操作，它就被保存了！
但是，在与用户交谈时，我理解到，尽管理论上它可能非常随意马虎，但并没有多少用户对手势导航感到满意。
他们中的许多人都是习气性的生物，不习气高下旁边滑动。
我便进行了用户研究，以理解其移动导航的一样平常行为——他们是利用按钮式导航还是滑动手势类型。

结果如何？附和滑动手势，但却不尽人意。

对98人的调查

为了代替结果，我决定添加一个手势保存功能作为赞助选项，如果他们想利用它，请征得用户的赞许。
一种方法是扭捏手机，但纵然它很大略，用户端也须要付出很多努力才能节省。

我通过从右下角滑动来保存书签。
同样，这不是一个非常空想的办理方案，也不适宜按钮类型的人，以是正常的收藏流程对他们来说是这样的。

探索2：如果不是手势。
另一种办理方案是在推送关照部分有一个永久性的运用栏，只需单击该栏，即可保存书签。
这些关照称为持久关照，一旦在载入期间得到用户的容许，它们就会保留在那里。
这是一个两步骤的过程，可以适用于任何打开的运用程序，而不仅仅是Google Chrome，以是它是一个可行的办理方案，但我还没有机会测试它，看看它对用户来说有多随意马虎，以是它现在不是一个充足的办理方案。

保存后怎么办？

现在，您的书签已在运用程序中，您还可以选择添加标签并添加到凑集中，如下面的流程所示。

此流程将在您点击保存后涌现，也便是说，您可以选择标签或凑集，或者只需按X按钮/按框外的任意位置即可使其消逝。
书签将被保存并上升到保留在关照栏中，提醒用户在运用中查看它。

书签：

保存的书签首先是图像，图像是从保存书签的网站中提取的。
在用户研究期间，用户说他们也记住了许多网站图标的项目，以是我也显示了书签所属的图标，这也是一个不错的关联工具。

由于我们供应了支持AI的搜索功能，该功能具有略高的学习曲线，因此辅导用户的一种方法是供应有用的小指令，帮助他们输入更有效的搜索详细信息。

添加新注释：

网络：

制作系列是为了让您创建个性化的感情板并分享它们！
共享是通过使您的凑集成为私有/公共的机制来完成的。
此书签运用程序是一个非常个性化的产品，因此默认情形下，您的所有凑集都是私有的。
您必须将其公开，才能在创造源上可见。

创建一个新书签凑集

向收藏添加书签

创造：

拥有创造部分的想法来自Instagram的指南功能。
我以为这是展示策划内容的好方法，但只对那些在他们的页面上发布非常详细的，与主题干系的东西的人有用，而大多数Instagram用户的情形并非如此。
它可能在Instagram上并不受欢迎，但在书签运用程序上会非常有用，由于如果用户进行收藏，可以提示用户在”创造”部分发帖，以便与志同道合的人互动。

为什么人们会去创造部分而不是谷歌？答案是策划的内容。
你在网上得到的选项太多了，以至于它变得令人困惑，你不知道该信赖谁。
但在这里，有很多人公开了他们的收藏，由于他们相信这可能会帮助他人，你会创造这些东西是非常原始和真实的。

这是我对书签体验的意见，希望你以为它很有趣！

当然，有一些（许多）东西我本可以添加或更好地事情，但那是往后的事了。

缺陷和未来操持：

创建全体入职体验，由于这个依赖于AI/ML的运用程序确实有一点学习曲线，以是最好给用户一个演习训练，以便他们可以轻松节制它。
与移动运用程序无缝协作的桌面运用程序和插件，可轻松添加书签和集中查看对手势导航进行了更好的研究打仗到更广泛的用户，由于我只能通过我的远近朋友和同事网络信息，因此我可以利用特定的书签运用程序更好地理解用户。
在创建运用程序后进行了可用性测试，以验证我是否已达到根本或错过了花了一点韶光开拓品牌部分（感谢Flaticons在运用程序上飞溅的小插图）

原文作者：Satabdi Srichandan

原文链接：https://bootcamp.uxdesign.cc/bookmarking-but-its-actually-useful-12a65c49034a

译者：王姝丫-Sylvie

本文由大家都是产品经理团队演习生 @王姝丫-Sylvie 翻译发布，未经容许，禁止转载

题图来自 Unsplash，基于 CC0 协议