chodaict

關於跨平台手機遊戲介面設計

（以下純粹為我發給同事的信件紀錄）

剛才已經聊過的內容，我整理寄給大家：

有關手機介面設計，我想建議把標籤類（Tag，也就是歷史賽事、季後賽冠軍賽、總冠軍）的按鈕移動到上排。

上面的圖片分別是Android、iOS、Windows Phone的電話App撥號介面，可以看到iOS是把標籤按鈕做在下排；

而Android和Windows Phone都是把標籤做在上排（Windows phone的那個很大的文字就是標籤），而且很重要一點是他們兩個系統都支援左右滑動來切換標籤！為什麼呢？

我先說明一下iOS把標籤做在下面的理由：

1. 人的姆指在下排按比較輕鬆

2. 手指按下排標籤的時候不會擋住內容（想像一下用拇指去按上排按鈕，是不是會擋住螢幕？）

3. 人的眼睛要看的是內容，而不是標籤，所以內容在上標籤在下。

看起來都是好處！那為什麼Android和Windows Phone要把標籤按鈕做在上面呢？因為他們有以下的理由：

1. 人的眼睛習慣從上面看起，而使用者進到一個App裡面不一定是要做第一個標籤的事（打電話），所以標籤要在上面，方便使用者切換。

2. 電腦和現實中的標籤都是在上面，如此比較符合使用者經驗。

3. 微軟和Google表示：對不起大家！因為我們的主要控制鈕（Home主畫面、Back返回、Search搜尋、Menu選單、Multi-Task多工）是虛擬按鍵！所以你們會很常不小心摸到就離開畫面！蘋果的是實體Home所以不會誤觸！

4. 為了補償大家，所以Google和微軟都決定使用手勢（左滑右滑）就能切換標籤！（其實超好用的……只用過iOS的人可以體驗一下）

所以，最大的原因還是那個Android和Windows Phone用家很常用來揶揄iOS的那顆常常壞掉的實體Home鍵（就是這顆內置圖片 4

），

結果自己的熱感應按鈕卻很常被使用者誤觸，而飛出正在進行的畫面……然後，有的App會設計成要按兩次Home/Back才能退出（只按一下會提示：再按一次以退出，這本末倒置了吧？）

所以現在先不管硬體限制，來聊聊我們的專案：一個跨平台的遊戲，橫跨iOS、Android、Windows Phone以及平板電腦、桌機。

然後我要分享一下我聽過的事情，關於跨iOS和Android的遊戲開發經驗。

一開始是把標籤做在下面，然後希望先推出Android版，因為更新不需要審核，方便追踪玩家反應；

並且上架時有向Google申請精選應用，如此一來就能夠出現在Market首頁（Google Play），衝高下載量。

結果Google就因為標籤在下面的理由退回了精選應用的申請……

不過，後來把標籤移到上面，不但通過了Google的審核，連Apple都審核通過了，這又是為什麼呢？

因為Apple對於"遊戲軟體的UI"比較不會那麼刁鑽！

所以，建議標籤按鈕做在上面比較安全，也比較能免除跨平台時不必另外製作的麻煩。

另外我也建議不要把介面全部切成按鈕，觸控介面設計準則中有提到按鈕最好不要小於44 x 44px

（The comfortable minimum size of tappable UI elements is 44 x 44 points.）

這邊指的是實際大小而不是Retina螢幕下的大小，如果是Retina的話要設計成88 x 88 px

因為人的手指很粗，並不像滑鼠是可以做出點擊一個px那麼精細的動作。

而且文字量太大，很擠，給玩家的眼睛一點呼吸的空間吧！

盡量用切換到下一層的方式去藏資訊，三層都還是可接受的範圍，我們目前只有兩層而已：）

如果大家對手持裝置的人機介面設計有更多興趣，可以再跟我討論，以上提到內容的詳細資訊可以參考以下資料：

Android UI 設計準則

iOS Human Interface 設計準則

Google Play 精選應用

謝謝大家！

假日曆：2013臺灣假期&請假攻略 vacation of taiwan

假日曆

假日好少，怎麼放假最好？讓「假日曆」成為壓倒請假理由的最後一根稻草！

這是2013年臺灣的請假攻略，請參考！
PS. 如果把端午的那兩個兩天都請下去的話，就變成：請四天放九天了⋯⋯超多天的啊！

2014年假日曆（new！）

2013年假日曆

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

假日曆：臺灣假期&請假攻略

因為我傻傻的轉貼了一個來自香港的放假指南，被朋友指正，為了贖罪而誕生XD

此為2013年啓用，期能讓大家輕鬆瞭解假期及請假攻略，進而掌握並訂定自己的假期。
目前暫無完全公開編輯的計劃，如有心成為維護者，請寄信到：chodaict@cver.net，謝謝！

－－－－－－－－－－－－－－－－－－－－－－－－－－－－
使用指南：

1. 所有的節日都已經標示上去，但不表示所有節日都有放假。
2. 「放假」兩字只要在出現就表示放假，含所有的週休。
3. 「請」字只會出現在有高效益連續假期之間，只是建議，別影響您的人生抉擇。

Enjoy it！

小技巧：儲存到自己的日曆後，可以用搜尋的方式搜「請」這個字，可以找到請假建議唷！
－－－－－－－－－－－－－－－－－－－－－－－－－－－－
網址：
http://www.chodaict.com/p/calendar.html
內提供ical及xml格式供下載，如有需要請自行取用，謝謝！

[教學] Edge Animate 的按鈕三態實戰：An tutorial 0001

教學, 程式, Edge Animate

因為工作關係開始摸Adobe的Edge Animate，無奈教學很少，所以又開始自己記錄了……
題外話，我覺得做圖文教學好像比影片教學還累耶？雖然我覺得圖文有時候比影片清楚XD

那麼，以下就開始Edge Animate的第一回教學囉！

完全封殺網頁廣告，讓眼睛亮晶晶／Adblock Plus

心得, 好用, 推薦, Facebook, Google, Youtube

話不多說，看一下這張圖片就能理解這個擴充元件殘暴的地方！

（提醒大家：雖然有的廣告很可惡，但是這些免費服務都是靠廣告活著的喲。）

為什麼要用這樣的擴充呢？相信大家都對Facebook上某些廣告商很感冒吧，放一些盜圖片的廣告就算了，還曾經出現過小強圖片，除了檢舉具攻擊性之外，我們需要更強大的反擊！

而這樣的擴充元件就是在解放並守護我們細膩的靈魂之窗啊！

有了 Adblock Plus 您就可以：