您可以捐助,支持我们的公益事业。

1元 10元 50元





认证码:  验证码,看不清楚?请点击刷新验证码 必填



  求知 文章 文库 Lib 视频 iPerson 课程 认证 咨询 工具 讲座 Modeler   Code  
会员   
 
   
 
 
     
   
 订阅
  捐助
《设计一个美梦》—有关百度锁屏的故事
 
火龙果软件    发布于 2014-07-22
   次浏览      
 

故事从锁屏设计说起

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

星空概念的诞生

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

(图1:前期概念发散)

(图2:方案评估)

(图3:概念拓展尝试)

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

演绎创意蓝图

1)设计概念的延伸:

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

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

2)两种解锁行为:

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

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

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

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

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

3)好玩VS 效率

为了让星空更丰富有趣,我们设计展现10套不同的星座图案。同时,我们对每组热词的解锁采用一套反馈呈现动效(星辰列队排布),保证用户操作行为的一致,降低用户操作成本,在好玩的同时兼顾了使用效率。

(图7:统一反馈动效,降低操作成本)

4)可拓展性&适应性

这里提到的可拓展性与适应性主要体现在两个维度上:一方面,不断更新的热词词条字数不一,在每一组热词在屏幕中排布的位置和策略需要考虑可能出现的极端情况。另一方面,对于在安卓系统上的设计,考虑在不同屏幕尺寸下整体的排版呈现效果。

(图8:热词的显示策略)

5)更多主题,更多风景

继续延续星空的概念,或是夜晚的流星,或是极光的神秘,或是节日的缤纷……通过更换主题壁纸,我们也向用户展示了更多美丽的天空风景。

 

   
次浏览       
相关文章

用户故事与用例
交互设计师之精益画布篇
数据分析之用户画像方法与实践
如何快速建立用户模型?
 
相关文档

用户界面设计
给企业做大数据精准用户画像
用户体验和交互设计
大数据下的用户画像
相关课程

用户体验&界面设计
用户体验、易用性测试与评估
用户研究与用户建模
用户体验的软件UI设计最佳实践
最新活动计划
LLM大模型应用与项目构建 12-26[特惠]
QT应用开发 11-21[线上]
C++高级编程 11-27[北京]
业务建模&领域驱动设计 11-15[北京]
用户研究与用户建模 11-21[北京]
SysML和EA进行系统设计建模 11-28[北京]

从手机登录页面设计想到的
如何把无意识引入交互设计中
交互设计的真相
当视觉设计师遇上产品经理
手机交互设计原则
用户体验之网页板块设计
更多...   

以用户为中心的设计
可用性评估
Desktop及Web-based视觉设计
认知原理与设计应用
手机用户界面设计

北京 以用户为中心的界面设计
北京 用户体验& 界面设计
上海 华为 用户体验& 界面设计
深圳 用户体验& 界面设计
爱立信 以用户为中心的设计
北京 用户体验与界面设计
福州 以用户为中心的界面设计
更多...