从百度百科改版看交互设计的重要性

所属分类: 建站经验 / 网站运营 阅读数: 696
收藏 0 赞 0 分享
关注百度百科的朋友应该已经发现,新版的百度百科在9月12日已悄然上线。作为一个日均检索量近4亿,且用户基数庞大的产品,百科的这次改版着实称 得上大刀阔斧。与旧版相比,新版百科不仅在交互及内容架构方面优化显著,在视觉的呈现上更加清晰简洁。以往印象中百度的设计总为人诟病,但这次新版百科的 表现总算让人眼前一亮!

概况来讲,百度百科这次的改版中主要在设计方面做了如下几个方面的变化:

一、化零为整

打开新版百科,给人最大的感受就是高大上,品牌感和交互功能比旧版有了一个质的提升。

(1)品牌感的提升

新版的页面看上去丰富、亮眼了不少。头部增加了以“百度蓝”为基调的大头图,除了提升品牌感之外,更重要的作用是对用户的视觉引导。深蓝色的导航出 现在浅色的页面上无疑就是吸睛利器。无论什么产品,想要突出导航吸引用户深度体验确实无可厚非。但是,百科真正的核心是“词条”,各类新兴词条的权威解释 才是百科产品最有价值的地方。并且,通过长时间的使用可以发现,资讯的浏览以及知识的获取才是用户最根本的需求。新版的百科显然意识到了这点。

(2)视觉冲击提升

新版中头图的出现成功的弱化了导航的地位,而卡片化之后的热点词条在蓝色背景之上强化了对比,变的更加醒目了。并且相对于旧百科图文混排的展现方 式,卡片化之后图文的结构更紧凑,知识点也在页面中更醒目了。一个卡片对应一个知识点,使用户能够十分便捷的获取信息。这样视觉调整的出发点,是源于对用 户需求的重新认知。除了头部的明显变化之外,新版百科给人的感觉是:一切都变大了!大模块、大按钮、大文字,所有可操作的区域都变大了。很多地方都由旧版 的文字链变成了可点击的卡片,这也是近年来网页设计的一大趋势。越来越大的操作区域遵循菲兹定律的“目标越大,指向越快,时间越短”,操作时间减少的同时 又有效的降低了误操作。同时也满足了日趋壮大的平板用户操作习惯。当网页浏览需要在iPad或是更小的平板上进行的时候,大的控件会让手指操作更加方便、 准确。

(3)更加简洁、清晰

内容方面,新版的页面看上去简单了不少,但实际在信息的承载量上面并没有明显的缩减。一些表意重复的模块被整合到了一起,像原有的“词条榜”与“热 点关注”就被整合成了“热搜词条”。而原本就不太重要的“分类”则被进一步的缩减,砍掉了推荐词条,只剩下了主要的分类标签。可以看到,在新版的百科中, 同类型的模块被整合到了一屏,按照分屏显示的规范依次呈现,要比旧版在逻辑上更加清晰。

可以看出,旧版本将重心主要放在内容,所有的内容模块加起来占了页面的百分之八十以上。用户的功能区域被弱化了,放置在了不起眼的位置。而新版则减 少了内容模块的比重,不再一味只提供大量的信息,而是将用户放在了更重要的位置。在信息爆炸的今天,人们所缺少的不是信息的量化增加,而是更便捷的获取信 息途径。化零为整,只有将零散的信息整合到了一起,才能有效提高用户的阅读体验。

二、用户至上

除了品牌感的提升与化零为整之外,这次百科的另一大亮点是全新的用户模块。可以看到在新版当中,呈现出的用户信息增加了不少。旧版中,只有“百科之 星”“用户排行榜”两个模块,并且被放置在了不起眼的右侧。而新版首页,除了将用户模块呈现的信息量加大之外,还给放在了一个大通栏的位置。当鼠标 hover上去的时候,还可以看到一个翻转的交互效果,这么“重”的动作,在其他的模块中可是没有的。不得不说,百科这次为了“讨好”用户也是蛮拼的。

其实这样的改变也不难理解,百科内容最大的信息来源就是那些编辑词条的网友们。正因为这些网友,百科的内容才能有不断的积累与增长。将贡献优质内容的用户在首页呈现出来,可以有效的刺激用户,激发用户的积极性,促使贡献更多的内容。

三、内容价值提升

百度百科的内容基本上都是由网友编辑,但是网友的知识水平或者对词条的理解程度良莠不齐,于是编辑的词条质量很多时候质量并不高,对应搜索词条的百 科用户的用户体验来讲是有很大的伤害,而新版的百科在内容编辑的审核方面更加的严格,对词条质量、内容价值的筛选把控更加严格,这对百科内容的价值提升是 很有帮助的,当然这就满足搜索用户需求的同时提升了用户体验。

