设计扭转:减少团队合作压力的挑战

设计从来不是中立的。以下是我们如何在公司最强大的持有价值观周围构建应用程序。

设计从来不是中立的。我们每天使用的应用程序似乎给了我们世界上所有的自由和选择,但事实并非如此。每个选项,每个按钮,每个交互不仅定义了我们可以采取的行动,还定义了我们应该采取的行动想要采取。

考虑到我们在工作、财务、健身、娱乐和社交生活中给应用提供的大量空间,作为设计师,我们做出的选择具有非常现实的后果。

当我们的远程团队在三年前开始使用Slack时,我们体验了设计对行为的微妙但实际的影响。将其自由流动的聊天频道从其一线留言协作者从闲置,一切都旨在让您在实时与团队沟通。(这并不奇怪,这些团队落后于Slack最初设计的游戏应用程序)。

经常回复群聊信息是对时间的最好利用吗?当然不是。但这就是我们发现自己在做的。

我们确定了一种不同类型的通信工具并设置了关于设计。(您可以阅读更多关于该决定的信息这里。)

Twist的设计肯定不是中立的。我们开始故意构建价值观的工具我们作为公司持有:

  • 那个周到的对话推动有意义的工作是团队的生命线。
  • 那是透明的,谈话不仅需要每个人都可以访问,他们还需要以某种方式组织,以便人们实际上可以回去并以后找到它们。
  • 人们需要能够断开连接,专注于他们的工作- 或享受工作之外的生活或休假 - 没有感觉他们缺少重要的对话。
  • 人们应该能够从世界上任何时区工作在最适合他们的时间表上,而不遗留出重要的讨论。
  • 这项工作应该带来履行,不是压力和焦虑。

我们希望为您提供透明的调查我们对这些价值观的扭曲的选择,我们所面临的问题以及我们如何解决它们,以及我们仍然面临的挑战。无论您是兴趣建立更多道德原则的设计师进入您自己的应用程序,还是有兴趣了解实际演变的扭曲的人,我们希望您将学习有用的东西。

3原始要求

当我们开始时,我们没有为我们的新应用程序提供具体的规格列表,但我们确实满足于3个主要要求,从一开始就引导设计:

1.所有团队沟通的一个工具

直到这一点,我们正在使用Slack作为聊天应用程序,Wedoist(我们的旧内部工具)用于长期讨论,有时会为其他对话的电子邮件,直接消息应用程序,如环聊,可以快速与他人交谈,Todoist共享项目的其他内部消息,以及更多。

太多的沟通工具让人无法集中注意力。

这种碎片化的沟通使得无法知道每个谈话是在我们稍后需要引用的情况下。事情被遗漏,沟通感到暗示和压力。

我们需要创造一款应用,能够容纳公司内发生的所有不同类型的交流,同时又不会过于复杂。

2.主要大众传播

透明度是Doist工作方式的核心。我们从经验中知道,如果我们不孤立地讨论问题,我们可以更快地建立一个更好的公司和更好的产品。例如,在我们拥有的大约50个Twist频道中,只有两个是完全私有的。作为一家远程公司,这种程度的透明度是至关重要的,但我们相信,所有团队都可以从民主、透明和包容的对话中受益。

无论我们建立什么,以确保大多数信息都可以访问和可供所有人访问,特别是不了解团队已经讨论过的新人。

3.异步通信

技术在单击中实现了实时沟通,但我们的团队认识到不断连接的危险。在Doist,我们相信野心平衡。我们优先考虑断开连接,不仅可以享受工作之外的生活,还能做到深切的工作这推动了重要的项目向前发展。

我们也相信,未来的工作是遥远的——来自不同背景、国家和时区的人们聚集在一起,创建更好的产品和公司。由于团队成员分布在不同的时区,实时沟通根本不起作用。如果我们想让每个人都有自己的声音——无论他们的位置、时区或工作风格——我们知道我们不能把整个公司的交流建立在实时聊天的基础上。

我们需要更深入地进化新产品(和我们公司)的异步通信。通过我们的新工具,每个人都需要通过他们自己的时间表进行沟通,而不会错过任何重要的东西。

我们是如何将三个核心需求转化为全方位的应用程序?此帖子的其余部分概述了我们沿着对准UX / UI设计与我们的整体产品和公司愿景一致的关键决策的几个关键决策。

把原则付诸实践

聊天vs线程

我们与Slack的最大问题是聊天结构,其中多个主题合并为一个无限的对话。信息不仅很快被埋葬,而且它也将人们与应用程序联系在一起,不断检查渠道中的新发展。

