Wednesday, December 10, 2008

Flash Lite [ 21 ] 如何簡單啟動emulator touch的功能

由於這兩年的工作,沒有直接使用Flash Lite的機會,所以荒廢的好一陣子,最近為了要training member使用Flash Lite來做為輔助UI design的simulation,又再重新複習了一下。

從當初1.0開始到現在的3.0,指令由最早的Flash 4語法到現在可以用ActionScript 2.0,製作Flash Lite的content越來越容易了。
加上Device central的輔助,不用在手機上也可以測試出大致的狀況,除了performance還是得在手機上測試之外,其他的大多可以在emulator上執行出來。

這一篇先來談談,如何很快的把目前Device central所提供的手機,打開touch的操作功能吧~

Step 1: 先決定要使用哪隻手機做為測試平台


Step 2:去Device profiles找到那隻手機的XML描述檔,用文字編輯器開啟

PC:
C:\Documents and Settings\username\Local Settings\Application Data\Adobe\Adobe Device Central CS3\Devices

Mac:
User\Library\Application supprt\Adobe\Adobe Device Central CS3\Devices

Step 3: 找到"mouseType",將"None"改為"Mouse",記得"M"要大寫,儲存後就大功告成啦 ~~~

PS. 這個動作只能提供在PC上測試,實際放到手機上,還是需要有支援touch的功能。

如果你們家的手機,ID跟某隻很像但是有touch的功能,就可以簡單用這種方式來增加測試環境,不用自己再去建一個profile囉~ ^^

Friday, August 22, 2008

[ UI ] iPhone 2.0 v.s. App store

最近把我的iPhone升級成2.0的版本,發現Apple真的是厲害,
透過好的介面及service,讓使用者心甘情願的花錢下載軟體,
增加使用者使用的意願,更讓全世界都成為他的content provider。

首先先來看看iPhone上面的App store吧~
主要分成五個主要功能

1. Featured : 提供最新及最Hot的軟體


2. Categories: 提供分類的方式,讓你可以快速找到你想要的軟體,每項分類後面還有顯示目前軟體的數量,Game已經有500多個了


3. Top 25: 分為兩個部份 Top Paid / Top Free, 有各式各樣Free的軟體,就算是付費的,也很便宜,從0.99$起跳


4. Search: 關鍵字查詢,如果要找Free的,在後面加個 (free) 就可以了

5. Updates: 已經安裝過的軟體,如果有更新,會很貼心的提醒你

再來看看幾個設計的不錯的介面
1. 與YouTube類似的列表方式,提供了縮圖、名稱、作者、
價格、評分及Reivew的人次

2.
每個軟體都有提供詳細的資訊,還有擷取畫面,
可以讓你好好確認一下再下載或購買


3.利用按鍵來表示不同的狀態,清楚明瞭,也可以減少確認的畫面


如果手邊有第一代的iPhone,可以考慮升級成2.0,還有中文輸入及手寫辨識喔~ ^^

Wednesday, June 18, 2008

[ Book ] GUI Bloopers 2.0



這本書除了介紹一些GUI design上的principle,另外還提出很多設計上可能發生錯誤的地方,並提供一些方法幫助設計師避免犯這些錯誤。隨然書名寫GUI,但實際UI跟GUI有時是很難界定的,裡面有很多項目,其實有經驗的設計師,都會注意,但透過這本書,相信能讓你們更了解原因。

Chapter 1: First Principles
Chapter 2: GUI Control Bloopers
Chapter 3: Navigation Bloopers
Chapter 4: Textual Bloopers
Chapter 5: Graphic Design and Layout Bloopers
Chapter 6: Interaction Bloopers
Chapter 7: Responsiveness Bloopers
Chapter 8: Management Bloopers

這裡可以看到完整的"目錄"

Friday, March 28, 2008

[ Fun ] iPhone Clock

突然有個想法,既然Windows可以把html設為桌面,那我何不用flash做一個我想要的內容,然後設為桌面。就因為這個念頭,而產生了這個小品,我稱之為是iPhone Clock的桌面~~ ^^

使用的方法很簡單,下載zip檔解壓縮後,開啓桌面設定,選擇資料夾裡面的iPhone_clock.html檔為桌面就可以了~


做出來的功能還算滿意,除了顯示日期跟時間,每小時自動更換Wallpaper,可移動到畫面任何位置外,還可以利用slide的方式更換wallpaper,最有趣的是,這些wallpaper是可以自己隨時可以更新的喔~


更新的方法很簡單,只要把圖片存成227x340的jpg檔,存在wallpaper的資料夾就可以了~
記得檔名要是w+流水碼.jpg,還要記得把number.txt檔的 tn 值改掉喔~~

Have fun~~~ ^^