快好知 kuaihz订阅观点

 

《设计一个美梦》—有关百度锁屏的故事

故事从锁屏设计说起

接到这个锁屏设计项目的时候,我们开始考虑着如何把一款锁屏应用做得更有趣更不一样。目前已有的锁屏应用大多数是围绕于变换各种滑屏解锁的视觉表现形式而展开设计,而这一次我们希望在锁屏中添加一些新鲜有趣的东西,在锁屏的基础上,还能传递更多的信息,用户在每一次使用时都能有不一样的内容。当“锁屏”与“搜索”这两件事发生碰撞时,我们开始寻找一种解决方案,让屏幕解锁与网络热词之间产生关联。就这样,我们定义了“百度锁屏”,它不仅仅是锁屏,还能够查看并搜索网络热词;同时,它还应该是漂亮的、兼顾趣味和效率、能够传递情感的一款锁屏应用。

星空概念的诞生

前期的头脑风暴阶段,我们产生了很多关于热词解锁的想法,综合评估创意的可行性,筛选了一部分方案,并选取以下几个维度对方案进行考量:简洁,有趣,高效,易扩展,传递情感的;

(图1:前期概念发散)

(图2:方案评估)

(图3:概念拓展尝试)

经过创意筛选和草图筛选,我们开始对一部分创意草图进行设计拓展尝试,在这个阶段,包含了对视觉风格、基本操作流程和动效展现等细节的考虑。在设计初稿方案中,我们最终选取将热词与星辰星座相结合的设计概念

演绎创意蓝图

1)设计概念的延伸:

创意概念确定之后,深入拓展和演绎阶段变得更加有意思起来。以每一个热词为一颗星,每组热词就构建出一组星座图案;星座图案的多样,也让热词的排布也有了更多可能。

沿着这个概念再向前走一步,星座延展到星空,热词更迭,斗转星移,星空与星座,以一种既有趣又富有情感的方式,呈现了热词内容。

2)两种解锁行为:

在热词解锁方式上,我们为用户提供了两种解锁途径:划词解锁和两次点击解锁;

划词解锁:让用户在划动热词解锁的同时,能够对热词发起搜索;而星座图案的变化和星辰列队排布的动效,也为解锁操作带来了乐趣体验。

(图5:解锁方式-划词解锁)

点击解锁:对热词两次点击热词进行解锁,同时对热词发起搜索。看到屏幕上的热词,用户下意识的反应是点击,一次点击锁定热词,再次点击解锁并发起搜索。这种方式简单有效,更符合用户的认知习惯。

(图6:解锁方式-点击解锁)

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:美梦  美梦词条  有关  有关词条  故事  故事词条  一个  一个词条  设计  设计词条  
设计

 秒杀系统搭建,要easy

秒杀是电商平台的常见配置,用户看到的呈现效果都需要后端的支持,那么,秒杀的后端系统如何根据前端业务需求做调整?笔者针对这个问题,进行了具体的阐述。秒杀是电商平台...(展开)

设计

 手机产品设计之用户引导

在手机产品的设计过程中,由于手机界面的承载能力有限,产品功能的不断膨胀,必须要在用户打开应用之后告知他某些新奇的功能,引导他完成某些主要任务流程,让用户不至于迷...(展开)

设计

 初识推荐系统

文章为作者对推荐系统的一些理解,整理成文与大家分享,希望可以给你带来一些启发。亚马逊的“与您浏览过的商品相关的推荐“、天猫首页的”猜你喜欢“、网易云音乐的”私人...(展开)