2010 年 4 月 11 日

[系統] Windows MCE 之 Hinet數位家庭頻道

本篇目錄

負責內容:企劃+視覺設計+UI設計
本篇有別於其他文章,這篇不光說到設計,還有設計前期的分析、溝通、規劃等等,這個案子算是2008年公司的大案子,其實入公司這麼久,我很少看到做足質化與量化分析的大案,因為一般服務其實很少需要做到這麼足夠的分析,通常只需要做使用者研究在配後一些簡單的數據就可以抓到網站的問題,所以每個功能都有紀錄的現象就比較少看見了。

因為這個案子主要是要調整在Windows系統中的Media Center Edition其中的數位家庭頻道,而數位家庭頻道是由Hinet所經營,在理面有各式各樣的頻道,其實說起來他跟Hinet的MOD有異曲同工之妙,但是不同的是他不須要裝上迷樣的黑盒子(咦?),直接可以在Windows系統中就可以看這個頻道,既然內建在系統中那質感當然不用說,而且為了MCE還有專屬的遙控器可以使用呢!

回歸正題,這個案子公司主要是做使用者測試與整體系統改良,通常我都會負責在網路上找有意人士,不過要排除一些是相同工作類型的人士,比方說設計師、工程師、分析師等等,接下來確定名單之後就開始分A、B兩組(要看總共要測試的目標有幾種,當時是兩種),在經過幾週的使用者測試(那時我們是在台灣創意中心做使用者測試實驗),當報告出來之後緊接著就是的部落persona,簡單的説persona有點像電玩遊戲裡面的人物設定部份,設定角色的個性、生活形態與習慣等等,主要是怕實驗到最後大家忘記當初的出發點是在哪裡,所以才會有persona,當這些都完成之後,接下來就是從心規劃整個系統囉!

上面的圖示可以看到架構的規劃、流程,還有頁面的Prototype的部份,這些文件主要是在與客戶溝通的過程中,透過一些畫面的呈現來幫助我們跟客戶溝通整體系統的概觀與細節,可以讓後續的工作更加的簡單快速。

這張就是溝通結束後所設計出來的界面了,可以看到在右下角有像遙控器的界面區塊,整體的架構其實感覺起來也可以跑多點觸控了,不過現在的Windows似乎還沒這種功能,而且在遙控器上也還沒可以達到多點觸控的地步,不然如果可以多點觸控那應該更會有未來感,不過這並不是最後的成果喔。

以上這些畫面就是接近正式系統版本的畫面了,可以看的出來顏色更沈穩了,在繫上上也變得簡單多了,不像之前顏色有五花八門的標示,省略了一些過於負責的顏色規劃,這樣的畫面比起之前的畫面看起來更容易讓人長久觀看,眼睛比較不會產生疲憊的感受,以下是去年公司在實驗多點觸控螢幕時所拍的影片(只是剛好拿這個系統的畫面來測試多點觸控螢幕),在下列的短片中可以看到這個系統在使用的過程大概是怎樣的情況,以上就是本專案的粗略概述囉。

最後不免俗的還是要說了我在這個專案負責的部份,其實絕大部份我都有參與到,不管是前期的使用者測試時的過程或者是persona的製作,還是接續的系統架構設計、流程與prototype,或是最後的界面設計與客戶溝通等等,我都有參與在其中喔!

文章分類:

5 comments on “[系統] Windows MCE 之 Hinet數位家庭頻道”

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

相關推薦文章

希望您會喜歡
2016 年 6 月 23 日
我們家老闆與老闆愛去的網站

創業開始至今,我們一直是壓力很大的一群創業夥伴,不過我們有一位還蠻開明的老闆,她總是可以帶給我們釋放壓力的笑點 […]

Read More
2011 年 1 月 9 日
[GUI]純CSS製作 GUI 圖示按鈕

今天要介紹的就是透過CSS搭配icon圖示所作的84個按鈕,有別於一般圖片式按鈕,這84個按鈕是採用純文字方式 […]

Read More
2010 年 7 月 17 日
[網站]全平價海鮮熱炒日本料理

負責內容:設計+程式 全平價海鮮熱炒日本料理是以平價日本料理為主的餐廳,你可以在這裡吃到很海派的日本料理,整體 […]

Read More
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram