萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> APPLE WATCH重磅實戰案例之QQ空間

APPLE WATCH重磅實戰案例之QQ空間

   等了這麼久,終於等到騰訊的Apple Watch版本應用了。今天騰訊的DD同學將設計中的初期方案,競品分析,思考過程等分享出來,想涉獵Watch平台的同學,這篇得認真學習下咯。

APPLE WATCH重磅實戰案例之QQ空間 三聯

  初期方案

  設計初期,我們希望能夠挖掘一些用戶在手機端常用的點進行延伸,如:訪客、禮物、動態。包括配色和圖形設計也延伸了手機端的設計風格。

小空間 大精彩

  競品分析

  我們對Instagram和Twitter進行了研究,整體上是手機端的簡化版,設計風格並無太多的亮點。

小空間 大精彩

  基於上述分析,我們得出如下結論:

  手表的尺寸較小,展示內容有所局限,並不適合長時間查看。

  繁雜的內容不適合在手表上閱讀,手表更多的是作為一種提醒的作用。

  手表上的操作必須足夠簡單並且快速。

小空間 大精彩

  空間用戶的使用場景

  1. 小白打開QQ空間Apple Watch版查看一天的好友動態,給好友們點贊和回復大表情,並且可以收到特別關心好友的動態提醒。

小空間 大精彩

  2. 小白每天在手表上使用QQ空間AppleWatch版進行簽到。

小空間 大精彩

  通過分析手表操作的特性,發現空間手機版中的“簽到”功能更符合用戶在手表上的使用習慣。

  為用戶打造一種“輕松、簡單、趣味化”的簽到模式,更加符合空間用戶的使用場景。

  確定設計方向

  我們分析了空間手機版簽到的設計風格和Apple Watch原生的UI風格。空間簽到:卡通低齡 /圖形復雜/靜態單調,因此我們需要尋找一個新的突破點,使之更符合Apple Watch的風格設計,而非簡單的移植。

小空間 大精彩

  形隨意動

小空間 大精彩

  化繁為簡,放棄手機端的插畫風格,采用圖形化的表達。圖標更能明確表達意思,可幫助用戶在使用快速理解不同簽到含義,並且符合手表“簡單”的要求。

小空間 大精彩
小空間 大精彩

  提取元素,從而升華簽到的氛圍渲染。例如:星座簽結合了星盤;天氣簽結合了古代天文台的元素;黃歷簽則融入八卦、日晷、12天干地支等元素。利用傳統的元素融入現代化的設計風格,升華簽到的深層次含義。

小空間 大精彩
小空間 大精彩

  每種顏色代表著不同的情緒或性格,每個星座擁有不同的性格。我們用不同的顏色來表達不同星座的特征,保證來每個星座的獨立性和避免設計過於單調。

小空間 大精彩
小空間 大精彩

  趣味動畫,豐富體驗的趣味性與層級感,渲染內容本身所蘊含的意義,提升用戶使用的愉悅感。

小空間 大精彩

  其他

  首頁我們設計了一個笑臉來迎接你一天的心情,在首頁滑動滾輪可以看到你在好友中的排名,點擊即可炫耀。

小空間 大精彩

  為了增強用戶使用Apple Watch簽到的特權感,我們全新優化了簽到展示的圖片,並且帶有特權標識。

小空間 大精彩

  不同的天氣除了圖標的區別之外,背景也會有差異化的表現,旨在渲染氛圍,以提升視覺效果的沉浸感。

小空間 大精彩

  小結

  我們通過圖形、顏色、動畫幾個層面來不斷優化與打磨設計方案,與此同時,在體驗的層面也力求打造一種輕松、簡單以及趣味化的簽到模式,通過富有品質感的細節來提升設計的吸引力。

copyright © 萬盛學電腦網 all rights reserved