赞助商
立即赞助

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设计师:如何让界面信息更加聚焦?

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

相关文章

一、功能逻辑梳理 在做框架设计与加减乘除合并同类项之前,梳理业务与产品逻辑对于复杂的流程界面来说是至关重要的。 我们举...
App设计
为什么会有语音交互?它适用于什么场景?不适用于哪些?文章为你解读。 一. 什么是语音交互 在没有机器之前,人类最早的交互...
界面设计
编者按:大厂的改版设计都是怎么做的?今天腾讯这篇干货用一个完整的设计流程告诉你,一个优秀的改版案例应该这么来! 一、定...
App改版
万能螺丝刀也拧不开眼镜框上的螺丝。如同万能螺丝刀一样,QQ 也是一个通用的沟通工具,在针对游戏、粉丝、家校等垂类场景下,...
QQ家校群
由于最近的工作原因对图标有了更加全方位的认识,虽然之前写过《如何系统学习功能图标?来看资深设计师的全面总结!(一)》...
ui设计
58UXD:在一个追求内容至上与体验至上的时代,设计的表现更加简洁直白,这正如著名建筑设计师密斯所说过的:less is more。不...
58UXD
@途家UED:途家网,全球民宿预订平台,为用户提供公寓、别墅、树屋等各式新奇住宿。 为了更好的贴近及满足用户体验,设计团...
实战案例
一、项目背景 百度网盘是百度提供的个人云存储服务,自2012年上线至今,通过强大的技术能力以及承担高额的带宽成本,为7亿用...
品牌升级