总的来说,这次改版的成功是因为明确了用户需求之后,适当的做了减法,化零为整,从而落实了用户至上的理念。可以试想一下,今后百科是否可以依托百度的大数据技术基础,发展成为私人化的信息获取平台,为不同用户量身定制出不同的百科内容。

本文由呼博士商城投稿,欢迎大家转载,转载请注明,谢谢合作!

更多精彩内容其他人还在看

网站出现50X类型、DNS及超时错误怎么办? 网站“抓取异常”问题的解决方案介绍

一、出现50X类型错误:这样的链接其中一个共同的特点是?并非向搜索引擎展示的存在了504、500、502的问题,当打开后,全部都是正常的。那么蜘蛛为什么会报错提醒呢?出现此类型的问题100%是因为服务器造成,而对于某一个状态码的含义,请百度直接搜索后,交给技术来进行解决。如果技术... 查看详情
收藏 0 赞 0 分享

运营新人必看:如何对用户分类?如何做活动运营效益最大化?

  前段时间做了不少增加用户运营的策划和活动,梳理出这个火箭分级用户运营,我终于吐血挤时间整理出了第一篇文章。主要分享如何对用户分类,针对不同用户做活动运营,如何进行资源分配达到效益最大化。  个人觉得比较适合运营新手学习,大牛出门左转。。  产品用户分级  对一个产品或一个社群... 查看详情
收藏 0 赞 0 分享

以中山大学镜像站为例谈如何利用开源来搭建镜像网站

基本流程服务器&带宽&存储同步源选择 ,架构选择提供的服务:ftp | http | rsync 3.官网获取同步方法或工具,源列表(选择上游源)配置同步工具定时同步 (crontable)备份工作,监控与报警,日常维护,优化文档编写(Wiki),Submit M... 查看详情
收藏 0 赞 0 分享

在腾讯云服务器上部署网站镜像的详细教程

什么是镜像镜像是指云服务器上运行的软件环境的拷贝,一般包括操作系统和已安装的软件。镜像类别镜像按来源分为三类: 1. 公共镜像    由腾讯云官方提供,由基础操作系统和腾讯提供的安全组件构成,所有用户均可使用。 2. 服务市场镜像... 查看详情
收藏 0 赞 0 分享

使用Git或SVN方式上传代码文件到SAE的教程

概述目前SAE上的应用支持通过Git和SVN来部署代码。Git仓库地址 https://git.sinacloud.com/YOUR_APP_NAMESVN仓库地址 https://svn.sinacloud.com/YOUR_APP_NAME用户名 ... 查看详情
收藏 0 赞 0 分享

探讨京东的商品搜索系统架构设计

京东商品搜索引擎是搜索推荐部自主研发的商品搜索引擎,主要功能是为海量京东用户提供精准、快速的购物体验。虽然只有短短几年的时间,我们的搜索引擎已经经过了多次618店庆和双11的考验,目前已经能够与人们日常使用的如谷歌、百度等全文搜索引擎相比,我们的产品与其有相通之处,比如涵盖亿级别... 查看详情
收藏 0 赞 0 分享

SAE上应用的Git代码仓库管理基本操作讲解

SAE近期的优化,新增了Git代码托管仓库,本文对新浪云Git代码仓库的使用方法做简要的介绍。使用Git进行代码管理,首先要在本地安装Git客户端,下载链接:http://www.git-scm.com/download/Git客户端的安装与配置过程在此略去不讲。本文例子中使用的... 查看详情
收藏 0 赞 0 分享

企业官网怎样做到设计感和内容度都很饱满

  在这个“看脸下菜碟”的时代,企业官网的“颜面”很多时候成为用户考量一个企业靠谱与否的重要因素。调查显示,用户第一眼看的是网站整体外观风格,其次是内容和功能,那么如何才能搭建一个设计感和内容度都很饱满的网站呢?下面,我们一起来通过... 查看详情
收藏 0 赞 0 分享

市面上主要的云计算主机服务形式分类

这几年云计算概念炒的很火热,不仅是很多的云计算相关的创业公司如雨后春笋般冒出来,大佬们也纷纷加入战场。IaaS、PaaS、SaaS、BaaS多种形态并存,一派繁荣景象。本文结合自己的理解对目前市面上的云计算形式,谈一谈看法。基础设施云又称为IaaS,故名思议,这类提供商主要提供的... 查看详情
收藏 0 赞 0 分享

模板建站网站真的又好又便宜吗?免费便宜的模板网站有哪些缺点?

  对于常年在网络上面摸爬滚打的站长来讲,会有意识的注意和规避网站建设中隐含的问题,但是对于新手站长和普通企业而言,则缺乏对这些猫腻的有效认知。一个普通的企业展示网站,800元可以制作,8000元也可以制作,这里面的技术含量肯定是有不同的,那么模板建站网站真的又好又便宜吗?免费便... 查看详情
收藏 0 赞 0 分享
查看更多