至纯至简|手机百度8.0设计总结

8.0是手机百度发展过程中一个重要里程碑,它不仅延续了产品建立以来的要点,打破历史包袱,与时俱进地从体验和产品角度进行了创新,通过全新的整体交互框架与视觉风格,将搜索、语音搜索、FEED流信息获取、多垂类服务等进行了再设计。


8.0是手机百度发展过程中一个重要里程碑,它不仅延续了产品建立以来的要点,打破历史包袱,与时俱进地从体验和产品角度进行了创新,通过全新的整体交互框架与视觉风格,将搜索、语音搜索、FEED流信息获取、多垂类服务等进行了再设计。

至纯至简|手机百度8.0设计总结

项目背景

手机百度作为移动端的明星搜索工具,一直深受广大用户喜爱,经过多年的发展它已经成为用户获取信息和服务的重要途径。但随着功能越来越多,其产品结构也越发复杂,原有的结构形式已不能承载产品未来的发展,对产品形态进行重新设计势在必行。

在设计研究阶段,团队内部对收集到的问题进行分析和整理,归纳出以下几个要点:

  1. 产品首页功能多、结构复杂,产品定位与重点不明晰。
  2. 首页结合信息流的使用效果以及具体内容的浏览体验不佳。
  3. 框架种类繁多,同一内容在APP内不同地方打开的框架不一致。
  4. 接入和自建的各频道体验缺乏统一性,存在显著的体验差异。
  5. 视觉设计语言需要进一步统一与升级,使产品整体视觉调性感受更为整体,凝炼手百的品牌气质。

设计与思考

8.0具有承前启后的里程碑意义,如何继承已有的成果和用户习惯,同时创新性地解决前面提及的问题,为后续发展打下基础,是设计师在项目开展之初就需要解决的问题。

回归用户本质需求:信息获取,从减法开始设计

设计团队经过多次讨论和分析,决定回归用户本质需求——信息获取,围绕它从减法开始做设计。新设计中突出信息获取的重要功能:搜索和智能、个性化信息推荐,而其他功能则适度弱化和折叠。目前文本搜索是使用频度最高的信息获取方式,而以语音搜索为代表的面向未来的人机交互方式已经日趋成熟,百度的语音搜索在识别准确度与结果满足均达到业界领先水平。智能的、个性化的信息推荐则代表着未来基于大数据和人工智能的用户获取信息的方式,百度在技术上的深厚积累,得以实现“千人千面”的信息与服务满足。

围绕如何让用户更便捷地使用各种搜索和智能信息推荐,我们尝试了几十版方案。并在方案雏形基本确定后,便开始自主开发高保真可交互Demo,团队内各个角色一起试用,发现问题与不足,不断研讨和完善对细节的打磨,快速地收敛了共识,并在这个过程中收获了许多来自多种角色的优质建议。

至纯至简|手机百度8.0设计总结

至纯至简|手机百度8.0设计总结

功能分级和服务个性化,满足不同用户群体需要

手机百度的用户群覆盖面很广,几乎涵盖了各个年龄段的全体网民用户。结合使用数据来看,单个用户高频使用的功能除搜索外,还呈现个性化和多样化的特点。如何满足好共同的搜索需求,还能更好地提供个性化服务是设计中需考虑的一个要点。

经过分析,我们将目标用户划分为三大类:

  1. 仅使用搜索的用户,他们进入手百希望快速完成搜索,获取所需要的信息。
  2. 轻度定制化的用户,他们除了使用搜索外,还经常使用百度的贴吧、新闻、小说等服务,他们希望功能的布局能更加符合自己的使用习惯,操作更加便捷。
  3. 深度使用各种百度功能用户,他们不仅要求精还要求全,希望在手百上实现一站式体验。

针对不同用户,我们进行了功能分级和服务个性化设计,用户可以按需定制所需要的模块,同时还对各种功能重分类和聚合,使界面结构与功能分区明确且纯粹,便于用户能快速找到所需。

