您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計教程 >> 設(shè)計理論 >> 瀏覽設(shè)計教程

360UXC-新版開機小助手項目改版總結(jié)

 

老朋友•新感覺

很多360開機小助手的老朋友們可能已經(jīng)發(fā)現(xiàn)了,在即將過去的2013年,小助手經(jīng)歷了兩次大的改版,從產(chǎn)品內(nèi)容到外表都給您不一樣的感覺。作為這兩次改版設(shè)計工作的主要參與者,我為大家總結(jié)和匯報一下新版小助手的改版過程,您的老朋友改頭換面之后期待著您一如既往的關(guān)注和支持。

流水不腐•戶樞不蠹

萬事萬物都是通過不斷變化和發(fā)展以適應(yīng)新的環(huán)境,做到與時俱進的。開機小助手的兩次改版主要是基于以下幾點具體考慮:
?產(chǎn)品定位發(fā)生變化:舊版開機小助手以優(yōu)化開機速度為主要功能;新版開機小助手除了一如既往為用戶提供優(yōu)質(zhì)的開機提速服務(wù),還要適應(yīng)用戶新的開機習(xí)慣,提供更多好用實用的開機功能。
?視覺展現(xiàn)需求變化:舊版小助手只有綠、黃、藍三種色彩變化,隨著潮流設(shè)計趨勢的變化和產(chǎn)品功能的日益豐富,無論從日常皮膚展現(xiàn)還是節(jié)日及商業(yè)擴展的空間都受到了限制;新版小助手將擴大視覺展現(xiàn)區(qū)域,并支持用戶自主換膚,將視覺主導(dǎo)權(quán)交還給用戶。

首次改變•見所未見

在2013年4月,隨著大地回暖,小助手也迎來了自己的又一春。以“春芽”為主題,全新的界面送來第一縷春的氣息。
這次改版的主要內(nèi)容包括:
1、修改整體界面風(fēng)格為直角扁平化風(fēng)格。
與360安全衛(wèi)士9.0以上版本整體風(fēng)格協(xié)調(diào),保持了品牌的一致性。同時順應(yīng)國際主流設(shè)計流行趨勢,為用戶給來更加新穎的視覺體驗。
配圖-2

2、擴大圖片可視化區(qū)域并添加換膚功能。
21世紀(jì)互聯(lián)網(wǎng)的普及讓我們每個人都切身感覺到了讀圖時代的到來。越來越多的產(chǎn)品傾向于用圖像的視覺傳達這種人類最直觀的傳播方式,向用戶傳遞信息和價值觀念。與此同時,尊重個性、包容差異的理念越來越被人們接受,個性化、開放式的產(chǎn)品設(shè)計理念亦成為產(chǎn)品設(shè)計者的共識之一。基于以上理解,新版小助手在布局和功能上作出了相應(yīng)的調(diào)整。
配圖-3
3、整合擴展項,新增360新聞導(dǎo)航界面。
360新聞是新版小助手增加的主要功能點。在仔細研究用戶的開機使用習(xí)慣之后,開機小助手開發(fā)小組提取出“看新聞”這一用戶潛在需求,并使之轉(zhuǎn)化為小助手下一階段努力的方向。我們將產(chǎn)品的概念延展,以期帶來小助手功能的進一步豐富。這一觀念的轉(zhuǎn)變使得小助手的展現(xiàn)時間也得到了延伸,從原先的開機后的某一時間點到現(xiàn)在的開機后的特定時間段。隨著用戶的使用習(xí)慣發(fā)生變化,喜好開機看新聞的用戶可以得到小助手悉心的陪伴,小助手可以變身為新聞導(dǎo)航神器,配合瀏覽器為用戶提供高效、便捷、個性化的新聞服務(wù)。

配圖-4

