Chi Chiu 邱 琦
User Experience Design Service Design Product Design +886 983 208 861 chiufu6@gmail.com
Education * Master 2014
國立台灣科技大學 設計學院 設計研究所 專注於用戶導向之服務設計研究
Bachelor 2012
國立台灣科技大學 設計學院 工商業設計系 主修 工業 / 產品設計
High School 2008
台北市立第一女子高級中學 理科組
Experience *
Apr 2015 網龍網絡 用戶體驗服務設計訓練工作坊 小組主持人 Jul 2014 OpenHCI 人機互動工作坊 小組主持人
Mar 2013 Global Service Jam: Taipei 小組主持人 Jul 2009 – Jun 2012 國立台灣科技大學 工商業設計系 原型製作課程教學助教
Award * Fresurpy
2012 Yodex 產品設計類 佳作 共同設計者：Max Wang
CONTENT 2013 - 2014 UX SD Portfolio
Adaptive Mobile Map Research & Interface Design
Maokong Trip
Tourism Service Design
Homing
OpenHCI workshop
ADAPTIVE MOBILE MAP Research * User Experience Design *
隨著觀光業和行動技術的發展，越來越多
人不再事前規劃行程，便出門遊玩。然而，用
研究設計階段
戶與行動地圖服務的互動多停留於被動提供資 訊面向，如果用戶對於接下來的行程沒有太多 想法，便無法順利從行動地圖中順利獲得有用 的訊息。
如何優化現有行動地圖服務，使它從地緣
關係服務 (LBS) 晉升為更符合使用情境的服 務，是本研究設計的重要課題。
以 Google 行動地圖服務為案例，研究並
優化用戶使用體驗。目標是提升景點相關資訊
的露出，延伸 Google 行動地圖的使用情境， 進而持續累積在地資訊，為用戶帶來更精準多
樣的訊息，也為企業累積未來服務應用的資 源。
6
Discover user experience, utilized questionarie and shadowing on
google map users in order to get better known at users behavior.
Define research subject core
Develop two design proposals,
Deliver new designs and execute
and interviewing results.
as reference and focus on the
and collect users feedbacks as
problem through shadowing
take hueristic evaluation results final solution.
7
testing to varify design solutions future suggestion.
ADAPTIVE MOBILE MAP Research * User Experience Design *
DISCOVER : Primary Research 募集 60 位經常使用 Google 行動
地圖的用戶，透過觀察用戶實際操作 任務和訪談，輔以問卷調查，了解用 戶使用現有 Google 行動地圖的困難 和期待。
Sum up Discover Stage result
DISCOVER FINDINGS Inconsist information
Bad information archtecture Unclear icon design Low text readbility
inconvenient feedback system 8
行動地圖任務流程
Questionarie Results 問卷調查結果顯示現階段 Google 行 動地圖發展接近完整，結果偏正向。 唯有服務系統能力、隱私和在地化資 訊上較不符合用戶需求。
Interview Results 在訪談與觀察中，發現地圖資訊呈現 與使用流程架構，有改善的空間。
-info structure consistency
-Google Map location categorization
-map icon design
-question response speed
-info display sequence
-ability to solve users problem
-text info readibility
-personal information security -system reliability
9
ADAPTIVE MOBILE MAP Research * User Experience Design *
DEFINE : Critical issue 根據前階段研究調查結果，發現現有
地圖資訊架構無法讓用戶在相異使用 情境下，迅速取得使用最想要的訊息。 此外，在地資訊沒有累積也是用戶煩 惱的問題。 DEVELOP : Adapt Solution 基於前兩個階段的發現，嘗試融入「地 圖適應」的概念，並提出兩種版本設 計：可適應和自動適應，最後選擇「自 動適應」作為最終提案。
Adaptable concept
The first concept focused on enhancing Google Map app’s
responsiveness to user behavior
by reconstructing Google Map
app interface design, including re d e s i g n m e n u d i s p l a y a n d reschedule several functions
roots, in order to provided users more controllable interface design and searching filter.
10
Sum up Define and Develop Stage
FINAL CONCEPT
Adaptive concept
This concept focused on reducing searching time
Two design concepts prototype had both
automatically detecting users
at least 2 years experience in designing
been tested by 3 experts. 3 experts all had
a n d e l e vat i n g e f f i c i e n c y b y
user interface and were all profession in
context and life schedule records,
user experperience research.
in order to provide more suitable information to fit user’s
The research also provided a set of
potential needs at that moment
standard for 3 experts to evaluate two
in advanced.
concepts. The concept fit the standard better, the higher scores it would get. The result of adaptive concept was better then adaptable one. 11
ADAPTIVE MOBILE MAP Research * User Experience Design *
Google Map Usage Process
Google Map & Your Map 使用流程比較
Your Map Usage Process
12
13
ADAPTIVE MOBILE MAP Research * User Experience Design *
Your Map
Your Map 為一 款高度貼合 用戶生活行程的行動地圖服 務，透過自動定位和整合用 戶行程，推薦用戶當下或下 一步可能需要、可能興趣的 資訊。透過地圖中推薦牌卡 的設計，簡化用戶搜尋地圖 資訊的過程。
貼身景點 / 活動推薦
根據個人行程表，提供符合個人需求 的在地即時內容 14
所處在地資訊快速瀏覽
搜尋結果多維度過濾
清晰的搜尋結果介紹
後續反饋提示
輕鬆選擇個人搜尋方向
加快個人瀏覽效率
更了解個人感興趣的地點 / 活動
給予越多反饋 用戶獲得越精準的貼身推薦 15
ADAPTIVE MOBILE MAP Research * User Experience Design *
Detail 在 相 同 操 作 任 務 下， 比 對 Google 地 圖 和 Your Map 地 圖 操作差異 Interaction icon touch
next page
貼身景點 / 活動推薦
new feature
Your Map 16
在地資訊分類瀏覽
Google Map
Your Map
搜尋結果瀏覽
Google Map
Your Map 17
ADAPTIVE MOBILE MAP Research * User Experience Design *
搜尋結果方向導航
Google Map
Your Map 18
景點反饋清單
Google Map
Your Map
Google Map
Your Map
點評景點
19
MAOKONG TRIP User Experience Design * Service Design * Co-design with Win-fun Hsiao, Chih-Hsiang Wu
貓空小巴 Maokong Trip 唯一個旅 遊體驗設計專題，從旅客在貓空當地 的公車體驗為切入，挖掘貓空纜車、 公車與景點之間的體驗落差，希望透 過提升當地公車體驗和規劃，提升整 體旅遊體驗，進而增加旅客再訪率和 行程推薦。
20
Maokong Trip Bus Identity
21
MAOKONG TRIP User Experience Design *
來到貓空到底要 麼 ? 我不知道耶
Service Design *
搭乘貓空老車好新 鮮，期待山上的景點 迫不及待要去貓空 玩啦 ~
1. 搭乘市區運輸系統
2. 搭乘貓空纜車上山
從實地觀察遊客發現，多數旅客搭乘貓空纜車 上山後，實際在山上探索的時間少於一小時， 有的人甚至連一個景點都沒去，便下山了！ 22
3. 在貓空當地旅遊
更進一步在貓空纜車外欄訪遊客 在搭乘貓纜抵達山上後，普遍找 的介紹和交通接駁，形成極大的
要玩什 耶
下山搭乘貓纜感覺 好久又好累
對貓空纜車比較有 印象，貓空有什麼 特別的嗎 ?
4. 搭乘貓空纜車下山
5. 結束空之旅
客後，發現旅客 找不到貓空景點 的旅遊探索障礙。 23
+ 小巴路線站牌 + 貓空小巴 APP
MAOKONG TRIP User Experience Design * Service Design *
站牌容易找到，而 途還會推薦景點， 索任務可以玩 !
+ 介紹小巴收費模式 哇 ! 收費划算又可以 去好多不同景點，一 定要試試 !
+ 貓空小巴識別
喔 ! 等一下可以搭乘 貓纜和小巴耶 !
梳理利害關係人，綜合設計前期的調查發現，鎖定貓空在地的公車運輸 為切入點，滿足遊客基本旅遊訊息的需求進而獲得更好的遊玩體驗。
Stage 1 Introduce to Visitors
執行貓空旅遊體驗品牌定位和相關識別設計， 規劃此專案執行各階段目標。
24
Stage 2 Elavate Visi
規劃貓空小巴的運行細節，包 貓空亮點景點整理，巴士資訊
而且沿 ，有探
it Intention
+ 貓空小巴 APP
包含收費機制，路線規劃， 訊設計。
貓空好多景點可以玩， 下次還要再來 !
+ 網路經驗分享
我要跟朋友推薦貓空 小巴 APP 分享精采 的貓空之旅
Stage 3 Take Into Deep Trip
將前述階段的資訊規劃為 APP，提供遊客在遊玩過程 中，可以彈性安排行程。另提供遊戲任務，增加遊客 探索動力。
25
MAOKONG TRIP User Experience Design * Service Design *
收費票券 提供乘客信賴感
公車站牌資訊設計 安心探索旅程
can spend 50 dollars and take unlimited times
visitors tell different routes easily.
Set an official Maokong Bus Ticket, visitors within a day.
26
Bus stops are design in two colors which m
公車路徑規劃 輕鬆到達巴士點
Re-arrange Orange Bus Line by adding new stop
at the exit of Maokong Gondola, which make visitors find the bus stops easier.
Old Bus stop planing
New Bus stop planing
makes
27
MAOKONG TRIP User Experience Design * Service Design *
景點推薦
Visitors can choose sights from sorted sights classification 28
景點探索任務
Each sight has sp visitors to have mo journey
pecial mission for ore surprise during
Maokong APP
任務達成集點
Visitors get Bedges after completing missions 29
在地訊息推送
Visitors can check their interested sights whenever they need it
HOMING Human Computer Interaction Design*
Interdiscipline collabration with multi backgrounds participants on 2014 OpenHCI
我們相信進家門前的短暫停留，可以提 供人回到家後，更穩定的情緒表現。 Homing 為一個可安裝於家門外的情緒紓 緩裝置，將手放至於裝置上，光源以舒 緩節奏閃爍，創造一個短暫的個人時空， 無論進家門前心情為何，人們可以藉此 機會調整心情。 五天，來自不同領域的新夥伴，可以激 盪朱什麼樣的火花？觀察捷運站中進出 的乘客，腦力激盪，最後鎖定人與生活 中各種不同「門」之間的互動。最後聚 焦家人與家門之間的關係，嘗試設計一 個可以反應回家人情的互動裝置。
30
31
HOMING Human Computer Interaction Design*
個人貢獻 + 概念發展討論建議 + 原型製作 + 概念執行流程控制
Mini challenge
Use basic interaction program skills and LEGO to complete mission
Field Observation
Walk into real environment to observe
32
Brainstorming
Go for quantity and decide topic
S
D
Scenario Situations
Developing topic scenario
Concept development
Share and discuss concept idea, then focus on final proposal
33
Product Prototype
Create workable prototype
:D