小空間 大精彩

0 評論 7897 瀏覽 3 收藏 7 分鐘

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

初期方案

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

競品分析

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

小空間 大精彩基于上述分析,我們得出如下結(jié)論:

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

小空間 大精彩

空間用戶的使用場景

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

小空間 大精彩

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

小空間 大精彩

通過分析手表操作的特性,發(fā)現(xiàn)空間手機版中的“簽到”功能更符合用戶在手表上的使用習慣。為用戶打造一種“輕松、簡單、趣味化”的簽到模式,更加符合空間用戶的使用場景。

確定設(shè)計方向

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

小空間 大精彩

?形隨意動

小空間 大精彩

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

小空間 大精彩

小空間 大精彩

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

小空間 大精彩

小空間 大精彩

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

小空間 大精彩

小空間 大精彩

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

小空間 大精彩

其他

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

為了增強用戶使用Apple Watch簽到的特權(quán)感,我們?nèi)聝?yōu)化了簽到展示的圖片,并且?guī)в刑貦?quán)標識。

小空間 大精彩

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

小空間 大精彩

小結(jié)

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

作者:DD

來源:騰訊sux

原文地址:http://isux.tencent.com/qzone-for-apple-watch.html?utm_source=tuicool

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