星期四, 10月 16, 2008

NJD作品集-高雄市政府

設計Note:高雄是海港型都市,因此這次改版仍然延續前一版的藍色為主色,原本左方合成的圖示是要採用客戶所製造的合成圖,但因為實在是太黑了,整個很難採用,因此放棄。另外前版的Icon設計,考量到使用者對它們的辨識度已經有一定的程度,因此也沒再製作另一組新的Icon了。

設計心得:高雄市政府的案子,比較特別的地方是因為職員都較資深的關係,在字體的大小上比較要求;另外在版面的使用上也有自己傾向的配置(雖然不知是否受業務的引導所致),因此比較可以發揮的地方就是在左方的合成形象圖上,這次也製作到了第四個版本客戶才完全沒問題,也算是蠻順利完成這次項目的了~^^

星期四, 9月 11, 2008

MIX08 Taipei心得筆記

早上錯失了一班高鐵…到會場時,已經滿滿的是人頭哩~
(可惡…虧當初我還興致沖沖的想說我一定要拿到提早報到的禮物~T_T)
有點離題了,回到正題~

這次是我第一次參與微軟所主辦的MIX系列研討會
而會知道這場研討會,是主管Share出來的訊息,之後也在黑秀網等設計網站消息
看了一下簡介,整個感覺就是我該去~UX使用者經驗,小妹我在這個領域也有些許的研究
也曾經替教授國科會計畫做過使用性評估的工作,所以就翹班去聽聽別人怎麼講

研討會分為早上和下午場,而下午場又分為UX場次與技術場次
早上大部份是使用者分享使用silverlight的經驗分享,也算是展示silverlight的成果

微軟大中華區平台暨開發技術部總經理 Nigel Burton,就有提到其實UX,無法用一個具象來描述它,因為每個人都在其中,都是成就它的一員,Everyone is a part of UX !!

RIA(Rich Internet Application),也是在會中一直可以聽見的一個名詞,是Next Web的發展方向,上網搜尋了一下,RIA真正的定義是啥~有些人可能會以為用Silverlight或Flash做成的網站就可以稱自己為RIA!?其實並不然,有興趣可以看看Adobe提出來的定義,提高使用者體驗(UX)是一個重點

微軟也藉由這次請台灣微軟前端平台產品行銷經理 賴建宇展示了一下,目前火紅的IE8新功能,也意外的聽到一個好消息是,微軟終於願意追隨W3C標準,這是不是代表我們以後設計畫面在使用CSS將可以不用有這個惡夢(疑慮),可以Firefox和IE兩個用同一個CSS檔即可!?我…期待著,當然IE8也新增了很多體貼使用者的新功能,可以上它們的IE8影片介紹看看,你可能會發現google最近推出的Chrome的功能很像,該說它是驅勢!?還是說它們太有默契!?這…不得而知,但真的很像。

題外話:目前看來Chrome,似乎在支援Javascript還不是很完善,畢竟它是採用Safari的引擎,目前現下一些瀏覽器比較看來,它還不是很周全,不過,個人覺得google採用Safari也是一個聰明的戰術,因為Safari是MAC的內建瀏覽器,相較微軟內建的IE,因為銷售的方法不同,所以普遍率不高,也不像…Firefox推廣那樣壯大,但它還是算一個有頭有臉的瀏覽器,而google又善用它們市場策略,將它公開出來,提供各方菁英自由發揮,所以Chrome會不會成為下一個瀏覽器大頭,我覺得很有看頭,就讓我們期待吧~哈

下午場次,因為身為設計師,就是要替使用者多想一點,所以我想都不想就選擇了UX場次去聽了

台灣微軟互動多媒體技術經理 許瓊文,她用Surface的影片開場,再一次見證到未來的數位家庭的世代真的越來越靠近我們了,另外現在生態旅遊很夯,試問如果將來你到一個擁有豐富生態資源的郊區,你拿著隨點馬上有人為你解說,那是多讚的體驗,而Surface的設計出發點,我個人覺得還不賴的是,它是多麼的符合人的使用習慣,就像開電視一樣,一按一放,就得到我要的東西,真的很新奇

