移動端《設計一個美夢》—有關百度鎖屏的故事

0 評論 8412 瀏覽 0 收藏 6 分鐘

接到這個鎖屏設計項目的時候,我們開始考慮著如何把一款鎖屏應用做得更有趣更不一樣。目前已有的鎖屏應用大多數是圍繞于變換各種滑屏解鎖的視覺表現形式而展開設計,而這一次我們希望在鎖屏中添加一些新鮮有趣的東西,在鎖屏的基礎上,還能傳遞更多的信息,用戶在每一次使用時都能有不一樣的內容。當“鎖屏”與“搜索”這兩件事發(fā)生碰撞時,我們開始尋找一種解決方案,讓屏幕解鎖與網絡熱詞之間產生關聯。就這樣,我們定義了“百度鎖屏”,它不僅僅是鎖屏,還能夠查看并搜索網絡熱詞;同時,它還應該是漂亮的、兼顧趣味和效率、能夠傳遞情感的一款鎖屏應用。

  星空概念的誕生

前期的頭腦風暴階段,我們產生了很多關于熱詞解鎖的想法,綜合評估創(chuàng)意的可行性,篩選了一部分方案,并選取以下幾個維度對方案進行考量:簡潔,有趣,高效,易擴展,傳遞情感的;

  (圖1:前期概念發(fā)散)

  (圖2:方案評估)

  (圖3:概念拓展嘗試)

經過創(chuàng)意篩選和草圖篩選,我們開始對一部分創(chuàng)意草圖進行設計拓展嘗試,在這個階段,包含了對視覺風格、基本操作流程和動效展現等細節(jié)的考慮。在設計初稿方案中,我們最終選取將熱詞與星辰星座相結合的設計概念。

  演繹創(chuàng)意藍圖

  1)設計概念的延伸:

創(chuàng)意概念確定之后,深入拓展和演繹階段變得更加有意思起來。以每一個熱詞為一顆星,每組熱詞就構建出一組星座圖案;星座圖案的多樣,也讓熱詞的排布也有了更多可能。

沿著這個概念再向前走一步,星座延展到星空,熱詞更迭,斗轉星移,星空與星座,以一種既有趣又富有情感的方式,呈現了熱詞內容。

  2)兩種解鎖行為:

在熱詞解鎖方式上,我們?yōu)橛脩籼峁┝藘煞N解鎖途徑:劃詞解鎖和兩次點擊解鎖;

劃詞解鎖:讓用戶在劃動熱詞解鎖的同時,能夠對熱詞發(fā)起搜索;而星座圖案的變化和星辰列隊排布的動效,也為解鎖操作帶來了樂趣體驗。

  (圖5:解鎖方式-劃詞解鎖)

 點擊解鎖:對熱詞兩次點擊熱詞進行解鎖,同時對熱詞發(fā)起搜索??吹狡聊簧系臒嵩~,用戶下意識的反應是點擊,一次點擊鎖定熱詞,再次點擊解鎖并發(fā)起搜索。這種方式簡單有效,更符合用戶的認知習慣。

  (圖6:解鎖方式-點擊解鎖)

  3)好玩VS 效率

為了讓星空更豐富有趣,我們設計展現10套不同的星座圖案。同時,我們對每組熱詞的解鎖采用一套反饋呈現動效(星辰列隊排布),保證用戶操作行為的一致,降低用戶操作成本,在好玩的同時兼顧了使用效率。

  (圖7:統(tǒng)一反饋動效,降低操作成本)

  4)可拓展性&適應性

這里提到的可拓展性與適應性主要體現在兩個維度上:一方面,不斷更新的熱詞詞條字數不一,在每一組熱詞在屏幕中排布的位置和策略需要考慮可能出現的極端情況。另一方面,對于在安卓系統(tǒng)上的設計,考慮在不同屏幕尺寸下整體的排版呈現效果。

  (圖8:熱詞的顯示策略)

  5)更多主題,更多風景

繼續(xù)延續(xù)星空的概念,或是夜晚的流星,或是極光的神秘,或是節(jié)日的繽紛……通過更換主題壁紙,我們也向用戶展示了更多美麗的天空風景。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!