“求助!下面视频中第32秒开始的配乐出自那里?”“有人用过这款面膜吗?它是否适合干性皮肤呢?”“请问想要学习产品设计,该从哪里入手呢?”如今的日常生活当中,人们越来越依赖网络。 11月13日,移动端百度知道推出最新的5.0版本,推出了“投票”、“附近问答”等功能,吸引了众多关注。而作为一名设计师,让我感到惊喜的,是新版本带来了全新的视觉体验。对此,让我们一起揭开百度知道5.0的面纱,一探究竟。 开门见山 不止于知识
与往期版本不同,这次知道5.0版本在启动画面上就下了一番功夫,不再是单纯的图片作为启动页,而是融入了动态的细节。由流动线条所汇聚成5.0的字样,从动画与形态来说有种汇聚的感觉,正好迎合了这次改版社区化的概念。 视觉上,这次5.0版本开始走轻量化路线。启动页面中所运用的线性结构,在整个APP的界面中贯穿始终。减少块面化图形的出现,以此来达到轻盈的视觉效果。
启动页面的第二屏中,点明了这次改版的关键词。“知识”自然是必不可少的,好友互动与投票功能看样子是这次改版的亮点。 细节设计 初显匠心 这次百度知道5.0版本在细节上比以往考究。就个人观察而言,在5.0版本之前,手机端的百度知道首页是十分拥挤的,头部的入口菜单,操作繁琐,又占地方。虽然增强了对用户的引导,但压缩了正文内容。在新版中,设计者着力突出了“内容丰富”这个特点,将首页6个入口变成了一个,仅在右上角显示“搜索”标志,看上去简洁不少。 我们可以看图来对比新旧两版的顶部。5.0的头部高度只占4.5的三分之一,这样就有更多的篇幅来显示内容了,何乐而不为呢?
内容上,在新版本中除了正文的普通问题模块之外,又新增了“日报”“投票”等模块。让阅读多了更多选择性,其中投票模块的出现减低了用户的参与成本,算是提高用户互动量的一个创新。
5.0的字体字号的细节也显得更为合理。主要内容之外的次要文字字号相应的减小了。也在不影响阅读的情况下去除的说明性文字与图标。从体验上来说,新版阅读起来更舒适,更专注。
界面设计中提现细节的还有图标部分,5.0版本对这一块也进行了优化。在4.5中,图形化元素较少,并且在展现形式上并未完全统一。线性结构与块面化均有出现,而在新版本中,则将所有图标中的线性元素进行了统一。整体的造型圆润,语意也有所优化。以“悬赏”的ICON为例,原有的堆放着的钱币效果,就不如新版简单直白。
创新尝试 让体验动起来 除了开机画面之外,这次动画效果也是新版本的一大亮点。排行榜入口首次进入时会有选择分类排行的步骤。这一块运用插画的风格将三种用户等级清晰的展现出来,从新手到大师,不同的装扮代表了不同的用户群体。同时在选择的时候加入了左右滑动的手势操作,增强了趣味性,也算是操作中的一点小的惊喜。
个性定义 增加用户归属感 5.0中用户个人页也有了改变,增加了自由定义背景的功能,终于告别了以往千篇一律的绿色头图。用户可以自己的不同等级来选择相应的背景图片。等级越高,选择内容越多。可以遇见的是,为了提高用户黏性,在以后的版本中,百度知道会提供更多的自定义内容,说不定有一天,每一个知友在知道上都拥有自己独特的舞台。
通过百度知道的改版,我们可以发现,如今轻薄实用的设计才是王道。摒弃多余的操作与元素,为用户提供一个干净的界面,让用户能快速寻找到他所要的信息,这才是今后移动APP发展的大趋势。至于这样的改变是否能转换成实际的用户增长与黏性时间呢?还需我们拭目以待…
|