我们很快意识到旧式的数字通信 - 电子邮件和论坛 - 实际上避免了这个特定的问题(尽管创造了自己的不同问题)。用户可以为每个对话创建一个新的主题/电子邮件,给它一个主题,并从讨论中的那一点将保持有组织和主题。

在特定主题周围结构的对话可能比聊天更慢,但它们确保了重要的讨论不会被埋葬或错过,而某人正在与他们的孩子共度或睡觉或专注于其他工作。线程使其在当天晚些时候返回之前的对话,明天,下周,明年在明天,每当。

换句话说,在产品的核心处放置线程将有助于团队保持透明和异步的谈话(我们三种原始要求中的两个)。

解决了我们最大的UX设计问题,我们终于列出了创建新应用的第一个线程范围:

早扭曲布局设计从2015年5月开始,专注于线程,没有直接的消息。

不幸的是,我们并没有完全解决我们的第一个要求:所有的交流都集中在一个地方。

增加直接消息

两年的产品开发,我们的团队完全从松弛转折。不可否认,这是一个粗略的过渡。此时,通过螺纹沟通的唯一方法是通过线程。

就像我们假设的那样,线程非常适合讨论工作。但实时聊天带来的那种难以言喻的友情已经消失了,团队中的每个人都感受到了。有些人试着用线程“聊天”,但这是格格不入的。它只是不符合界面。我们知道,如果我们想让《Twist》成为群组聊天应用的可行替代品,就必须自己解决这个问题。

交换机后不久,我们决定为补充线程添加某种形式的直接消息 - 这将使沟通感到更轻,更随意 - 而不会失去应用程序的简单性或对话的异步性质。

我们测试和讨论很多布局内部......

试图将直接消息传递到扭曲的布局探索。

但最终,我们选择将Messages和Threads作为应用中两个完全独立的标签。

专注于单独选项卡中的每种类型的通信。

我们为源于人们注意力的一些主要原因而这样做:

  • 线程是为了更完整的思考和长期对话。消息很短,随便,用于快速检查或社交。当他们想检查线程或开始消息时,人们可能会出现不同的“模式”。有两个单独的消息和线程选项卡,人们可以在没有被另一个分散注意力的情况下检查一个。
  • 因为邮件和线程是令人意义的两个非常不同的通信,它们需要非常不同的UX / UI。在桌面上,消息输入是一个简单的单行字段,可以通过按Enter键发送。相比之下,Thread Composer具有更大的输入字段,包括用于格式化的Markdown选项,并要求您单击“帖子以提交”。(ENTER将启动一条新行。)使用同一标签中的线程和消息,切换作曲家UI和上下文的认知负载太高。将它们保持在两个单独的标签中,使两种通信模式之间的过渡更直观。
注释和消息组件
  • 在单独的选项卡中使用消息,我们在用户点击之前,我们有空间在对话中舒适地显示新消息的播放预览。它看起来像是一件小事,但代码段预览使人们能够透明地衡量信息的重要性,并决定是否立即回答。
很容易瞥一眼消息或线程,看看它是否紧急。

虽然我们发现消息是团队沟通的重要组成部分,但线程仍然是扭曲的最重要的特征。在船上,我们强调创建或贡献一个线程作为最重要的第一行动。消息是次要的。

注意通知

通知是设计师用来吸引用户返回应用的主要UX工具。对于任何交流应用来说,通知都是必要的,但我们希望确保使用Twist的用户能够尽可能地控制他们的交流时间。

选择谁通知

群聊天设计的另一个巨大缺点,如slack,频道中的每个新消息都会触发该频道中的每个人的未读通知。结果是很多无关不可读,凌乱地弄清了界面并将我们拉回我们不需要阅读的对话。使用线程,我们希望创建一个更加明显的系统,最小化每个人的通知。

我们将我们从Tode Task Reports中学到的东西作为一个起点。即使共享项目中的每个人都可以看到所有任务评论,您也可以在发布一个新的任务评论时选择谁特别收到通知。我们将类似的UX原则应用于新创建的扭曲线程和评论:频道中的每个人都可以看到所有内容,但您选择应对任何给定的线程或评论通知谁。

没有数字的未读点

一旦有人通知了某人关于一个新的线程或评论,我们需要一种方法可以让他们知道已经发布了相关的东西而不迫使他们立即检查。扭曲中未读的目的是指出相关活动用户可以检查他们选择什么时候,不要将人们拉回应用程序。

