腾讯设计师:解析效率至上的全新微云改版

设计立交桥是一个很大的挑战。有着不同背景和知识的司机,从四面八方进入立交桥,然后在短短几秒内决定从哪个出口出去。如果错过了出口,就可能去往完全相反的方向。留给司机做决定的时间非常短,以至于无暇思考,必须不假思索就能做出正确决定。如果司机因为思考而减缓车速,整个立交桥的通行效率都会下降,形成交通拥堵。

背景

迅速行动

我们在设计移动APP时,当然没有设计立交桥这么紧迫。如果说有相似的地方,可能目标都是让用户能够不假思索做出正确的行为,不要走到相反的方向上去,也不要思考过久。

本文我就以全新改版的微云来讲讲怎样设计效率至上的移动APP。

产品定位

微云是面向个人的智能云存储服务,可以不加思索地进行备份、查看和整理内容。我们深入了解移动端的功能特点,从交互、设计和布局上进行一些优化,从而提高用户使用效率。

用户在微云APP中的主要行为路径包括:

  • 1、上传和备份
  • 2、浏览照片和文件列表
  • 3、搜索文件
  • 4、预览PDF等文件

产品存在的问题

我们深知我们的一些基础功能需要打磨,预览效率偏低和一些操作程序繁琐。所以我们的主要目标是提高使用效率。

更一致

上传入口是一个比较常用的操作,在右上角区域单手操作时不容易点击到。而且在文件页出现选择操作时,会将入口向左挤开,使得位置不稳定。

针对这种情况,我们决定将它移动到底部中央固定位置。

这样的好处一方面是将常用操作放在更显眼的地方,另一方面是在固定的位置操作,适应拇指的记忆。

上传入口固定在底部

更突出

左图中的顶部背景色过重,干扰用户预览内容。列表页的高度不够会显得很拥挤。

针对这种情况,我们决定对两个区域做出调整。框架上弱化背景色,把大面积蓝色换成没那么刺眼的白色,调整列表高度从112px调整到132px,内容标题文字由原来的34px调整到36px,缩略图大小从80px调整到100px等等。

这样可以让用户更清晰、更聚焦内容本身。

列表页改版后内容更突出、更容易聚集内容

更简洁

当文档中有大量文件时,难以分辨文档类型,线框对文档识别产生了干扰,图形变的比较复杂。

我们决定对图形进行简化、强化图标本身的形状。根据文档本身的颜色去定义颜色的使用。这样可以让文档内容图标更简洁,图形符合用户对它本身的认知,这样更容易识别。

新版文档类型图标识别性更强

更易用

在上传界面中,操作项和信息区域混在一起难以辨识,而关闭入口在右上角难以触达。

我们把这个页面整体分成两个区域,顶部是信息区域,底部常用功能操作区域。

这样可以让上传页面改成全屏更好地利用空间对页面的布局进行调整,顶部重要的的每日流量信息提示更明显,常用的操作功能更易用。

上传页面信息区分更清晰

更快捷

预览页基础功能不够完善,预览、查找文档内容比较麻烦。

在文档预览页内增加关键词检索功能,PDF文档预览过程中添加页码定位。

改版后在文档预览中可以快速检索关键词,定位内容更快捷。PDF可以在页码缩略图中快速定位到你想要找的页面。

日常生活中用户想对一些书籍扫描电子化、各种票据的信息采集、名片上的关键信息提取都比较麻烦,需要一个个的字去输入在手机里。

微云移动端与优图合作接入了OCR文本识别技术,可以实现对拍照图片与名片中的文本进行识别。

简化名片的入录流程,并可以快捷的拨号、发短信、邮件等功能。为用户提供了高效、智能、便捷的个性化解决方案,提升了对图片上文本的阅读和记录效率。

OCR文本识别可快速入录信息

总结

用户喜欢使用移动APP的主要原因是内容本身,而不是设计装饰。

设计师可以通过多种方式给用户更好的体验。比如在排版上更明确,辅助性图形进一步明确含义,去掉无用装饰,在控件使用中保持统一性,让常用的功能更容易触达等等。最终,通过这些细节的优化让用户更高效地触达内容。

ISUX

作者:lamlam
(0)

相关推荐

  • 腾讯电脑管家微云怎么设置

    腾讯电脑管家的中网盘工具微云,为时尚的人群设立了一个可以共享传输备份的超大云网盘,我们可以通过微云让交流和娱乐一体化.首先我们需要在我们的电脑中下载安装腾讯电脑管家,通过打开腾讯电脑管家找到腾讯电脑管 ...

  • 腾讯微云全新改版—效率至上

    @浩浩小怪兽 设计立交桥是一个很大的挑战.有着不同背景和知识的司机,从四面八方进入立交桥,然后在短短几秒内决定从哪个出口出去.如果错过了出口,就可能去往完全相反的方向.留给司机做决定的时间非常短,以至 ...

  • 于磊_腾讯设计师(高手之路访谈)

    [高手ing]在这鸟语花香,阳光明媚的春天里,我们迎来了高手之路访谈的第一位大师--<腾讯设计师于磊>,小萌芽们是不是很兴奋呢?赶快跟着小编飞快的文案来了解一下今天的这位大师吧~~ 学UI ...

  • ISUX设计师解析:个性萌宠形象诞生记-动作篇

    QQ空间在去年推出了全新"萌宠"玩法,上线以来,获得了不少用户的喜爱,同时也收到了大量忠实用户们对想要养小鸡小猪等的心声.为了给用户带来更好的体验,项目设计组决定新推出一大波各异形 ...

  • 腾讯设计师:互联网金融体验设计方法总结

    前言:在2017国际体验设计大会中,来自"互联网银行用户体验联合实验室"的Ray和Louie在工作坊里为大家介绍了互联网金融的通用设计流程(参考链接).后续我们把在工作坊里面提到设 ...

  • 腾讯设计师!给路边摊暖心大变样~

    一群腾讯设计师利用业余时间,做了一个暖心的实践: 他们把目光锁定在那些平时人们不会注意的地方,比如路边的早点摊.天桥上的粽子店.用浪漫的设计语言而不是理性的数据算法,让一个个小店变得美好而有趣,也收获 ...

  • 腾讯微云多端统一改版

    小编:学UI网经过10来天的备案升级,终于搞定了. 近期,我们对微云WEB端进行了一次"简单"的改版.这篇文章简要记录了改版过程中的一些思考. 为什么要改版 微云WEB端与移动端体 ...

  • 腾讯微云文件图标的设计探索

    全文4000字,阅读需要15分钟.作者将向你展示微云团队一路以来对文件图标设计的思考和沉淀,并着重介绍了当前这套图标的设计由来. 前言 在过去的一年中腾讯微云为大家带来了很多新特性,比如创建和在线编辑 ...

  • 空·境——腾讯微云的404页面设计总结

    为空页,简单理解就是当前页面内容为空白,分别会在初次使用.完成或清空内容.出错的情况下出现.本文将简要阐述关于"腾讯微云"6.1版本所更新的为空页(内容为空)设计背后的故事,以及探 ...