行動應用程式App開發時相當注重於使用者體驗。利用原型進行測試以收集使用者回饋,根據回饋改善原型再進行原型測試,此過程稱之為Iterative Design Process。本研究從前測與訪談中得知設計師偏好使用線稿式的設計手法做出紙面原型,經過數次上述的循環後再轉換成互動式原型;在反覆設計/重構原型與進行使用者測試的過程中,累積了許多的資料需要被記錄與分析,但目前尚未有服務能支援Iterative Design Process中各個階段的需求。
本研究提出了一套能加快設計流程的線稿式原型設計工具「Xketch」。在原型設計階段,設計師可透過繪製筆畫指令的方式生成元件與設定頁面、元件間的互動行為;當原型設計完成後可以直接發佈給受測者。在原型測試階段時,系統會同步記錄受測者的操作過程與think-aloud口述資料。最後,將收集到資料透過時間軸介面重現以協助團隊分析與討論。本研究認為Xketch能有效幫助行動應用程式App的開發過程,加速Iterative Design Process的循環。
第一版Xketch的開發目的著重於原型設計階段,設計師可利用筆畫指令生成對應的元件與互動行為,並透過Storyboard設定與檢視原型的使用流程。受測者認為Xketch整體的操作簡易、容易學習,也相當認同使用線稿圖案作為筆畫指令的概念,並認為Xketch能有效幫助設計師快速製作出互動式原型。最後,本研究將分析受測者操作記錄並搭配訪談回饋總結Xketch的實驗結果與討論,探討未來Xketch在原型設計的改善方向。 / Iterative Design Process plays a great role for developing mobile applications with great user experience. Designers create prototypes to collect user feedback and use those feedbacks to improve designs and prototypes for further iterations and testings. From our initial studies, we found out designers tend to use sketch based paper prototypes as their initial prototyping method. Designers go through rounds of paper prototyping, testing and iterations, before moving on to create digital interactive prototypes. During this process, there are a lot of information needs to be recorded and analyzed for the iteration loop. However, no integrated service yet can streamlined designers’ process of creating prototypes, recording testing sessions, and analyzing results.
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.
The first version of Xketch contains major features for the prototyping phase. Designers can use simple sketching gestures to generate corresponding on-screen UI modules, and configure interactions of those components. Moreover, designers can also create and review interaction flows through storyboard settings. From our testing for Xketch, participants indicate that Xkecth is easy to use and learn. They also found the concept of using sketching gestures to generate on-screen UI module intuitive. Overall, participants think that Xketch can help them create prototype rapidly and intuitively. To improve for Xketch, we recorded participants’ usage behavior and accompanied with user interviews to give us a holistic view on the future iterative direction for Xketch.
Identifer | oai:union.ndltd.org:CHENGCHI/G0101462012 |
Creators | 徐嘉駿, Hsu, Jia Jyun |
Publisher | 國立政治大學 |
Source Sets | National Chengchi University Libraries |
Language | 中文 |
Detected Language | English |
Type | text |
Rights | Copyright © nccu library on behalf of the copyright holders |
Page generated in 0.0017 seconds