没有人需要看到99个未读消息的压力

许多应用程序标记与需要注意的项目数量不令,但看到确切的数字可能会压倒并始终始终保持在“收件箱零”的微妙压力。相反,我们选择使用一个没有特定数字的简单未读指示点。设计明智,我们使未读点尽可能微妙,并仅在主导航选项卡上显示它们。

突出的通知贪睡

一旦我们解决了在应用程序中触发未读通知的问题,我们就把注意力转向了可能更让人分心的桌面、手机和电子邮件通知,这些通知是在你不使用应用程序时发送的。

我们将打盹通知菜单设置在桌面上的右上角,无论你在应用的哪个位置。用户可以关闭《Twist》的所有通知长达8小时。你也可以选择每天小睡,这样你只有在工作的时候才会收到通知。

添加可选设置休息日每周都是我们团队的一个特别重要的功能。在周末脱离工作是什么让我们新鲜的一周即将到来。我们希望帮助其他团队设定健康的工作界限。

休息时间

ios上的延时示例

太多员工觉得他们为了在假期中保持联系(这当然完全违背了度假的目的)。除了每天和每周的打盹,我们还想要一个强大的功能来设定你的期望不应该在您度假时必须检查您的谈话。或病假。或父母假。或者只是在办公室延长了一段时间。

当有人设置他们的“休假”时,Twist会关闭所有通知,直到您回来的日期。您的个人资料照片会自动更改为avatar的时间(根据您的假原因而更改),并且您的名称旁边会显示一条消息,指示您在返回时以及返回的原因。

在界面中如此突出显示您的时间关闭状态让人们知道不期望回复。如果是迫切,他们可以找到别人帮助。如果它不是时间敏感的,他们可以发表评论,让您在返回时检查。

请求通知许可

注意你的通知对我们很重要

人们希望可以选择接收桌面通知,因此我们知道我们需要将早期的权限集成到用户体验中。然而,这也完全符合我们较少通知和更为集中的工作的哲学。

在许多应用程序中,我们将在应用程序的顶部添加低调的灰色消息而不是咄咄逼人,而不是咄咄逼人,而是向应用程序第一次出现的应用程序的顶部添加了一个低调的灰色消息,这是一个涉及她的通知以及浏览器上的权限未知的通知,我们展示提到的横幅。当用户不采取行动时,我们将通知累积到五个限制。如果用户允许通知,我们将立即显示挂起通知到每种类型Thread_Added,Comment_Added或Message_Added的限制。我们保留了措辞中立,所以人们可以轻松地决定他们是否想要通知。一旦他们做出决定,我们就会在通知设置中跟进工具提示,让他们知道如果它们变得过于分散注意力,他们可以自定义他们的通知。

这样一来,潜在的登陆粘性就成为教育新用户应用如何帮助他们控制的自然时机什么时候如何他们与他们的团队沟通。

没有“在线存在”。没有“读取收据”指标。

大多数团队沟通应用的两个标志性特征是让人们知道你是否在线,以及让人们知道你是否看到了特定的信息。这两个特性都产生了压力,使其可用并立即作出响应。他们把其他人们控制什么时候他们与你沟通。随着扭曲,我们想要翻转它的头部。

我们完全删除了在线存在和收据指标。也就是说,我们决定保留“有人在输入……”的提示,以避免多人同时在线时产生混淆(我们最初没有这个功能,人们互相评论是一个巨大的痛苦)。当你看到“有人在打字”的时候,你可以暂停一下,在发表你的评论之前看看对方的评论。这样可以避免出现多行类似的注释,从而使线程更加简洁。

结果是一种UX,使人们感到更加舒适,而不是立即响应。

选择熟悉而不是新奇

获得一个人采用新工具可能很难。让整个团队同时通过所有新工具一起采用新工具,要难得多。考虑到这一挑战,我们有意维持人们已经熟悉的用户体验模式,而不是发明新的、不熟悉的模式。

我们需要确保启动线程对话的核心体验——在应用中投入时间和信息——尽可能直观。每当我们发现自己想要添加一个工具提示时,我们就会后退一步重新思考设计,并找到一个更明显和简单的解决方案。

例如,当前的线程作曲家和聚合所有人的相关线程的收件箱概念都与电子邮件非常相似。这将很容易让我们的EGOS妨碍一种完全独特的东西,但我们的目标是使球队采用蝙蝠采用该工具尽可能简单。Twist不重新发明轮子,而是将其他工具的最有用方面组合成一个简单的应用程序。