當然設計師通常不是End User,所以有時候真的自己看到別人設計師的網站或系統,真的心裡會很OOXX,像前一陣子才跟大學同學聊到鼎新的系統,就發出它操作那麼不人性化,卻那麼多人在用的感慨,這只能說以前真的都是以程式流程的方式出發去設計系統,現在台灣才開始想怎麼替使用者提供更好的使用經驗,所以啊~自己也告訴自己要以「最好的設計師,是能將設計帶往人們的心中,而讓它們的生活更便利,而不是為了畫面好看犧牲了使用性。」這一段當做每次做系統或網頁的出發點

北士視覺設計CEO 唐聖瀚,也講了一段我覺得很貼切的話「設計師=翻譯者,而每個人能將產品的使用性翻譯的好壞,全憑經驗與使用者的溝通」,又有多少人,嗯~可以說有多少公司會考慮到這一點,在一開始設計系統時,就將它列入必要討論的議題?甚至前置作業做足,跟使用者充份溝通?

最後一堂課,是巨匠電腦設計研發部協理 包明勝來講解,怎麼設計有趣的Silverlight影音互動介面,那個金龜子整個很妙,也再次讓我看到Silverlight似乎真的把一些以前要熬好幾天的夜才能完成的效果,將它變成AP的方式,讓設計師運用。

底下是研討會上展示的一些網站:
故宮清明上河圖:http://learnet.npm.gov.tw/silverlight/
新光證券:http://ww2.sk88.com.tw/sl/
新加坡一級方程式賽車:http://www.singtelrace.com/SingTel-Grid-Girls_Heart-Race.aspx
華航:http://ddp.china-airlines.com/ddp/index.aspx

NJD自言自語:整場下來我一直在點頭耶~哈,因為我在公司的位置怪怪的,我算設計師又兼任研發,所以也算部份開發人員又是設計師,在填問卷時,我很兩難,該畫開發人員呢?還是設計師?很難去解釋我是在做什麼的,會中的形容詞真的很貼切,這一場下來,我又更確定我想做的事情,做一個能讓UX更好的設計師!等著,總有一天我會成為Somebody,不是Nobody地~呵

星期一, 8月 25, 2008

星期三, 8月 06, 2008

Orkut Research Part II

Orkut partII PPT
http://tcmail.program.com.tw/image/Orkut_Lucy.pdf

從社群網站談SSO與RFID 的集合講義
http://tcmail.program.com.tw/image/community_website.pdf

Orkut有沒有可能在台灣火紅咧?仍然有待觀察~

不過,倒是現下的操作介面,有驅向大量採用javascript的跡象,當然也還有Flash的RIA操作介面也日漸茁壯中...

要談社群的話,講個三天三夜都還沒辦法很清楚的知道怎麼去運用他們的力量,不過又覺得講來講去也都還是那幾句老話…準備起這個講義,自己左右為難,想要有一些精彩的新資訊,但一些基本該知道的不得疏忽…>"<

嗯…後來更精確知道發起這個主題,是為了看見公司系統的結合點在哪!?雖然正式的PPT講完後,我有再補上自己天馬行空的想法,但…似乎有點太遠了,還是慢慢來吧~^^

XML教學

近期因為公司新進設計師需要這一類的課程
(說新進…其實進來也有一段時間了啦~^^a)

所以我就來翻翻,第一次接觸XML的東西,意外的~它還在呢!
它應該蠻熱門的,在google,打上XML,它是第一位~而且它存在之久呀~1999年就在了~


勞虎-無廢話XML


是蠻好的一個入門,在XML的基本概念上,當然設計師最終是要知道XSLT這個東西
不過…要學它,我想還是先把基礎打好囉~^^

星期三, 7月 30, 2008

Orkut Research Part I

Orkut 基本資訊
http://tcmail.program.com.tw/image/Orkut.pdf

研討會簡報
http://tcmail.program.com.tw/image/08_06_11Orkut.pdf

經過一、二個禮拜,將多元的資訊精簡再精簡,當然很多資訊在這次的研討會還來不及經過驗證地跟大家分享,所以有興趣的人可以載下來看看囉~

