iPhone版Slack的概念改进设计

目前Slack 中用户体验的痛点以及我修复它们的打算。

2018年7月30日

项目说明

像科技行业的大多数人一样,我会在许多场合使用Slack。虽然我一直认为用户体验在网页上是直观的,但我觉得iPhone的版本还可以改进。我决定详细分析可以修改的内容,并提出重新设计的概念。

当前Slack应用程序的用户体验分析

会话:“把slack的标志作为“汉堡菜单”图标看起来不错,但不是很直观。 此外,由于图标紧邻名称,它看起来就像默认的slack配置文件。 当我启动应用程序时,为什么我要在“对话”视图中? 不过,我很喜欢“对话”的视图。” 工作区:“它很容易使用。 在工作空间之间切换的简单而有效的方法。 一个带有3个面板的汉堡菜单。”

 

菜单:“我总能轻松的得知我在哪个工作区。当有更多频道时,用户总是必须滚动才能看到他的私信。为什么不像大多数应用那样进行“搜索(search)”,而不是“跳转到……(jump to…)” 私信:“表示“创建新会话”是一个经典且易于理解的图标。既然现在在和Kathy Payne对话,为什么我看不到一个视觉指标呢?例如,您可以用与“菜单”视图相同的方式突出名称。很棒的视图。为什么私信会以两种不同的格式列出?”

 

新会话:“搜索界面与“新频道(New Channel)”不同。很棒的图标,方便使用。”

新频道:“界面令人困惑。 当我第一次看左边的屏幕时,我以为隐私是关闭的。 实际上隐私是开启的。”

过程和操作

当我理解了我想要修复的Slack UX问题,我就开始做低保真的原型。

我前期画的一些草图。

Sketch 49 的高保真模型

当低保真的模型完成时,我就开始使用Sketch了。但在我开始起草重新设计的概念之前,我想重现当前的Slack 在iPhone 中的UI。它让我更好地了解到他们iOS应用程序的设计,并确保尊重slack原有的设计。

我为“Aubergine”主题和“Hoth”主题制作了原始用户界面。

在Sketch中重现原始UI之后,我开始了我的改进设计。 我使用了Sketch 49的原型功能,如下所示。 您也可以下载该文件并亲自试用。 如果您想直接从浏览器预览原型,我也在Sketch Cloud上上传了原型。

使用 GitHub + Git LFS进行版本控制

我使用GitHub(Git LFS)来管理项目的不同迭代。

GitHub能让我轻松查看我所做的每个提交的更改。

成果:新设计概念

您将看到以下最重要的界面以及一些解释:

独特的“新会话“图标。用emoji表示频道能节省垂直空间,并且易于辨识。私信可以在home轻松访问,并按日期排序,先读取未读消息。标签栏取代菜单并提高可用性。

工作区:“轻松地从一个工作区切换到另一个工作区。”

新对话方式:“选项卡导航。显示创建频道。有公开和私密的选项,以免混淆。”

创建一个频道:“改进了“浏览权限”部分的UX,以避免任何混淆。”

频道和私信:“公共频道 私密频道和私信都有自己的标签。”

活跃用户:“易于看见活跃用户。”

预览原型

您可以通过Sketch Cloud直接从浏览器预览原型:链接地址

下载文件

您可以在这里下载Sketch文件:链接地址

它包含:

  • 截至2018年3月,原始Slack UI的15块画板。
  • 14个重新设计概念的画板。

 

如果您有任何意见,请随时在下面发表评论! 感谢您阅读😊

 


翻译:崔辰皓
责编:季佳宁
作者:Kevin Lanceplaine

发表评论

电子邮件地址不会被公开。 必填项已用*标注