收件箱与类似于电子邮件客户端的线程

关注多平台设计

这些天移动式设计不仅仅是一个很好的设计。用户已习惯于精美设计,直观的移动应用程序,并且他们期望从他们使用的应用程序中的应用程序不那么少。我们知道我们无法为桌面创造出伟大的设计解决方案,然后尝试强制他们适合移动。所有平台所需的设计都需要在串联中发生。

在创建扭曲过程中,我们开发了一种新的设计工作流程,以确保在同时针对移动和桌面进行优化的所有功能。每个新功能都会获取一个规范,列出了我们这样做的原因,它将做什么以及它的用例和边缘案例。然后,设计者包括每个本机平台的提议的UX / UI设计 - Web,MacOS,iOS和Android - 以及每个副本。模拟和原型更新,因为建议对设计建议更改,以便每个人都可以访问最新的迭代。这是一个例子:

我们使用Dropbox纸进行设计文档

通过我们的新规范系统,所有平台都维持特色奇偶校验,而设计或副本的故意偏差是按照特定于平台的指导。例如,虽然Android和iOS应用程序都具有相同的图标,但它们的设置位于不同位置的“更多”按钮后面。在Android上它位于导航抽屉中,并且在iOS上可以在底部选项卡栏中找到。这样,无论哪个设备都使用那天,用户都将熟悉两个平台。

我们的目标始终是让每个应用程序在其平台上都有完全的宾至如归的感觉,同时使从桌面到移动和后退的过渡流畅而直观。

未来的挑战

Twist用户的最初反应证实了我们的设计假设——线程给团队交流带来了一种秩序感、平静感和长寿感,这是群聊应用所没有的。但产品开发过程才刚刚开始。我们仍然需要解决许多关键的设计挑战和压力。以下是最大的两个:

获取所有团队成员体验线程的价值。

onboarding是任何产品的问题,但在扭曲中持有对话的独特,长期收益并没有任何兴趣。新用户自然倾向于消息 - 应用程序的一部分最像群聊 - 因为它是开始使用的更简单的范例。

另一方面,线程要求你对一个特定的主题进行更深入的思考和更深思熟虑的交流。它可能感觉更加正式和吓人,而且新用户并不总是清楚为什么他们应该使用线程而不是消息。“啊哈”的时刻远没有群聊时那么直接。

一位用户描述了Twist是如何帮他点击的,当他能够回到一个线程,并在一周后重新开始。从开始使用一款应用到真正体验到它的价值之间需要很长一段时间。我们必须设计一些方法,让新用户在更短的时间内理解和体验Twist的价值。

但员工入职只是我们面临的更大挑战的一小部分……

改变团队文化。

如今,大多数公司仍然依靠实时通讯——通过会议、聊天甚至电子邮件。它们没有为人们腾出空间来专注于深层次的工作。如果这些团队不认识到脱离工作可以让员工更健康,他们就永远不会明白使用Twist而不是Slack或其他数十款群聊应用的价值更高效。

虽然Twist的以线程为中心的设计让异步协作变得更加容易,但团队仍然可以像过去使用电子邮件那样实时使用Twist。如果你的老板希望你立即回复,你没有选择。无论我们如何深思熟虑地设计应用,以关注人们的注意力,改变也需要用户和团队领导转变心态。

在构建Twist的过程中,我们意识到应用程序内部设计需要与应用程序外部有意设计的体验相辅相成——在我们的帮助中心,在我们的博客上,在我们的电子邮件上,在我们的社交媒体渠道上,在我们的插图中——这促进了团队合作中更谨慎、更平衡的方法。内容设计和应用设计必须携手并进。

改变团队文化不会在一夜之间发生,但我们相信,做出这种转变的公司将会比其他公司表现更好。最终,我们将通过帮助多少团队去衡量《Twist》的设计是否成功。


还有很多东西进入了我们无法覆盖的扭曲。如果您仍然对Twist背后的设计过程有疑问,设计团队很乐意回答它们!让我们在下面的评论或推特上了解@twistappteam

遵循我们的设计团队drbbble.com/twist.drbbble.com/todoist.


来自扭曲设计团队的共同作者:

ANA.设计总监在哪里Doist,努力Todoist。热爱美食、旅游和学习。

亚历克斯是一个产品设计师&Todoist。进入UI / UX,插图,足球,技术和生产力。乐动体育电竞乐动体育 app安卓drbbble.com/alexmuench.