赞助商
立即赞助

Dropbox设计师:如何让界面信息更加聚焦?

UI设计3年前 (2021)更新 流光
1.9K 0 0

始终围绕用户目标做设计决策,根据功能优先级做出不同的设计形式,强化核心功能,是一篇非常的细节优化方向参考文章。内容不,但是蛮有启,分享给大家!

看,手机作什么感觉,的注意力易被分散,胖胖的手指还老按错字母。每当这时候,只下手机,去的人吃一顿晚餐,又或者合得的朋友聚一起聊聊天。

如果你开始有了这种想法,那为移动公提出的解决方案将会变得完全不一。你的产品目标不再是纯为了提高用户活跃度或者让用户花更多的间在你的应用上。相反,计的焦点应该在如何让用户在这的界面中使用最少的间并能高效的完成工作上。

在过的一年中,我们重走查了一遍 Dropbox 的移端体验,并将如何户的工作效率作为产的核心目标。我们做了一些迭代改进,户的工作变得更有效率,他们抽更多的时间陪陪人,友。同时,我们希望将我们的工作分享来,对那些和我们有同样产目标的人有帮助。

一、善用平台间的相似性

Dropbox设计师:如何让界面信息更加聚焦?

十年前,Dropbox 利用了面系统上的聚模式,通过文件浏览器的通用性,Dropbox 能够在 mac和 pc上提供相同的「神奇文件夹」体验。

我们在最的重设计中,利了 iOS和 Android上类似的相似性。通过使两个操作系统共通的模式,我们创建了一个较一致的双平台体验。户无需适应的户界面,就可在换同手机时够快速使应。团队可在使同操作系统时,减因为界面差异而带来的困扰,熟悉的界面够户更专注。

二、优化图标

Dropbox设计师:如何让界面信息更加聚焦?

△ 文件浏览界面前后对比

Dropbox设计师:如何让界面信息更加聚焦?

△ 操作列表界面前后对比

7个月前,我们发布了一套全的件图标,目的在于图标的可读性和搜索件时更的聚焦性。我们断问自己这样的问题:「么样的图标更容易识别?图标的类如何区分?我们如何优图标户够快速识别?」。

过这些问题思考,我们更新了应用所有图标,以减少复杂性并增加可读性。过优化这样小细节,可以让用户在工作时提高专注力,从而提升效率。

三、外显核心入口

Dropbox设计师:如何让界面信息更加聚焦?

在移端切换页面要在桌面端更麻烦,因为像桌面端那样开多个口,移端上的每个视图都需要一整屏来承载。因此,当涉及到多个界面之间跳转,想要到你想要的功时,层层跳转就像是一个非多余的操作。如果你想快速成工作,这样的操作就会户感到沮丧。

这是为什么我们把评论输入框接显(前,要评论话你必须击聊天泡图标)原。过梳理界上功能优先级,把最常用功能提取出来并前,减少了团队协作时所需要时。

四、简化操作界面

Dropbox设计师:如何让界面信息更加聚焦?

久前,我们在应中发布了一个全的首页,目标是通过及时显示容片来帮助户聚焦工作。但是,我们在信息展示上了问题。界面中的同信息容全都放在了一起,我们无意中增了户做决定需要的时间(详细可参见「希克定律」)。并且由于是在一个界面中垂直列,最的功或者是最操作的件反而可在第一屏被看到。

我们最新版本已经优化了这个问题,打开默认是个完最近工作文件,而其他功能也可以过选项卡快速查看。现在,用户可以从打开应用那刻起,专注于最有价值阅读体验。

五、突出最重要的操作

Dropbox设计师:如何让界面信息更加聚焦?

当你想要跟合作者共享一个件夹时,应该需要到某个图标并解它的意思再弄清楚如何做。这就是为么我们会在件夹顶设计一个突的按钮,并把图标改为字的原因。只是一个很简单的改变,就你减思考时间,效工作。

(译者注:页核心功能应该去强化,于 Dropbox 来说,用户进到这个页,最主要操作是分享,所以会做出这样改进。)

六、时刻反馈变化

Dropbox设计师:如何让界面信息更加聚焦?

作为户保存最重要件的地方,Dropbox 够时刻跟踪这些件发生的变。今天,我们通过 Dropbox 的这种一个全的件列表界面清晰的展示给户。

这意味着,你再也不需要去问团队成员他们是否更新过文件。有了这个功能,你可以了解某个文件所有更新数据,而不再需要过沟或者电子邮件,也没有必要去打断队友们工作了。

总结

我们都知,我们在使用手工作时,为屏幕小感觉是障碍而不是生力工具时,会多么令沮丧。

就是为什么高效工是移动办应用中一直追求的东西。因为只有当用户能够在应用中快速找到焦点时,他才能在忙碌的工中找到像拥有超能力一样的感。

我们希望这里分享的案例能够抛砖引玉,鼓励家去探索高效的方法,让用户能够提高作效率。

文链:《Fostering focus for small screens》  Ed Chao

注译者的微信公众号:「 彩译设计」

Dropbox设计师:如何让界面信息更加聚焦?

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

Hi,大家好,我是彩云。Spotify,也叫“声田”,是一个在国外非常火的正版音乐平台,也是目前全球最大的流音乐服务商之一,在去...
Spotify
本期译文,是一篇 App 改版干货,有具体步骤,方法,分析,最后还有结论,值得学习。 我热爱旅行,就和千千万万踏上旅行的人...
App改版
@青沼鸣  :2018年,阿里巴巴斥巨资拿下俄罗斯世界杯直播权,成为阿里进入体育产业的起点。世界杯直播战役后,集团加足马力投...
优酷体育
百度UXC:如何做改版设计?百度网盘的实战案例肯定能让你学到很多! 一. 改版背景 百度网盘在2013年诞生之际以备份文件功能走...
App改版
@青沼鸣  :2018年,阿里巴巴斥巨资拿下俄罗斯世界杯直播权,成为阿里进入体育产业的起点。世界杯直播战役后,集团加足马力投...
优酷体育
一款 App 或 Web 产品,从用户体验的角度包含了战略层、范围层、结构层、框架层、表现层。而作为 UI 设计师,如果连「表现层...
图标
2020年上半年我们对京东国际频道进行了品牌视觉的全新升级,希望通过品牌强化及体验升级两个方向实现加强正品心智,提升频道...
京东国际
聊过了机器学习的基本原理及模型层面的设计要素,即「数据」和「指标」,接下来我们将探讨界面层面的设计。 优秀的机器学习...
产品