Xketch - A Sketch-Based Prototyping Tool for Mobile App Development

---

Concept & Scenario video

Prototyping tutorial video

本研究提出了一套能加快設計流程的線稿式原型設計工具「Xketch」。在原型設計階段，設計師可透過繪製筆畫指令的方式生成元件與設定頁面、元件間的互動行為；當原型設計完成後可以直接發佈給受測者。在原型測試階段時，系統會同步記錄受測者的操作過程與think-aloud口述資料。最後，將收集到資料透過時間軸介面重現以協助團隊分析與討論。本研究認為Xketch能有效幫助行動應用程式App的開發過程，加速Iterative Design Process的循環。

We developed “Xketch”, a sketch-based mobile application development tool for iterative designs and testings. First, designers can use the sketching interface on Xketch to rapidly prototype UI modules and interactions. Designers then can distribute the prototypes through Xketch to testers. During testing sessions, Xketch’s testing environment will record user behavior data and think aloud audios. At last, the collected data will be presented on Xketch’s timeline interface for feedback analysis. We envision Xketch to streamline and optimize the iterative design process when designers design mobile applications.

• Award: 通訊大賽-智慧型手持裝置使用者體驗設計競賽（UX設計組）－ 最佳設計獎、HTC專題獎、企業獎
• State: Developing
• Date: June 2015
• Creator: Toby Hsu

Close

WhatsTheNumber

---

不論是餐廳、商店、還是服務，WhatsTheNumber幫您快速簡單搜尋到店家！WhatsTheNumber是個互動式的電話黃頁，包含許多功能：

** 搜尋和撥號： 知道想找的店家嗎？鍵入店家名稱立刻找到電話號碼，一鍵即可從app中撥號打電話聯絡店家

** 發現： 利用關鍵字搜尋（像是「印度餐廳」、「電影院」），馬上幫您發現新店家！加入區域或街名可以縮小範圍，更精準推薦

** 定位： 地圖功能方便您搜尋地址，還可將搜尋結果按照距離分類，幫助您方便找到最近距離的店家

** 分享： 利用email、訊息，或Line，輕鬆和朋友分享您的發現（更多相關功能敬請期待！）

** 收藏： 喜歡就收藏- 看到喜歡、想去、必推的好店家好地點，點擊放進「我的收藏」 自己分類管理- 建立新資料夾、自己命名編輯

** 電話簿： 將經常撥打的店家直接匯入通訊錄，未來聯絡店家更方便快速

當您想要找餐廳訂位、查詢最近的醫院、或是為了出遊訂民宿，請找WhatsTheNumber！

• State: Offline
• Date: October 2011
• Owner: StorySense Computing

Close

Laiki

---

「哪裡可以吃……？」只要你簡單點選各類情境推薦， Laiki 能即時推薦最適合去的餐廳。「哪裡有不可錯過的好餐廳？」、「哪裡可以坐著安靜唸書啊？」、「要跟好姐妹聊天，哪裡可以喝下午茶？」、「吃飽了還想吃甜點，哪裡可以再坐一下？」……Laiki 簡單、懂你、貼心，讓生活樂趣大大提昇，享受生活每分每秒，不再錯過！

Beta版功能

【情境專屬推薦】點按各類情境，針對個人喜好，即時就能產生附近地點推薦
【收藏最愛列表】心動了嗎？輕觸一鍵即可儲存地點資訊，馬上出發，說走就走

新功能規劃中

【地圖定位範圍】找跨縣市推薦？可以切換地圖，輕觸移動偵測區域，去哪都行
【聲控輸入支援】除了手動輸入，還可以使用語音辨識，隨時行動，就告訴 Laiki

• State: Offline
• Date: February 2014
• Owner: StorySense Computing

Close

Co-Story

---

行動應用改變我們生活的同時，我們每天打卡、拍照、寫下當時的感受等等，這些數位資產若是能藉由Co-Story的記憶之樹概念，使用者與朋友一起記錄的生活點滴都像一顆種子，逐漸被我們灌溉成長為成熟的果實，當我們再度打開這些充滿記憶的果實時，也許會因為時間的改變、心境的不同而有特別的感覺。Co-Story讓我們的生活點滴不再是個人的故事創作，而是我們每個人的共同敘事創作。