4、增加動態(tài)交互效果,以提升用戶體驗。
新版小助手以簡潔、靈動為出發(fā)點,適量添加了新的界面交互動畫效果,包括換膚菜單的彈出和縮回,主界面和新聞導(dǎo)航界面間的翻轉(zhuǎn)切換等。
配圖-5

再次改變•聞所未聞

配圖-6
小助手2013年第一次改版獲得了大量用戶的反饋。對于這次改版,大部分用戶表示認可,同時也不乏非常中肯的建議。在結(jié)合了大家的意見并對產(chǎn)品進行重新審視之后,第二版本很快誕生了。本次改版的主旨在產(chǎn)品定位的進一步深化,第一版的工作證明我們努力的方向是正確的,用戶的確存在深切的開機閱讀的使用需求。于是在下一步的工作中我們將更加側(cè)重360新聞內(nèi)容的展現(xiàn),為新聞提供主要入口。使新老功能點有機結(jié)合、探索最適宜的視覺展現(xiàn)形式,便是此次改版的目的所在。

這次改版的主要內(nèi)容包括:

1、修改整體界面為平面色塊化風(fēng)格。為了將開機優(yōu)化與新聞?wù)宫F(xiàn)功能更加合理的配置,最新版本的小助手采用了類似MetroUI的色塊化的界面設(shè)計,這樣在展現(xiàn)首頁新聞標(biāo)題和圖片效果上有了進一步的提升。使得傳達更趨簡潔、有效。
配圖-7

2、擴大新聞?wù)宫F(xiàn)區(qū)域并采用輪播形式。
新版小助手增加了新的交互點,在主頁擴展區(qū)域采用了左右自動輪播+左右按鈕的呈現(xiàn)形式。這樣一來增大了新聞?wù)宫F(xiàn)的頻率和數(shù)量,便于使用大篇幅的新聞配圖,使得新聞播放內(nèi)容的生動而豐富。
配圖-8
配圖-10
3、整合擴展項,將天氣預(yù)報融入輪播欄。
最新版的小助手將天氣預(yù)報內(nèi)容作為主頁擴展區(qū)域輪播模塊之一,改變了上一版本新聞和天氣內(nèi)容分離的展現(xiàn)方式,兩者更和諧的融為一體,減少了用戶的使用成本。為適應(yīng)新的版式,我們重新設(shè)計了天氣圖標(biāo),從內(nèi)容和風(fēng)格上更適應(yīng)新的需求。
配圖-11
4、新聞導(dǎo)航界面與主界面色彩適配。
在第一次小助手的改版中我們實現(xiàn)了主界面的換膚功能,這一突破性的功能令人耳目一新,得到了用戶的好評。在新版的小助手中,我們做出了進一步的改變,使得用戶不光可以更換主界面的皮膚,相應(yīng)的主界面擴展區(qū)域及新聞導(dǎo)航界面的
色彩也實現(xiàn)了適配。這樣一來,使得您的小助手得到了全方位的個性展現(xiàn)。
配圖-12

如竹苞矣•如松茂矣

小助手的成長離不開產(chǎn)品、研發(fā)及運營小組成員的共同努力,更離不開廣大用戶的厚愛與支持。我們期待著看到辛勤栽培的產(chǎn)品有朝一日可以枝繁葉茂、開花結(jié)果。同時我們深知,在成長的道路上沒有終結(jié),每一個今日都是新的開始?!抖Y記•大學(xué)》中商湯將“茍日新、日日新、再日新”的箴言刻在器皿上警醒自己,我們做產(chǎn)品也會秉持這種日省日新的心態(tài),不斷追求實現(xiàn)與自我超越。
感謝我們奮進、努力的團隊,感謝用戶的認可肯定和批評指正!
新小助手,您的老好朋友。

[教程作者:金銳]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/di1807.html
網(wǎng)頁設(shè)計中的極簡主義
[圖趣]7招讓你擺脫網(wǎng)頁設(shè)計“嚇?biāo)廊恕钡腟EO困境
圖趣網(wǎng)微信
建議反饋
×