Prototype of a system called UCamp
•
0 likes•60 views
Research a topic of camp registration, do the ux design process and build the prototype of the platform with Axure
Recommended
More Related Content
Featured
Featured (20)
Prototype of a system called UCamp
- 1. 第一組 100062121 李 文 100062119 王敬嘉 100062133 駱若瑀 100062221 梁惠茹 UCamp
- 2. Ÿ Motivation Ÿ Contextual Inquiry Ÿ Affinity Diagram Ÿ User Analysis - Persona Ÿ Task Analysis Ÿ Conceptual Design Process Product Ÿ Product Prototype Outline
- 4. Contextual Inquiry - 受訪者資料 受訪者 許同學 蔡同學 王同學 駱同學 陳同學 性別 男 女 女 女 女 科系 醫環系大三 工院大三 資工系大四 資工系大四 計財系大一 擔任 學員 經歷 參與 營隊 第3屆交大寒武營 101年寒科研 2009清大英語營 救國團營隊 VYA 志工營 VYA 國際志工營 2012 台大資工營 2012 台大資管營 2012 清大資工營 報名 方式 紙本郵寄報名表 紙本郵寄報名表 線上報名系統 紙本郵寄報名表 線上報名 擔任 工人 經歷 參與 營隊 102年寒科研 隊輔 102年暑科研 隊輔 103年寒科研 生活 103年暑科研 會長 102年寒科研 隊輔 102年暑科研 隊輔 103年寒科研 隊輔 104年寒科研 企調 101年寒科研 隊輔 101年暑科研 隊輔 102年寒科研 課務 102年暑科研 會長 101年資工營 生活 102年資工營 營長 無 使用 系統 BeClass系統 BeClass系統 社團學長自己寫的 系統 學校聯合營隊系統 + 自己架設 無
- 5. Contextual Inquiry – 訪問方式 受訪者 許同學 蔡同學 王同學 駱同學 陳同學 性別 男 女 女 女 女 科系 醫環系大三 工院大三 資工系大四 資工系大四 計財系大一 採訪者 李文、敬嘉 若瑀、李文 惠茹、敬嘉 惠茹 訪談方式 團體訪談 個人訪談 個人訪談 個人訪談 訪談過程 描述 以紙本筆記紀錄，為幫助訪談回憶經歷，使用筆電瀏覽現有營隊報名網站， 依據受訪者的回答做延伸問題，釐清使用者過去經驗。 訪問內容 綱要 [學員] • 請回憶你擔任營隊學員的經歷 • 曾使用的報名方式有哪些？為什麼使用？ • 報名營隊的考量有哪些？ [幹部] • 請回憶你擔任營隊幹部的經歷 • 為什麼使用某報名系統？為何不用其他的？ • 報名資料會如何運用？
- 6. Affinity Diagram – 討論過程 … • 採訪資料整理 • 故事性描述 採訪 者 • 便利貼紀錄 • 分類 其他 人 便利貼統整共同 Affinity Diagram
- 10. Affinity Diagram - Idea
- 11. User Analysis – Persona
- 12. 關鍵性格 • 熱心助人 • 樂於接受挑戰 • 喜歡大家一起努力的感覺 Goal 辦營隊時有許多雜物和資料要處理，希 望有比較聰明的系統幫忙管理資料。 Frustration 事情做不完，常要處理許多繁雜的事情， 會想家。 Quote 要做，就要做到最好 Bio 陳宇傑是個積極參與各項課外活動的大 學生，有豐富的辦營隊經驗，平常每天 晚上幾乎都有社團或是系上的活動，帶 人親切、熱心，算是個活躍的人物，也 受人歡迎… 現任經濟營長 性別 男 年齡 20 居住 彰化 職業 大學生 User Analysis – Primary Persona 管理者
- 13. User Analysis – Secondary Persona 使用者 關鍵性格 • 刻苦努力 • 對未來充滿憧憬 • 期待這個暑假的到來 Goal 考上好大學，離開家裡過更獨立的生活 Frustration 考試考不好，功課很多 Quote 每天，都要比前一天更努力 Bio 鄭依婷是個16歲的女高中生，平常生活 單純，差不多就是上課，然後補習到9點 回家，平常都由父母接送上下學、補習， 偶爾周末與朋友出去玩也會先和父母報 備… 沒參加/報名過營隊性別 女 年齡 16 居住 台南 職業 高中生
- 14. Task Analysis – Goal of Users
- 15. Task Analysis - Hierarchical description
- 16. Conceptual Design – Brainstorming • • QR code • checklist ex: ...... • • • • OpenSource • • •
- 17. Conceptual Design – Brainstorming • • QR code • checklist ex: ...... • • • • OpenSource • • •
- 18. Conceptual Design – Brainstorming • • QR code • checklist ex: ...... • • • • OpenSource • • •
- 19. Conceptual Design – Visioning
- 20. Conceptual Design – Visioning 首頁 搜尋頁
- 21. Conceptual Design – Visioning 使用者：比較營隊、行事曆 使用者：查看過去參加活動
- 22. Conceptual Design – Visioning 管理者：辦活動 管理者：完成設定 管理者：自訂頁面
- 23. Storyboard
- 24. Storyboard
- 25. Storyboard
- 26. Storyboard
- 27. Storyboard
- 28. Storyboard
- 29. Storyboard
- 30. Storyboard
- 31. Storyboard
- 32. Storyboard
- 33. Storyboard
- 34. Product Prototype UCamp Demo !!! Axure : m100.nthu.edu.tw/~s100062121/Axure_html/start.html