不過,我最有興趣也是最得意的地方,是操作介面設計的研究啦~有時候看似小小的貼心設計,都可能是你愛上這個一個社群網站的關鍵呢!

有些人會問,為什麼有些系統長得都很像,但這些長像可是經過「適者生存」的定律演化而來,在系統辨識度與易用度中間取得的平衡,當然你可以做創新者(不過,要有被挑戰的心理準備就是了),而Flash的操作方法,應該會是一個新型態的使用方法,不過…話又說回來目前看一些Flash所做成的系統,似乎也跟目前系統長像類似呢~不過也是有可能是小妹我看得不夠多就是了~

截至目前為止,暫且看來Orkut,是Google發展OpenSocial版圖的一個棋子,也算是進可攻退可守的一個策略,不過還是不能小看就是了~^^

星期五, 6月 06, 2008

新功課-orkut研究

在上班時間光明正大的上交友網站晃~哈,我可是沒有在混喲~這是我新的研究對象,希望能有幾個觀點:



  1. 此網站設計觀點為何?
  2. 其群聚性有何特點?
  3. 如果我是這個系統的介面設計師,我會怎麼做?
我對研究網站的使用性還蠻有興趣的,尤其是如何更精進,除了可以嘗試新的東西外,更拓展自己的視野。

研究對象介紹:
orkut,Google推出的服務,裡面結合了Google相關服務,但可惜的正Blog這個部份,只能藉由RSS閱讀器連結,並沒有像無名、Windows Live Spaces不用再轉站發文,等我研究個成果,再來跟大家分享了~^^

NJD作品集-高雄海洋科技大學

設計Note:使用學校logo用色,黃色突顯明亮地校名,藍色呈現資料要區,漸層,用色從擁有的素材中取用。

設計心得:其實這是嘗試了四次版形,最後定案地是由使用者提出喜歡的風格,但我還是努力在其風格與發揮自我風格中取得平衡,使用者提出喜愛的設計風格,有好有壞,好處是很快可以達成共識,壞處是發揮空間不大囉!

星期四, 1月 10, 2008

NJD作品集-東海大學

設計Note:說到東海最有名的就是那座教堂,我想也是校友印象最深也是最驕傲的部份,因此就用它來做這次的設計,上面加上天空與code,除了效果外,也因為這是設計校友信箱的部份,所以企圖讓它代表了透過code與母校產生連結。

設計心得:這次使用大部份空白,要讓白成為用色之一而非空洞,因此在構圖上有些許的考量,最後效果自覺還不賴囉~^^

NJD作品集-台北科技大學













設計Note:畫面切成三等份,以色塊呈現,而紅色是教職員版,藍色則是學生版。

設計心得:這次的素材多為該單位提供,而我就著重於色塊的設計,當中的素材並無太大的變化囉~^^

NJD作品集-聖約翰科技大學














設計Note:畫面切成三等份,重點置於中段,整個畫面用漸層的方式,而藍色是理性的教職員版,黃色則活力的學生版,畫面素材一樣都包含五種要素:前人像+該單位地標性建築,後校園景觀+精神標語+淡淡色塊(主要是區隔出登入區,變成左右兩邊的感覺)

設計心得:這次是試著要抓出,前景和後景層次,又不會混淆視覺的手法,看來要繼續加油啦~哈

NJD作品集-台中教網中心












設計Note:
以弧形切出四個面向,分別放置不同的重點視覺,依照慣性將該單位的Logo置於使用者進來一眼就會看到的左上方,而整個上半部以天空為主體,然後於順著視線下來的右下角置入學童使用著數位學習的影像,左下角則以該單位的概念延伸置入綠芽,與右下角相呼應,有著隨著時間茁壯的意思,那登入處就沒那麼有重點了,刻意將它淡淡的處理,但也以圍籬的概念來製作。

設計心得:這次嘗試的版面配置是第一次使用,成效出乎意料的還不錯,內容不會太滿與雜,但卻有著滿的感覺,所以這次的成品,個人蠻喜歡的~哈