isux-apple-watch-qzone-1

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

0

初期方案

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

小空間 大精彩

競品分析

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

小空間 大精彩

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

  1. 手表的尺寸較小,展示內容有所局限,并不適合長時間查看。
  2. 繁雜的內容不適合在手表上閱讀,手表更多的是作為一種提醒的作用。
  3. 手表上的操作必須足夠簡單并且快速。

小空間 大精彩

空間用戶的使用場景

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

小空間 大精彩

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

小空間 大精彩

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

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

確定設計方向

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

小空間 大精彩

形隨意動

小空間 大精彩

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

小空間 大精彩

小空間 大精彩

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

小空間 大精彩

小空間 大精彩

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

小空間 大精彩

小空間 大精彩

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

小空間 大精彩

其他

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

小空間 大精彩

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

小空間 大精彩

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

小空間 大精彩

小結

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

【Apple Watch最佳精品好文推薦】

原文地址:騰訊ISUX
作者:DD

【優設網 原創文章 投稿郵箱:2650232288@qq.com】

================關于優設網================
“優設網uisdc.com“是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/。
設計微博:擁有粉絲量97萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的”福利”嗎?
添加 優秀網頁設計 微信號:【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加:

sdcweixin

點贊
收藏

發表評論 快來秀出你的觀點

還可以輸入 800 個字
 
 
載入中....
相關推薦
評論 收藏