阅读俱乐部体验最终设计
这篇文章想跟大家分享我如何为想以书结友的人设计在线阅读俱乐部的体验——因为往往这些人群，他们喜欢并阅读了很多书籍，想与人讨论他们所阅读的书籍，但很难。
当我第一次面对这个设计问题的时候，我对读书俱乐部的实际运作方式以及人们在离线阅读俱乐部中的体验了解甚少。因此，我的第一步是深入了解阅读俱乐部体验的运作方式。
01
定义问题
在问题陈述中明确提到了谁（用户），下一个要回答的问题是——为什么（解决方案的目的），为此，我找了一些创办阅读俱乐部的人发布的视频和文章，里面提到了他们为什么需要阅读俱乐部：
1.社区
人们希望成为社区的一部分，共同感受并一起做一些事情，原因如下：a）归属感—一起阅读而不是一个人会使他们有归属感，并且感到彼此是联系的。b）自我表达—一个可以自由讨论和分享想法，并表达自我的地方。c）结识新朋友—结识志趣相投的人总是另人满足的，且有助于拓展社交。
2.学习
你可以倾听他人对任何一本书的看法以及他们学习到的内容，了解不同的观点并与对方讨论。加入阅读俱乐部后，你也会有一种阅读的承诺感，提醒你每天阅读，这样你就会按时完成并参与讨论。
3.乐趣
加入阅读俱乐部还可以增添生活乐趣。在这里，不仅可以讨论书里的重要内容，而且人们还会分享一些有趣的时刻，这会使整个体验令人难忘。
我阅读了一些文章以了解阅读俱乐部的运作方式
接下来要回答的主要问题是如何设计解决方案。现在是时候深入设计解决方案了。很多关于阅读俱乐部的问题我都没有答案，而这些问题是我设计时必须问的。在真实的项目中，你会采访用户并收集信息以获得答案。但在这个案例中，我一无所知，因此我进行了二次研究以收集一些信息：
- 人们是否根据书籍、作者或流派加入俱乐部？
- 最受欢迎的阅读俱乐部类型是？常见形式是什么？
- 在线阅读俱乐部默认的交流形式是音频、视频还是文本？
- 俱乐部应该对任何人开放，还是仅对要求加入的？
- 阅读俱乐部的会员人数有上限吗？
- 人们可以同时加入多个阅读俱乐部吗？
- 俱乐部内部的对话可以一直进行，还是只能在特定的日期和时间进行，例如在离线俱乐部中？
这些是我需要决定的一些重要机制，这将指导阅读俱乐部内部的运作设计。理想情况下，在此阶段需要进行用户研究，但是这是一个测试练习，因此我假设了很多事情并继续前进。在解释解决方案时，我会提及我的假设。
02
设计解决方案
产品的用户旅程有三个主要步骤：
1.发现俱乐部2.加入俱乐部3.与俱乐部的交互和贡献
我很快开始草拟从发现俱乐部开始的流程。这一特定步骤的目标是明确的——找出用户足够感兴趣加入的俱乐部。每个流程都有不同的挑战，我将逐一解释。
1.发现俱乐部
发现流程草图和注释
不同的俱乐部会基于其阅读清单、宗旨、俱乐部成员和规则吸引不同类型的读者。发现阶段的挑战是弄清楚用户的兴趣图谱，以便app的AI可以为他们推荐相关的阅读俱乐部。
如何找出用户的兴趣图谱？
只能通过了解以下内容来实现：
- 他们爱读的书是什么？
- 哪种体裁他们读得最多？
- 哪个作者他们看得最多？
解决方案是一种推荐引擎，可以根据特定用户的输入显示相关的阅读俱乐部。我必须决定选择哪种输入方式，要么组合输入，要么单个输入。
我在这里假设，与阅读哪本书相比，人们更少关注阅读的体裁。
我决定将询问他们读哪些书作为推荐引擎的输入。因此，发现阶段的流程如下所示：
发现流程线框——选择3本书，并根据选择显示阅读俱乐部
这是一个非常简单的流程——选择3本书，点击继续，AI将为用户显示最佳的阅读俱乐部。然后用户就可以浏览推荐的阅读俱乐部并做出选择。这样就解决了发现这一阶段的问题，我就不必深入研究推荐引擎以及执行此操作所需的数据量。
假设我们可以根据用户提供的输入来生成兴趣图谱，并且我们有一个阅读俱乐部的数据库来与该兴趣图谱进行匹配，那么该解决方案应该可以完美地起作用。
发现流程结束于根据用户的图书选择显示阅读俱乐部，现在用户可以探索不同的阅读俱乐部，并加入其认为足够有趣的阅读俱乐部。
2.加入俱乐部
读者在加入俱乐部之前会先查找有关俱乐部的一些信息。我列出了一些可以帮助读者确定加入哪个阅读俱乐部的信息：
- 俱乐部的书单
- 俱乐部成员及其详细信息
- 俱乐部的兴趣范围
- 关于俱乐部
我在这里的假设是，阅读俱乐部页面必须包含上述所有有关俱乐部的信息，且设计应通过此处传递鼓励用户加入俱乐部的信息。
点击任何一个阅读俱乐部列表项都会打开该俱乐部的详细信息页面，用户可以从此处加入该俱乐部。
加入俱乐部流程，俱乐部详细信息页面，俱乐部社区页面
阅读俱乐部只展示需要展示的信息，主要包括俱乐部的横幅、名称、关于俱乐部、兴趣范围、阅读列表和成员列表。
阅读清单有助于了解俱乐部阅读的书籍，目前正在读什么，以及未来的书单，从而帮助用户了解阅读俱乐部是否与其具有相似的兴趣。同样，其他一些信息也有助于用户做出有关加入俱乐部的决定。
用户也可以浏览不同成员的个人资料，以便在需要时更好地了解他们。用户还可以了解俱乐部的信息，例如其特性、成立日期，这样用户就可以根据俱乐部的年龄和活动来确定是否可以将时间投入到任何一个特定的阅读俱乐部中。
要加入俱乐部，只需点击俱乐部详细信息页面底部的“ Join Club” CTA即可进入俱乐部社区页面，在此页面与俱乐部成员互动和讨论。
3.与俱乐部的交互和贡献
所有交互都发生在阅读俱乐部的社区页面上。加入俱乐部后，读者会进入社区页面，发生的主要交互是：
- 互相交流
- 进行会议，与成员详细讨论书籍。
- 分享照片（主要是以照片的形式分享书中有趣的内容）
- 投票，例如下一本要读的书、最佳作者、读过的最好的书等等。
- 回顾一本书，可以从俱乐部页面访问所有书评。
- 管理员有特定的权限，例如从群组中删除人员、添加新管理员、管理俱乐部等等。
以上所有交互为读者提供了充实的体验，使他们能够互相学习，表达自我并讨论观点。以下是俱乐部社区页面的一些线框，所有的互动都发生在这里：
阅读俱乐部社区页面与俱乐部内的交互
社区页面提供了所有的交互，且服务于社区、学习和娱乐的目的。
举行俱乐部会议非常简单，只需点击页面右上角的呼叫图标，就可以开始一次新的俱乐部会议，并向所有成员发送会议已开始的通知。俱乐部成员可以通过点击“立即加入”进入会议，并讨论他们想要的任何内容。任何人都可以发起会议，这可以在俱乐部设置页面上进行更改，且可以由管理员进行控制。
我把会议设计为仅语音通话，假设与视频通话相比，人们通过语音通话与陌生人交谈会更舒服。此外，语音通话比视频更流畅。
这需要在真实场景下与真实用户进行测试，以了解真实阅读俱乐部会议的动态，以及他们是否需要视频通话选项。在任何情况下，最好都以语音通话开始。
03
最终设计
我将展示设计的最终结果，并讨论从发现流程开始的一些最终设计决策。
在发现流程开始时，会向用户显示一个页面，提示用户选择他们读过和喜欢的三本书。这时，在理想情况下，我想显示用户脑海中的三本书，但实际上要理解他们的想法并不容易，尤其是当他们第一次使用该app时。因此，我尝试使其尽可能简单化。
顶部故意放置了一个搜索框，以便用户可以轻松访问它并搜索他们想要的书。在搜索框的下方，有一个热门图书列表，可以帮助用户查找。
在底部，有一个包含3个空位置的区域，指示要选择的3本书。选择书籍后，在空白处会填充缩略图，然后弹出“继续”CTA。
这种设计不仅可以指示当前进度，还可以通过未填充的空区域来显示还剩下多少步骤。
选中的书会有已选择该书的指示，并在选择3本书之后，“继续”CTA会激活，点击它就可以根据所选的书搜索相关的阅读俱乐部。
阅读俱乐部列表和俱乐部详细信息页面
阅读俱乐部列表根据用户选择的图书显示多个阅读俱乐部。当用户滚动一个大的垂直页面时，通过不同的布局显示列表并增加变化。在滚动页面时，相同类型的信息会让人觉得很无聊，我们可以通过为列表添加不同的布局变化来打破单调。
不同的列表布局不仅起到了视觉上的作用，而且还显示了不同的列表。某些列表是根据用户选择的其中一本书进行填充的，以再次强调：向他们显示的阅读俱乐部是基于他们的兴趣的。
用户可以点击任何一个阅读俱乐部，并获取有关俱乐部的详细信息，例如关于俱乐部、俱乐部的兴趣范围、阅读列表和俱乐部成员，以及加入俱乐部的CTA。
加入俱乐部后，用户会进入俱乐部社区页面，并在此页面进行所有交互。
与俱乐部的交互和贡献
俱乐部成员可以交流、讨论、开会、发照片、发信息、分享书评、添加投票、参与投票等等。
会议室的设计方式是在可访问性最高的区域提供最常用的选项，例如底部的静音和取消静音选项。访问时，没有其他任何事情可以增加其点击范围，因为我看到人们在开会时经常使用此选项。
上图提供了“添加成员”的选项，用于添加尚未加入会议的任何成员。
拥有在线阅读俱乐部的好处是，你可以在需要时或有时间时进行更频繁的交流，还可以回复其他成员的消息并开启任何讨论。
App里有创建投票的选项，这在确定下一本要读的书的时候很有用。人们可以创建投票，其他成员可以参与投票。
“如果有需要用户进行操作的地方，则界面会用深的粉紫色来传达，从而为该颜色设置视觉意义。”
上图最左边是投票页面，进行任何一项投票后，它都会显示投票结果。添加投票和更多其他选项可以通过页面左下方的“+"按钮进行访问。它有诸如评论、添加投票、添加照片和视频以及文档等选项。
俱乐部页面设计可以促进阅读俱乐部内部可能发生的所有交互，虽然对于一个真正的项目而言，需要相应地各种测试和更改。
整个阅读俱乐部的体验足以与真实用户进行测试。发现读书俱乐部很容易，加入读书俱乐部没有摩擦，且用户在加入阅读俱乐部之前就了解了有关该俱乐部的所有详细信息。加入俱乐部后，成员之间可以相互交流，在会议中讨论他们最喜欢的书并享受乐趣。
已经到了文章的结尾，希望你和我一样喜欢这次旅程。我喜欢为人创造体验，希望该产品能够提供他们期望的体验。
参考文章：
作者：Nihal Singh
译者：设计小菌
原文请戳【阅读原文】
为尊重版权和译者
转载请联系我们
我 们
服务.体验.交互设计传道者
公众号
「yizhizhaojun」
一只朝菌设计学园
联络微信
平菇老师
「zhaojundesign」
「一只朝菌设计学园」由毕业于清华大学人机交互专业的学长创办，致力于创造卓越的设计知识学习课堂，专注交互设计、用户体验设计、服务设计领域的专业知识教育。
教师团队来自于清华大学、同济大学、上海交大、北京理工大学、北京邮电大学、中山大学、华南理工、江南大学、香港大学、香港理工、台湾科技大学、Imperial、POLIMI、Delft、Oslo、Goldsmiths、Edin、Glas、Manc、Lancaster、Loughborough、Leeds、Arts London、BCU等国内外高校，以及Microsoft、阿里巴巴、腾讯、网易、华为、央视、百度、美团点评等企业集团。
清华大学有训曰：行胜于言。「一只朝菌」谨承母校百年教诲，时刻铭记师者之责，为好学者传道授业，为有志者掌灯引行。