项目说明
像科技行业的大多数人一样,我会在许多场合使用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个重新设计概念的画板。
如果您有任何意见,请随时在下面发表评论! 感谢您阅读😊