談UX於「彼得潘請飲料」app的應用
UX，是User Experience的縮寫，也就是「使用者經驗」，簡單一句話就是「使用者在使用產品用起來的感覺」，這沒有絕對的答案，要時時探索各種不同的方法來解決一個使用者問題。
在「彼得潘請飲料」這款app，就是一個很好的機會來應用UX這個概念。
相信大家都有訂購飲料的經驗，像是公司下午茶或者朋友聚會時，都會大量訂購，這時候會遇到什麼問題呢？
- 這款飲料可以做成冰的？熱的？溫的？
- 冰塊量有幾種？正常？多冰？少冰？微冰？去冰？
- 甜度有幾種？正常？少糖？半糖？微糖？去糖？
- 我怎麼知道那些飲料是暢銷款？
當彼得潘宣布要訂「木子日青」這家飲料時，剛好這週六去朋友那邊，經過這家店，就在那邊買瓶飲料，順便確認那些飲料可以做成熱的，冰塊量及糖量。
app在抓取飲料品項的資料時，是透過sheetsu這個網站(註)把Google 試算表轉成Json的服務抓取的，能在後端處理好的資料，就在後端處理好，這樣子到app時就不用再多花時間來判斷。
註: sheetsu免費提供一個月的試用，之後就要收費了。
2017–4–13 Update: 已經改為Google Apps Script來提供app在後端資料源部分了，請參考這篇「談「彼得潘請飲料」app 於資料源的改寫方式」。
在這個表格，我們可以透過drinkTop這個欄位來判斷這款飲品是否為暢銷；透過drinkHot這個欄位來判斷這款飲品是否可以做成熱的。
後端資料處理好後，接下來就是app的UI及程式部分了。
當使用者開啟app時，還沒點選飲料這時候，溫度（冰塊量）及甜度應該是不能被選取的狀態，告知使用者必須先選好飲料後才能選擇溫度及甜度，這段程式寫法如下，並在viewDidLoad()就呼叫segmentedControlDisable()這個函式。
在使用者選完飲料後，利用TextField的textFieldDidEndEditing事件去呼叫判斷溫度及甜度的選項元件呈現狀態，程式如下：
在查詢訂單清單時，在UI部分，可以利用顏色來區別這訂單是冰的（用藍色表示）還是熱的（用紅色表示），是不是一目了然呢？
寫到最後，免不了還是要來顆彩蛋！在選擇飲料時，有時候會不知道要選那一個比較好，此時若能透過搖動手機的方式來隨機選一個出來，也是個不賴的方式呢！嘿嘿
在模擬器測試時，可以透過「Hardware」->「Shake Gesture」來模擬搖動手機的動作，先來看看這個效果是如何。
程式如下：
若你覺得還有其他呈現方式或技巧可以滿足使用者在點飲料的流程，也歡迎提出來討論哦 ^_^
app完整程式專案下載
