您當前位置:圖趣網(Tuquu) >> 網頁設計教程 >> 設計理論 >> 瀏覽設計教程

360UXC-新版開機小助手項目改版總結

 

老朋友•新感覺

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

流水不腐•戶樞不蠹

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

首次改變•見所未見

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

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

配圖-4

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

再次改變•聞所未聞

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

這次改版的主要內容包括:

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

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

如竹苞矣•如松茂矣

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

[教程作者:金銳]
免責聲明:本站文章系圖趣網整理發(fā)布,如需轉載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/di1807.html
網頁設計中的極簡主義
[圖趣]7招讓你擺脫網頁設計“嚇死人”的SEO困境
圖趣網微信
建議反饋
×