至纯至简|手机百度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

相关推荐

  • 华为朱平:用大服务把用户体验引向极致

    4月12日,华为新旗舰手机P20系列发布,同时还发布了保时捷设计Mate RS,以及多款产品。2018年,是手机市场艰难的一年,4G换机和消费升级带来的市场红利正在逐渐失去,5G尚未到来,市场进入一个相对低潮期。这样一个情况下,众多手机厂商面临了较大的市场压力。在这样困难的市场环境下,华为怎么巩固自己的市场地位,甚至扩大市场?华为一惯的态度就是用产品说话,用大大领先对手的产品来证明自己。其实我关心的是,华为P20
    Pro这样的产品,已...

    2018-04-21
  • 移动APP:2015 UI/UX 趋势,Material design布局未来!

    移动APP:2015 UI/UX 趋势,Material design布局未来! 在国内,移动端的发展远远超过网页,初创公司们想拓展品牌都会首选手机App。那么你知道近期App设计风格的趋势么,想要做出不土、高逼格的App,以下的趋势你是…

    2015-08-04
  • 干货推荐|关于无线C端产品的一些UX建议

    开始之前,先来看一下Eric WK.See-To的一项最新研究成果(Eric WK.See-To等人针对如何提升移动端视频的UX满意度做了以下研究)。

    2017-05-29
  • 在现代网页设计中,动效常见的几种用法

    在逐步的探索和发展过程中,动效在网页和APP中的运用方法与技巧已经逐步成熟,形成了一套相对系统的模式。今天的文章我们通过一系列实例,来展示一下动效是如何改善整个用户体验的。如果你无法将等待的时长缩短,那么尽量令这个过程有趣。动效让滚动式的交互充满了趣味。

    2017-05-08
  • 未来5年设计的25个趋势

    最近Herman Miller的设计总监接受了 fastcompany 的采访,和另外几家公司的设计师一起,畅想了未来 5 年设计界的 25 个趋势。

    2017-05-15
  • 为什么你读了1000篇有关如何改变的文章却从未改变?

    发布者: EVEN 此文是 Eric Barker 的文章。 大多数人其实并没有失败—不做就不会失败。 知道不等于执行。 我写了很多有关让事情变得更好的东西。常见的回应是“我懂。”好吧,如果你看 Jeopardy(智力知识竞赛节目)的…

    2015-03-21
  • 分享:神级广告,100人同时交换名片~

    100人如何同时交换名片?

    IxD案例 2016-06-16
  • 【CIO说】花椒直播韩三普:用户体验与核心技术才是硬实力

    本期推荐韩  三  普花 椒 直 播 CTO社交直播作为一个年轻的行业,”高富帅”表现出的强大增长和吸金实力虽让业外人士倍感羡慕,然而作为一个严重依赖技术、用户体验要求极高的行业,流量等时代红利已经不能称其为门槛。如何打造平台差异化的竞争力?近日,花椒直播CTO韩三普接受了ENI经济和信息化网的采访,分享了花椒直播快速增长背后技术所提供的强大支持。并结合当下创新趋势,分享了直播在其中可发挥的作用。亮点提炼如何打造平台差异化的竞争力,以核...

    2018-04-26
  • 【IxD案例】国际第一时尚品牌VGUE-iPad端案例

    今天给大家分享一个原型,这是第一个分享原型制作的源文件,还请大家多多见谅,源文件有点小复杂。

    附件内的源文件为高保真的原型,模拟了很多的效果,下面我给大家说一下

    2016-02-22
  • 有奖励的互动提高用户参与性

    奖励点燃我们的动力。奖励让我们知道我们正在做正确的事情,并使我们继续探索学习新东西或者实现一个目标。 用户收到的一个不经意的变量奖励会更有效,因为人类渴望可预测性。 我们到处寻找规律,试图理解这个世界。 …

    2015-01-12