• Award: 第十一屆育秀盃創意獎（軟體應用類）－ 銀獎
• State: Prototype
• Date: April 2014
• Team: Toby Hsu, Ziyu Wang, Sping Lai, Mark Lin

Close

illuscook

---

「Illuscook+手繪食事」是一個手繪風數位食譜資訊 App，創作概念是基於調查數位食譜使用者的需求及現有數位食譜網站/App 行銷策略的結果。我們透過有趣的手繪食譜創作方式，以提供不同分類的貼圖素材、手繪編輯器，幫助使用者快速創製自己插畫食譜作品，提高使用者發表創作的意願；另外，在編輯步驟的過程中，提供料理工具的動畫參數設定來達成以插畫風動畫的方式解說料理步驟的方式，創造高度趣味性。

• State: Prototype
• Date: July 2015
• Team: Irean Lin, Toby Hsu
• Repository: Bitbucket

Close

早安地球人

---

故事背景：
早安地球人可以幫你養成規律睡眠習慣。外星人來到地球後觀察地球生物的睡眠習慣，得到了非常有趣的資料，可助你規律睡眠身體好，不再睡不飽，不再賴床而遲到。

這是一款希望透過徽章成就與社群互動，在培養睡眠習慣的同時也兼顧到娛樂性。使用者每天可以根據睡眠的入睡與起床的時間，得到對應的動物徽章與不同地區（國籍）的人物徽章，藉由搜集徽章解開不同佈景與鬧鐘的樣式，讓自己的房間與鬧鐘變得更加多采多姿。除此之外，在App中還會不時提出一些關於睡眠的相關資訊，提倡睡眠對與人的重要性。

• State: Prototype
• Date: June 2013
• Team: Toby Hsu, Chia-Ting Cheng, Cintin Yu, Wei-Hsiang Su

Close

Rapid Selection of Hard to Access Targets by Thumb on Mobile Touch Screens

---

Current touch-based UIs commonly employ regions near the corners and/or edges of the display to accommodate essential functions. As the screen size of mobile phones is ever increasing, such regions become relatively distant from the thumb and hard to reach for single-handed use. In this paper, we present two techniques: CornerSpace and BezelSpace, designed to accommodate quick access to screen targets outside the thumb’s normal interactive range. Our techniques automatically determine the thumb’s physical comfort zone and only require minimal thumb movement to reach distant targets on the edge of the screen. A controlled experiment shows that BezelSpace is significantly faster and more accurate. Moreover, both techniques are application-independent, and instantly accommodate either hand, left or right.

• Award: 通訊大賽-智慧型手持裝置使用者體驗設計競賽（UX設計組）－ 最佳設計獎、HTC One特別獎
• Conference: MobileHCI’13 － Honorable Mention Award
• Date: August 2013
• Team: Neng-Hao Yu, Da-Yuan Huang, Jia-Jyun Hsu, Yi-Ping Hung

Close

GoThrough - CHI 2013 SDC (Juried) Student Design Competition

---

GoThrough represents the development of a system that tries to tackle the marginalization of the elderly in Taiwan society. This system can help the elderly who reside in nursing homes easily preserve, gather and share their life stories on a tablet device. Individuals’ stories will then be collected into a catalog of reminiscence for presentation to an online community.
This crowd-sharing/sourcing approach will allow an online community to give “thumbs-up” and record comments regarding the shared stories and images, which we believe will serve as a means of psychological support to the elderly. Through the gathering, presentation and review of senior citizens' life stories, we hope that GoThrough will build a bridge for the elderly with the general public and online communities to connect them and inspire a positive change in their perspectives toward each other

• State: Prototype
• Date: April 2013
• Team: Andrew Ku, Jia-Jyun Hsu, Pei-Kang Hsieh, Yi-Fan Chen, Yi-Hsuan Tsai

Close