至纯至简|手机百度8.0设计总结

化繁为简,统一内容框架和内容形态

首页是一款产品的核心,其框架结构、布局的设计重要性不言而喻,在8.0中我们对首页的设计进行了探索和重新定义。

1. 以“流式”和“精炼”为核心理念的布局形式

  • 流式:Feed、搜索、第三方页面等主体界面均为“流式”为主的交互布局,使产品在整体体验上保持一致。
  • 精炼:归纳整合了首页的功能模块,确保单一模块功能单纯,降低用户的理解成本,提升易了用性。

2. 以“极简、清晰、舒适”为核心理念的视觉风格

  • 构图:极简构图,去除所有装饰元素,通过严谨排版调整各部分的比例关系,使页面干净,清晰和美观,以黄金分割进行版面结构的纵向划分,使页面布局舒适、耐看、经得起时间的考验。
  • 品牌:通过对“留白、红蓝”“左右平衡构图”的进一步优化,强化品牌感受;并使PC和移动多端首页形成品牌气质的一致性。

至纯至简|手机百度8.0设计总结

精简内容框架:将原有的5种框架缩减为3种,对类似功能的框架进行了合并,这不仅提升了统一性,而且减少了技术架构的复杂度。在合并框架的同时,我们还保留了框架元素的灵活性,为具体场景和服务下的拓展预留了空间。

至纯至简|手机百度8.0设计总结

在框架统一的诸多方案中,经过调研和测试,我们最终选择了底部返回的基础框架形态,并将主要功能整合其上,不仅使框架形式更加统一,而且在在大屏手机成为主流的背景下,用户也能更方便地操作界面底部常用功能。

精简内容形态:信息流Feed 是本次设计的一个重点,它不仅提供了一种快速获取信息的方式,而且是后续智能化推荐的承载体。在设计中我们从单体模板的角度对可能接入的内容形式进行了分类和抽离统一,有效地保证了内容形式的精简和高延展性。使丰富的各类资讯内容的排版与布局舒适合理,提升阅读的沉浸感与流畅性。

至纯至简|手机百度8.0设计总结

建立统一标准,打造平台化体验

手机百度作为一款平台性产品,接入了很多由合作团队开发的产品。为了保证用户在使用手百时能有统一的使用体验,在8.0项目设计的伊始,我们分析各内外部服务的特点,总结归纳共性制定出一套统一的平台化设计标准。

从接入内容的架构、产品界面布局、控件元素、品牌等多维度进行规范,有效地保证了最终的用户体验。

至纯至简|手机百度8.0设计总结

至纯至简|手机百度8.0设计总结

简洁灵动的细节设计,构建产品的品牌特征

传统工具类产品给用户的印象更多是冷冰冰和机械化。为了突破这种印象,在本次设计中,我们尝试通过简洁灵动的细节设计来构建产品的品牌特征,以平面化的几何形态为基础,辅以典型的色彩和动画效果来构建自己的特征,加深在用户心目中的印象。

例如语言搜索灵动的细节设计不仅展现了人工智能的强大和灵敏,而且形成了典型的品牌特征,这套设计语言也贯穿了手百的各个模块设计中。

至纯至简|手机百度8.0设计总结

总结

8.0是手机百度发展过程中一个重要里程碑,它不仅延续了产品建立以来的要点,打破历史包袱,与时俱进地从体验和产品角度进行了创新,通过全新的整体交互框架与视觉风格,将搜索、语音搜索、FEED流信息获取、多垂类服务等进行了再设计。在设计过程中,我们也深刻认识到把握用户需求,结合技术和商业模式进行分析和研究是设计工作的要点。只有不断地探索,才能从诸多可能性中找到最适合的方案,为用户提供更好的服务。

 

本文由 @百度MUX 原创发布于人人都是产品经理。未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/25769/

(0)
CatherineCatherine
上一篇 2017-05-12 06:33
下一篇 2017-05-12 08:11

