如何重新设计Dropbox mobile以实现高效工作

作者:Ed Chao Dropbox设计师 阅读时间:5分钟

如何重新设计Dropbox mobile以实现高效工作

想想你是如何在手机上操作的,你的注意力往往是被分散的。你胖乎乎的拇指一直不停的按着错误的信号。很多时候，你只想回到现实生活中，无论是与你的伴侣共进晚餐还是与你的好友聊天。

如果从这个愿景作为出发点，那你将为移动设备提出的相当独特解决方案。您不再设计扩展或将客户留在应用中。相反，你正在帮助用户如何进入,退出以及完成。您正在分析焦点问题并使客户能够在小屏幕上充分利用短暂的时间。你正在为快速工作而设计。

在过去的一年中，我们通过快速工作重新审视了我们的移动体验。以下是我们为使客户提高工作效率所做的一些事情，以及为他们的社交伙伴提供更多礼物。我们希望这对那些可能希望做同样事情的人有所帮助和鼓励。

找到平台之间的相似程度 Find familiarity between platforms

十年前，Dropbox利用桌面操作系统上的融合模式。通过利用桌面文件浏览器的通用性，Dropbox能够在Mac和PC上呈现相同的“魔术文件夹”体验。最近,我们移动端的redesign在IOS和安卓平台都采用了同样的适配方式,通过在不同的操作系统共享类似的设计方案,我们可以在两个平台制造出同样的操作体验.用户在切换不同手机的时候,无需学习新的操作界面.团队在使用不同的操作系统时也无需对不同的接口进行故障排除,培养熟悉感有助于培养专注力.

优化图标 Distill icon

图标优化前后 动作表单优化前后

七个月前,我们发布了一组新的文件图标,为的是在用户搜索文件的时候提高可读性和视觉焦点.在设计这些图标的过程中,我们会问自己这样的问题:"什么样的图标具有可识别性?""如何区分图标的类型?""我们应该如何提炼形状和表现形式,以至于用户不用如此费力?"在这些问题的指引下,我们更新了移动应用程序中的所有图标,以此来降低图标的复杂性,从而提高可读性.这些小的细节可以帮助用户在快速完成任务的时候提高注意力.

外显的功能入口 Expose entry points

在移动设备的各界面直接切换比在PC端会麻烦很多,没有多窗口功能,在移动端的每个视图都会占用整个屏幕.因此,当涉及到多个屏幕的导航时,对于将会去到哪个页面都会感到非常的乏味.如果你想快速完成工作,那几乎是不可能的.

这就是我们在文件预览页面中直接显示评论功能的原因(改版之前,是需要先点击评论气泡图标,才能进行评论),通过提高导航中的入口层级,我们发现了一个更有价值的功能,同时也减少了用户的操作时间.

相似的界面 Simplify surfaces

不久前,我们在应用程序中发布了一个新的主界面,目标是为了通过直接展示近期内容来帮助用户可以快速开展工作.但这种展示信息的方式是有问题的,通过增加界面中不同模块的信息数量,我们无意中增加了用户做出决定所花费的时间(参见Hick定律).通过在垂直的屏幕中固定各个板块,那最常用的Recent模块就被推倒了屏幕下方.

我们最新版本是采用Tabs的切换方式来解决这个问题,首页默认是Recent模块,其他部分可以通过选项卡来进行切换.现在,用户可以在进入应用的那一刻起边关注到最右价值的信息.

突出主要功能 Spell out significant actions

当您想与其他人分享这个文件夹的时候,这里不再需要说明图标来告诉你如何操作.这就是我们通过在文件夹的顶部提供了一个非常突出的分享按钮,以此来替换分享图标,一个简单的改进可以让你轻松的判断.

文件状态改变 Centralize changes

作为用户保存文件的最重要的地方,Dropbox跟踪并记录了这些文件发生的变动,并通过文件的活动功能展示了这些变动信息.这将意味着你不用再问队友他们"进行了哪些更新?"也无需在通过电子邮件等方式联系他们询问了.

总结 Conclusion

当使用小屏幕设备用于工作的时候,我们感觉这更像是个阻碍,而不是工作,这太让人沮丧了.这就是我们在移动设计中一直追求快速工作的原因.因为当用户可以快速聚焦目标的话,在处理完成工作的时候就想拥有超能力一样.

我希望分享的这个案例可以帮助你去探索同样的方法,让我们知道你如何通过快速聚焦目标来提高用户的工作效率和改善现状.

原文链接:https://medium.com/dropbox-design/fostering-focus-for-small-screens-34a9f338668c