Ming Apps

Archive for 八月 2011

Refernce: http://www.wired.com/epicenter/2011/08/jobs-resigns/

Steve Jobs宣佈辭任CEO了!

半世紀的Apple CEO,

成功帶領Apple由谷底反彈,

成為世界首屈一指的IT公司。

很喜歡他對介面設計的執著,

相信有不少原因都出自他,

才會對HCI更有興趣!

筆者的FYP亦有幸完成哈~

繼續期待iOS與Android大亂鬥!

 

p.s. Steve Jobs 已離開了。RIP.

Link: http://zh.wikipedia.org/wiki/Windows_95

1995年8月24日,微軟正式推出Windows 95!

不知大家有否使用過Windows 95?

左下角的Start Button第一代正是在Windows 95面世,

到現在筆者使用的Windows 7都還在使用Start制!

可想而知,介面只第一代推出便要考慮使用者經驗,

同時要好好思考之後介面設計的路向呢。

有趣地方:

1. 在推出first release 的時候,

Windows 95還附上Internet explorer 3,

在95 last release的時候,

IE已經去到internet explorer 4了!

2. Windows 95 最多支援 480 MB 記憶體!

Link: http://goo.gl/02uNZ

Google大玩html5效果既有趣小遊戲!

筆者玩了不久便完成了!

.

快快get the ‘O’ back!

Reference Link: goo.gl/Nfe03

筆者其中一項最煩惱的地方,

莫過於測試介面兼容問題,

經常需要同時間開啟多個瀏覽器測試,

但無奈同一個OS很難測試瀏覽器每一個Version,

那怎麼辦?

Tool Number of browser versions supported IE? Interactive testing? Side-by-side testing? Pricing
Adobe BrowserLab 13 IE6+ No Yes Free
Browsershots 60+ IE6+ No No Free
SuperPreview Varies IE6+ Yes Yes Free
Lunascape 3 IE6+ Yes Yes Free
IETester 6 versions of IE IE5.5+ Yes Yes Free
IE NetRenderer 5 versions of IE IE5.5+ No No Free
Spoon 16+ no IE Yes No Free
Sauce Labs 40+ IE6+ Yes No Free — $499 per month
Browsera 9 IE6+ No Yes Free – $99/month
Browserling 9 IE5.5+ No No Free – $20/month

筆者就為大家介紹一下我曾用過的Adobe BrowserLab 及 BrowserShots吧。

Adobe BrowserLab

Adobe BrowserLab需要成為Adobe的會員才可使用,

當然申請成為新會員是免費的。

齊集多個瀏覽器測試,

包括Firefox3+, IE6+, Chrome and Safari.

adobe browserlab test 2 browsers at the same time

可以並排測試[Chrome 13.0 vs Firefox 5.0]

測試IE6明顯地出現很討厭的Double Margin/Double Padding問題。

BrowserShots

BrowserShots是另一個免費的測試工具,

同一時間抓取多個瀏覽器的測試圖片,

可供測試的瀏覽器比Adobe BrowserLab 更多。

Linux, Windows, BSD的OS都可供測試!

無奈等待時間很長。

以上的測試方式大多以抓圖的方式測試兼容問題,

所以都缺乏一些互動設計的測試,

例如圖片菜單Hover的測試,

Canvas javascript 兼容測試等。

其他的免費軟件,

筆者並沒有測試過,

等待大家發掘吧!

Link: http://ifttt.com/

不知大家聽過這個網頁沒有?

整個網頁就是If this Then that的概念,

這個網頁會自動連結不同平台的觸發點(Trigger),

然後當某些事情發生,

便會觸發不同動作了!

可能很難了解,舉個例子應該就明白了。

例如你Facebook被人Tagged了,

如你在ifttt.com設定了一個解發器,

它便可以進行很多動作:

send email, twitter, sms you, post to a blog, 無限個可能!

筆者暫時試過的是每天早上send一個sms當響鬧用,

或者每年一月一日在Facebook 寫上Happy New Year之類的,

都可以輕鬆設定!

但當然了,

ifttt還未厲害到可以拿取到你朋友的資料,

所以有不少人曾想到一些千奇百趣的用法:

「心儀對象不開心,自動send sms to her:"how are you"」

「每天都在心儀對象的wall post留言」

之類的,

還沒有這麼容易啦哈哈~

有一點頗有用,

就是不沒翻牆也可以twitter + facebook!

但其中一樣頗恐怖的是,

你不幸「離開」的話,

ifttt仍是會運作的!

那麼你便像是得到永生一樣,

每年都有個Happy New Year在你的Wall Post了哈~

暫時ifttt.com是封測的!

筆者幸運地拿到了邀請,

可惜筆者的Invitation letter已經用完了,

如果你想要的話就只好等待一下!

之前為大家介紹了一個選擇顏色的網頁後,

想不想為你的網頁顏色變得更加接近日本文化?

這次為大家介紹的是:

http://nipponcolors.com/

是一個以介紹日本顏色為主題的網頁。

用法很簡單,

就是選擇你想要的顏色,

然後copy color code便成!

日系顏色,

整個感覺都多了一種粉色,

多了一份柔和感和親切感,

是個不錯的選擇!

Link: http://colorschemedesigner.com/

筆者有時在設計的時候會遇上選色的困難!

有時想到這種顏色,

但整個網頁設計用上同一種顏色又嫌單調,

顏色配對(Color Matching)上感覺又未必對,

那應該如何是好?

筆者為大家找來了一個color scheme picker,

讓大家找出心水選擇。

單色也可以有深淺色的選擇。

左手邊上方可以同時多選幾種相襯顏色。

右下方可以選擇Light page / dark page example看看顏色是否符合預期。

這網頁中右上方還可以選擇不同Color Blindness人士的顏色,

大家可以更輕鬆照顧到色盲人士的需要,

在Accessibility層面上,建立更佳的網頁。


%d 位部落客按了讚: