[ 開發日誌 ] 《 Lucky X 》抽獎 App 開發記錄 Round 6

★《 Lucky X 》正式版在 03/29 已經上架到 Google Play ，敬請瀏覽簡介文章並下載使用~
[ 作品介紹 ] 《 Lucky X 》數字抽獎 App 簡介

☆《 Lucky X Lite 》在 04/07 上架到 Google Play ，敬請瀏覽簡介文章並下載使用~

[ 作品介紹 ] 《 Lucky X Lite 》輕量版數字抽獎 App 簡介

繼上一篇文章 [ 開發日誌 ] 《 Lucky X 》抽獎 App 開發記錄 Round 5 - Ver. Alpha Playthrough

這一系列的文章將記錄著 Caliburn Studio 與 Laird Studio 聯合策劃及開發的抽獎程式《 Lucky X 》的開發過程，還請大家多多指教~

以下是開發記錄 Round 6 ，會向大家呈現《 Lucky X 》經過修飾的使用者介面 ( UI ) ，並闡述開發心得以及未來開發的規劃，對 App 有任何建議都歡迎提出喔！

本文開始~

在 Alpha 版本開放測試的過程中，有部分使用者反應 App 的畫面應該要統一直式或橫式，而因為我們考量到可抽選的數字最高可支援到三個位元，所以決定將介面全部改為橫式，如此一來，大家使用 App 時就可以不用將手機或是平板轉來轉去囉~

下圖是《 Lucky X 》起動畫面~

另外測試人員最關心的跑版問題目前已經找到解決方案，就是我們會在 Eclipse 的原生專案裡面新增不同畫面尺寸的 layout ，以滿足不同的行動裝置需求，只不過 Android 裝置螢幕解析度日益破碎化的緣故，導致《 Lucky X 》要滿足絕大部分的螢幕畫面還會需要一些時間調整，只要大部分的跑版問題都解決，我們就會在 Google Play 進行 Beta 版本開放測試，以確保正式上架後不會有任何關於跑版的問題~

而為了解決跑版這個重大的問題，最近我們重新設計了 UI 介面以及按鈕，以下會呈現 Random 的實際畫面給大家， Lucky Wheel 以及 Slots 也會按照此設計模式下去更新介面， Beta 版本發布的時候會一起呈現出來~

首先是主畫面， Logo 的部分使用深色背景，其餘部分的背景則放上重新繪製的漸層圖片~

UI 按鈕的部分可以很明顯地看出有重新設計過，左下方橘色像記事簿的按鈕會寫上製作人名單，以及音效等等素材的提供來源，而黃色問號按鈕只會在 Beta 版本出現，表示現在是 Beta 版本的用途，在正式上架後會將其更換成其他功能的按鈕，例如開關音效等等調整 App 設定的按鈕~

順帶一提，由於《 Lucky X 》主打免費，所以部分介面中間空著的部分會放置廣告，但不用擔心會影響使用體驗，因為我們只會在 App 放置小型橫幅廣告，並不會放置畫面切換的插頁式廣告喔~

點擊 " Random " 之後，會來到 How many digits? 的選單，從這裡就可以很清楚看到整個 App 的選單設計，左上為 " Back " 按鈕，也就是「回上一頁」的功能，右上則是 " Home " 按鈕，用來回到主畫面~

背景部分，每個選單的漸層顏色會區別開來，到 App 的主要功能時，背景才會一致是黃橘色的漸層圖~

點擊 " One " 會來到 Set the range 功能，這個功能在 Beta 版本還是只有 " Random " 才有，但正式上架後會擴充到 Lucky Wheel 以及 Slots ~

以下呈現一個位元抽選的畫面，由於只有一個位元，畫面又是橫式，所以會將功能主體的部分用深色背景強調出來~

如果點擊 " Two " 或 " Three " ，就會來到 Choose a way 選單，按鈕目前已經改為 " Together " 與 " Separately " ，比之前的 " United " 和 " Separate " 更為直覺~

Random -> Two -> Together 的畫面呈現~

由此可以發現，兩個以上的位元介面會將三個功能按鈕用深色背景強調出來~

如果是選擇 " Separately " ，就會來到 Start from 選單，按鈕更改成 " Left " 與 " Right " ，不再是 " Ones " ， " Tens " 或 " Hundreds " 了~

Random -> Two -> Separately -> Right 畫面呈現~

Random -> Three -> Together 的畫面呈現~

數字圖片的部份也稍微做過修飾，將邊框的顏色與數字顏色一致化~

程式流程重新設計過後，我們把最後一個 " Done " 的訊息提示改為 " Restart " 按鈕，如此一來，使用操作上面就更為流暢直觀~

P.S. 現在的 " Back " 按鈕的位置是之前的 " Restart " 喔！只是 " Restart " 換位置了~