相关推荐

  • 不看后悔的产品与运营结合的用户体验

    作者第一次拿实例产品进行文字和图片的分析。如果有兴趣的朋友可以回复文末的关键词进行体验产品。

    2017-05-24
  • 如何成功运用扁平化设计与色彩趋势

    经验分类: 经验/观点 / 自译外文 原作者: Carrie Cousins  翻译:蒋灿 我们在Designmodo上已经聊了很多有关扁平化设计趋势的内容。 之前瞎说了很多,也给大家展示了大量不错的示例,还开发了一套免费的用户界面以…

    2014-09-14
  • 零UI,为无屏交互而设计

    “最好的用户界面就是没有界面”——Golden Krishna“最好的用户界面就是没有界面”——Golden Krishna

    2017-05-08
  • 经验分享|利用品牌基因法进行图标设计

    在看这篇文章之前你需要清楚,我所讲的东西并不是什么权威,只是在工作中总结出来的一些的小经验而已,制作图标的方法也有很多种,这里只是给大家一个思路上的启发,希望能对你有所帮助吧!

    2017-05-06
  • 你如何设计交互?

    进行界面设计时,很显然我们一上来就会想着画出整个流程。但这真的是最好的方法吗? 我曾偶然进行了编写一个具有想象的人机对话,之后我再继续使用画流程的方式。 编写人机对话的方法改变了我的思维方式,我再也没…

    2015-08-12
  • 这个简单粗暴的设计为何是“好设计”?

    作者:UX沐沐(公众号:Liveux)   20世纪著名建筑师史密斯.德罗在总结他成功经验时说“魔鬼藏在细节中”,面对一些习以为常的设计,设计师能否洞察背后的不寻常? 今天想探讨一个我们每天都能见到数十次的“寻常”设计…

    交互专题 2017-08-07
  • 陌陌:不全面商业化 不伤害用户体验

    关注订阅号“电商大世界”,海量电商资讯文章打包阅读以下文章数据,由电商大世界 "AI-贝贝",采集、分拣,由编辑 北风整理发布。电商本周要闻:阿里慧聪两大人事变动阿里巴巴B2B事业群总裁戴珊接任速卖通阿里巴巴集团合伙人、B2B事业群总裁戴珊将直接负责全球速卖通业务,而原阿里巴巴全球速卖通总经理沈涤凡,将出任阿里健康CEO。据了解,全球化战略是阿里未来20年的三大核心战略之一。业内人士认为,戴珊此次接任速卖通业务,不仅说明以速卖通为代表的...

    2018-04-01
  • 用户体验提升才是“蔚来”

    nEqual 是业界领先的赋能“智慧商业”的数据智能技术提供商,是精硕科技集团下专注数据技术的事业部。nEqual以数据和技术为支撑,为企业实现营销自动化、智能新零售、AI人工智能等“智慧商业”模式打造和运营,帮助企业提升营销体验、销售体验及服务体验等全面的超级用户体验,进而助力企业构建可持续发展的商业竞争力。近年来,人工智能迅速占领大家视野,虽然业界已经探索了几十年,但近五年来才开始飞速发展,这得益于数据和技术的进步。近日,朋友圈被蔚...

    2018-01-30
  • 那些上亿人都在看的Banner都是怎么设计出来的?

    每到一年一度的大促季,会场、页面、互动游戏,都在紧张设计之中,这些精美的页面和互动游戏,如何与用户产生联系?必然需要一条与用户连接的纽带 —— 它就是BANNER。有些人可能认为资源位的设计相对简单,但其实不然,小小的资源位承载着重大的使命,设计上自然也是下了一番功夫,那这一次的双11我 们是怎么做的?请听我细细道来…..

    2017-05-30
  • 初探用户体验中的接触点

    在一个流程设计里,梳理接触点是十分关键的一步,接触点梳理好了,才有可能画好一个完善的流程图。信息触点——操作触点——信息触点

    2017-05-15