作品集 v2

1

C O N TE N T

03

07

23

ABOUT ME

PRODUCT DESIGN

UI/UX DESIGN

55

67

81

SERVICE DESIGN

PRODUCT IDENTITY

WEB DESIGN

2

李 Li, Shi-Hsuan

思 萱

_tel/ + 8 8 6 - 9 1 0 - 0 4 0 4 2 6 _mail/ yefun123@gmail.com

台灣科技大學創意設計 系主修工業設計

3

AUTOBIOGRAPHY 三 年 前， 懷 著 各 種 期 待 來 到 台 科 大， 在 這 裡， 有 許 多 不 同 方 向 的 課 程 讓 我 更 加 探 索、 瞭 解 自 己， 除 了 課 程 我 也 參 加 許 多 活 動， 和 班 上 同 學 一 起 辦 展， 也 在 大 學 中 擔 任 兩 年 的 登 山 課 助 教， 讓 我 更 加了解時程分配的重要。

我 修 習 工 業 設 計 領 域 的 課 程， 但 也 不 斷 嘗 試 和 碰 觸 各 種 領 域， 包 含 網 頁 設 計、 互 動 介 面 設 計 和 服 務 設 計 等 等， 這 些 課 程 讓 我 對 設 計 的 類 別 產 生 更 多 不 一 樣 的 認 識， 在 此 同 時， 我 也 獲 得 到 馬 來 西 亞做 App 和參加服務創新工作坊的經驗，並且發 現了自己在使用者經驗設計中極大的興趣。

我 很 喜 歡 使 用 者 經 驗 的 研 究 過 程， 觀 察 人 與 人 的 互 動 過 程 非 常 有 趣， 透 過 設 計 研 究 流 程 讓 我 更 了 解 使 用 者 的 想 法 ，並 且 設 身 處 地 思 考 解 決 的 方 法 ， 我希望能在研究所更加專注地學習使用者經驗設 計 ，並 接 觸 更 多 專 案 與 實 習 ，累 積 更 多 實 作 經 驗 。

4

SKILLS

Illustrator

Cinema 4D

Photoshop

Rhino

Sketch

ProEngineer

InDesign

Keyshot

Lightroom

Keynote

Dreamweaver After Effect Final Cut Pro

5

EXHIBITIONS

EXPERIENCE

2015 台 灣科大設計週 - 忐 忑 子 女 作 品 參 展

B e h an c e Po r t f o l i o R e vi e w i n T ai w an

產 品設計作品

策展行政組

ProE 建模作品

UXSD 用戶體驗 x 服務設計 工作坊 金獎 清華大學產品開發合作專案 台灣科大設計週 - 忐忑子女 講座組 J o n k e r Mal ac c a A n d r o i d A p p 開 發 介面設計、視覺設計

2013 你 有什麼毛病展 參展

創獸營營隊 宣服組組長與晚會展場佈置

台 灣科大設計週 - 誰 管 明 天 主 題 展 參 展

台灣創意母體 - 校園化裝競賽

河 方台北

特殊材質獎

所 有格 - 字型展 參 展

班刊 - 八分之一 編輯

6

7

Product Design

8

9

「除了陪伴，更是守護」 LOOKOUT 利用佩戴在寵物狗身上的電子項圈，在家中長輩發 生意外倒地時，用應用程式及時通知家屬，防止悲劇的發生。 LOOKOUT 讓最好的幫手協助家人的照護！

L O O KO U T 共同參與 / 謝佳紜、莊雅琪、闕子淵 參與分工 / 使用者經驗研究、概念發想、產品設計、影片剪接

10

01

LOOKOUT Pr oduct Design

研究動機 研 究 顯 示，6 5 歲 以 上 老 人 意 外 死 亡 的 原 因 中， 跌 倒 高 居第二。 許 多 情 況 下， 跌 倒 不 會 在 第 一 時 間 致 命， 往 往 是 因 為 行動受限且周遭無人 造 成 遺 憾 。 老人對於自身配戴偵測跌倒的穿戴式裝置接受度不 高，認為有損自尊。

11

設計目標 透過寵物「幫忙」配帶穿戴式裝置，取代在老人身上裝置偵測器，在老人跌倒不能 自救時，發出求救訊號。

12

01

13

LOOKOUT Pr oduct Design

設計項目

智慧項圈

App

寵 物 與 主 人 日 常 相 處 時 ，若 智 慧 項 圈 偵 測 到 寵 物 出 現 異 常 行 為 模 式 ，就 有 可 能 是 主 人 發 生 意 外 ，應 用 程 式 便會發送警訊給緊急聯絡人或醫務人員。

14

01

LOOKOUT Pr oduct Design

狗狗行為模式研究 測 試 時， 我 們 會 到 狗 狗 看 不 見 的 地 方 降 低 他 們 的 警 戒 心， 再 讓 受 測 主 人 假 裝 突 然 倒 地 ， 研 究 發 現 狗 狗 會產生特定的低頭繞 圈 行 為 模 式 。

15

我 們 將 電 子 系 同 學 焊 接 好 的 電 路 板 縫 在 較 柔 軟 的 帆 布 中 ，做 成 一 個 簡 易 的 項 圈 進行產品測試。

電子項圈設計內容 老人跌倒時透過人體紅外線模組與六軸感測器判斷 / 發出警示聲響 / 關閉警報按鈕 / 傳輸警訊

16

01

LOOKOUT Pr oduct Design

登入畫面

輸 入 ID 號 碼

輸入 ID 號碼登錄 第 一 次 使 用 LOOKOUT A PP 時 ， 需 要 輸 入 項 圈 手 冊 上 的 ID 號 碼 ， 應 用 程 式 會 將 輸入同組號碼的使用 者 建 立 在 同 個 群 組 。

17

放上寵物照片

新增狗狗和主人的檔案

設定主人檔案

設定主人檔案

首頁

群組展開

依照狗狗分家庭群組 使用者可以同時加入不同群組，讓使用者除了自家的寵物和親 人 外 ， 還 能同 時 關 心 在 遠 方 的 親 人 們 。 每個群組的右上角會顯示項圈當下的電量，讓使用者輕鬆關注 項圈狀況。

18

01

LOOKOUT Pr oduct Design

警報器介面

二 度確 認

緊急聯絡人收到通知

項 圈 偵 測 到 跌 倒 警 示 後， 經 過 3 0 秒 觸 發 手 機 警 報， 若 老 人 沒 事， 能 自 行 將 警 報 器 關 閉 ， 手 機 仍 會 再 度 跳出光箱詢問是 否 要 關 閉 ， 但 若 老 人 沒 關 閉 警 報， 應 用 程 式 便 會 撥 打 電 話 給 親 人 或 救 護 專 線 。

19

除了陪伴，更是守護 Look Out !

20

01

LOOKOUT Pr oduct Design

Introduction Vedio

21

22

23

UI/UX Design

24

高中歷史課活動 App，透過劇本懶人包進行課間臨時趣味活動， 提高學生的專注力與學習動機，創造師生間雙向且良好的互動。

U X S D W o r k s h o p 2 015 . 0 5 用戶體驗 X 服務設計 X 創新

金獎

金獎 共同參與 / 林子虹、王亦方、湯士賢、吳宜芳、李佳軒 參與分工 / 使用者經驗研究、介面設計、視覺設計

25

「嗨！歷史」

HiStory

26

02

HiStory UI/UX Design

HiStory 團 隊 成 員 有 六 位， 背 景 分 別 有 程 式 設 計、 電 機、 心 理， 和 三 位 設 計， 在 工 作 坊 中 根 據 用 戶 體 驗 流 程， 在 五 週 的 時 間 提出一套翻轉高中歷史課的設計概念。

User Experience Research 議題

1

訪談

高中生

深度訪談 15 位學生及 4 位老師 透 過 前 期 訪 談 發 現 問 題 與 需 求， 設 定 預 期 目 標 市 場， 再 根 據 目 標 市 場 挑 選 適 合 的 受 訪 者 進 行 二 次 訪談，並歸納出洞察。

2

記憶科目 二次訪談受訪者 高中生 4 位

單向教學無法引起學生動機。 文 科 在 學 習 上 須 大 量 的 記 憶， 繁 瑣 的 細 節 令 許 多 高 中 生 頭 痛， 以 歷 史 為 例， 年 代 與 人 物 交 織 而 成 的 歷 史 事 件，平鋪直述的教學 無 法 引 起 學 生 興 趣 。 因 此， 如 何 提 供 師 生 在 歷 史 課 上 有 更 良 好 的 互 動 及 學 習成效是我們想探討 的 主 題 。

27

高中老師 2 位

28

02

HiStory UI/UX Design

User Experience Research

訪談

使用者輪廓

Peter 高二理組 成 績 中 間， 不 擅 長 史 地 、 英 文 等 背 誦 科 目 ， 總 是 在 考 前 猛 背， 但 很 快 就 忘 了 。 喜 歡 化 學 ， 因 為 做 實 驗 有參與感。 P e t e r 喜歡模仿老師給同學看。 覺得自己為考試讀書，不清楚學習意義。

「 歷 史 課 就 是 在 睡 覺 ，反 正 都 是 要 背 ，那 回 家 背 就 好 了 。」

期待

老師認真準備教材與否，

活動若能結合學科知識，

會影響學習的意願 。

會增加學習動機。

希望跟老師雙向互動。

學生喜歡參與課堂的體驗活動。

師生間的互動受限於教育體制與教學方式 利 用 訪 談 內 容 設 計 出 兩 款 使 用 者 輪 廓， 分 別 是 高 中 生 與 高 中 歷 史 老 師。 我 們 認 為 最 主 要 的 痛 點 是 因 為 老 師 容 易 因 為 趕 課 需 求， 難 以 與 學 生 互 動， 而 學 生 對 不 活 潑、 沒 有 參 與 感 的 教 學 不 感興趣，失去學 習動機。

29

台南一中歷史老師 隨堂小考督促學生複習，課堂間的互動多以念課文 搭配抽問方式進行。放學後老師會利用通訊軟體協 助進度落後學生。 擔心教學現場中時間較緊迫，並以考試主導教學。

「升學壓力與創新教學間的平衡是相當困難的事。」

期待

老 師 在 體 制 下， 有 一 定

老師認為設計課堂活動較費時

的規範及限制必須遵守。

且難掌握。

老師想知道學生學習成果。

老師想改善卻苦無良方 特 別 設 計 課 堂 活 動 非 常 費 時， 且 較 難 以 掌 握 時 間 與 狀 況， 現 有 的 利 用 到 網 際 網 路 或 手 機 應 用 程式的方法，多 數過於複雜，必 須花更多時間學 習。

30

02

HiStory UI/UX Design

User Experience Design

顧客旅程地圖

利 用 洞 見 與 訪 談 內 容， 排 列 出 使 用 者 的 行 為 地 圖， 時 間 從 上 課 前 到 下 課 後 回 家 複 習， 我們把情緒的最 低點列出，並一 一檢視需要改進 的痛點作為設計 方向。

設計方向

31

1

促進師生間雙向互動

2

師生皆不需花太多時間準備活動

3

課程緊湊，無法花太多時間活動

4

簡單預習和複習，提升學生能力

上課前

上課中

預習進度

老師

下課後 複習進度

隨機抽取演員

老師課前推播本週進度

下課後學生進行經典題填 答，成績回傳給老師

學生

我們將 app 的使用過程分為三個主要脈絡，上課前、課中和課後，從課前老師可以透過推 播功能傳送本週進度或通知給學生進行預習的動作。然後在課中可以藉由剛剛介紹的三種 模式進行 創 新 式 的 趣 味 教 學 ，到 課 後 學 生 可 以 填 答 與 課 程 有 關 的 經 典 例 題 進 行 複 習 的 動 作 。

32

02

HiStory UI/UX Design

登入

班級管理

課前

選擇進度

選擇教材

課中

課後評量

課後

33

課前推播

抽選學生

學生端通知

劇本提詞機

34

02

HiStory UI/UX Design

特點

班級搭配進度

廣播系統

一 個 老 師 會 同 時 教 許 多 班 級， 並

透 過 廣 播 系 統， 老 師 能 讓 學 生 預 先 知 道 上 課 內 容 並

且 橫 跨 不 同 年 級， 管 理 班 級 進 度

事先預習，上課時學生較能快速進入課程。

就非 常 重 要 。 老 師 登 入 後， 所 有 班 級 和 進 度 便 能一 目 了 然 。

35

快速活動 我們設計 三 個 簡 短 的 小 活 動 ， 讓 老 師 能 夠 搭 配 課 程 內 容 進 行 。 1/ 逢場作戲：隨機抽取學生擔任歷史課本中的角色，利用提詞機進行即 興演出。 2/ 集思廣 益 ： 抽 取 學 生 ， 由 老 師 主 導 詢 問 歷 史 問 題 。 3/ 抽絲剝 繭 ： 抽 取 學 生 擔 任 歷 史 人 物 ， 由 其 他 學 生 提 問 推 想 此 角 色 。

36

02

HiStory UI/UX Design

隨機抽取學生扮演歷史人物 老師挑選 好 課 程 範 圍 與 模 式 後 ，抽 出 學 生進 行 三 到 五 分 鐘 的 活 動 ， 幫 助 學 生 快 速 進 入 主 題， 由 於 上 課 時 間 有 限 ， 快 速 簡 短 的 活 動 能 夠不佔用 太 多 教 學 時 間 ， 並 能 讓 學 生 學 習 獨 立 思 考 。

37

提詞劇本

歷屆考題測驗

被 抽 選 到 的 學 生 要 找 著 簡 短 的 劇 本， 利 用 提 詞 功 能 即

課程結束後出現此範圍得考古題，能夠

興 演 戲， 不 需 要 特 別 花 時 間 準 備， 也 能 增 進 獨 立 思 考

讓學生更快速瞭解大考出題方向並且幫

的能力。

助記憶。

38

02

HiStory UI/UX Design

Value Proposition 我們的價值主張主要有四點，分別是： 1/ 增進學生的學習動機 2/ 改善師生間的互動模式 3/ 幫助老師具備創新多元的教學方式 4/ 培養學生獨立思考的能力。

Business Model Canvas 商業模式的部分，app 是免費的，但只提供核心腳本供老師免費試用，如果老師喜歡， 可以透過內建購買進行關卡的購買，除此之外，老師也可以把自己撰寫的劇本上架，分享 給其他進行創新教學的使用者。我們也會跟出版商合作，由他們提供教材的內容，並透過 這樣的合作方式互惠互利。 Key Partners

出版商

Key Activities

全國 歷史老師

教材設計

介面設計

Value Propositions

程式設計

系統維護

增進 學習動機

增進學生 獨立思考 能力

Customer Relationships

教學 創新多元

推播功能

Ratings

教育與 學習間的 正向交流

Key Resources

Channels

歷史老師

APP STORE

google play

口耳相傳

官網

設計師 工程師

Cost Structure

Revenue Streams

App設計 維護費

39

上架費用 教材整理

內建購買 新內容

出版商 合作

學校 購買授權

Customer Segments

高中 歷史老師

高中生

40

HUNTIT 「 搭 乘 台 北 捷 運 尋 找 寶 藏！」 外地遊客到了台北常需要不斷上網搜尋景點和交通，而台北捷客除了 通勤或固定的景點以外還能去哪呢？ 捷運藏寶冒險 App，幫助外地旅客遊台北，也讓在地台北人發掘捷運 新去處，當小海盜成長的同時，旅人們也將擁有更多台北口袋名單。

2 015 台 科 設 計 週 展 出

41

42

03

Huntit UI/UX Design

議題 台 北 捷 運 尖 峰 時 期 塞 滿 上 下 班 的 民 眾， 但 其 他 時 段 搭乘的比例卻相當低，除了通勤方便之外，期望透 過其他方式吸引民眾 使 用 大 眾 運 輸 。 許多長期居住臺北的人經常抱怨不知道能去哪裡， 網路上的旅遊地圖多是給外來旅客的景點推薦，對 於臺北人而言沒有吸引力，對於外地的旅客更是需 要知道捷運能到達的 旅 遊 景 點 。

43

44

03

Huntit UI/UX Design

「 概念 遊戲化旅遊資訊，利用尋找藏寶地圖，並以對戰獲得領地 的 方 式， 激 起 玩 家 的 好 勝 心 ; 與 店 家 結 合， 使 獲 勝 者 能 夠 得到優惠券等實體獎品，增進玩家對戰慾望。

等級提升後裝備也升級，

從小水手到大海盜。

01 選 擇 一 個 尋 找 任 務 的 篩 選 方 式 三個篩選任務的方式，自由選擇，由左至右： 地點緣盡 / 時間快結束的 / 獲得獎勵多寡 最右邊的則是特別通知。

02 選 擇 一 個 任 務 進 行 對 戰 當玩家的等級越高，便能看見星星數越高的任務， 星星是每次拿到的獎勵，能夠換取獎勵。

45

。

03 進 行 對 戰 !

04 獲 勝 ！

規 則 一 / 找 到 照 片 上 的 店 家， 定 位 後 解

獲得餐廳折價券以及

鎖進入對 戰

悠遊卡加值點數

規則二 / 三 戰 兩 勝 46

03

Huntit UI/UX Design

Introduction Vedio

47

48

JONKER MALACCA 此專案為開發一款介紹馬六甲當地文化街的旅遊指南 App，幫助馬 六甲申請上世界文化遺產，此 App 已贈與世界文化遺產局。 共同參與 / 陳柏全、黃致嘉 參與分工 / 資料收集、攝影、介面設計、視覺設計

49

2014 Gap Time for Dream chasers in Asia 國際體驗學習計畫

50

04

Jonker Malacca UI Design

目的 此趟行程與馬六甲的獨立華文中學培風中學合作，和當地師生一起探 訪馬六甲地區的老街，透過 App 的方式介紹在地文化，藉由雙方合 作的方式深入了解在地文化及民俗風情，建立二校學生的友好情誼， 更透過本次的機會培養國際觀，增長見聞。

我 們 和 馬 六 甲 世 界 文 化 遺 產 局 於 20 1 5 年 2 月 1 4 日 在 馬 六 甲 文 化 街 上 舉 行 了 發 佈 會 ， 正 式 發 表「Jonker M ala c c a - 旅 遊 指 南 A pp」 。

51

導覽列 導覽頁有三 個 類 別 ， 分 別 是 美 食 主 題 、 文 化 景 點 ， 和 A p p 的 製 作 緣 起 。 每 個 類 別 裡 介 紹 的 店 家 都 是 當 地 學 校 推 薦 與 認 定 的 ，A p p 的 主 色 則 是 我 觀 察 到 當 地 最 常 出現的色彩 ， 即 是 當 地 紅 磚 牆 與 燈 籠 的 紅 ， 選定 這 個 顏 色 讓 人 更 有 身 在 當 中 的 感 受 。

52

04

Jonker Malacca UI Design

店家介紹 每個店家 展 開 後 ， 都 會 有 店 家 介 紹 、 相 片 ， 與 G o o g le M a p 導 航 。 參 考 Goog l e M at er i al Des i g n ， 適 時 收 納 資 訊 ， 點 選 圖 片 向 下 展 開 ， 使 頁面不至 於 過 長 ， 內 嵌 地 圖 導 航 功 能 ， 讓 觀 光 客 直 覺 操 作 。

53

店家導航 第四項功能為所有店家在地圖上的確 切位置，可以選擇類別，或者全部顯 示，讓使用者一目了然。

54

55

Service Design

56

偏鄉兒童真正需要的是什麼？許多短期志工帶 來的真的是他們想要的嗎？ 高中學生需要志工時數，我們設計此服務串連 高中志工與偏鄉兒童，利用隨身碟和雲端影片 讓兒童透過趣味方式進行課後學習。

與清華大學工業工程系合作進行產品設計專 案， 經 過 多 次 跨 領 域 討 論， 最 終 產 出 以 偏 鄉 學 童為主要對象的服務設計。 共同參與 / 許華汧、張欣怡、張筱青 參與分工 / 使用者經驗研究、服務流程設計、產品設計

57

「 創 造 人

HELLO WOR L D

人 與 外 界 的 幸 福 感 」

58

05

Hello World Service Design

User Experience Research

目標

Product Descriptions

Targeted Market

創造人與外界互動的幸福感

主要：偏鄉兒童 次要：老師與志工

Benefit Proposition 1. 改變知識傳遞的途徑 2. 平衡城鄉教育資源

議題

偏鄉兒童真正的需求易被忽視

大 多 數 偏 鄉 孩 童 從 小 就 因 父 母 在 異 地 工 作 ， 而 獨 自 成 長， 因 此 大 多 數 較 為 獨 立， 然 而 卻 也 因 此 更 加 渴 望 他 人 的 陪 伴 。 父 母 的 管 教 與 限 制 較 少 ， 加 上 大 自 然 資 源 豐 富， 對 於 外 界 充 滿 嚮 往， 個 性 大 多 熱 情 且 自 由 奔 放 ， 對 於 新 知 識 的 獲 取 也 充 滿 好 奇 心。 然 而 正 因 為 此 種 特 質， 使 得 偏 鄉 孩 童 對 於 長 時 間 待 在 同 一 個 環 境 下 ， 較 為 缺 乏 耐 心 ， 喜 歡 在 活 動、 玩 耍 中 學 習 或 是 動 手 體 驗， 勝 過於上課的學習。

好奇

59

自由

孤單

訪談 訪談 11 位與偏鄉兒童有接觸的人

訪談 5 位國小學童

由於小朋友沒辦法精準的表達自己的意思，且他

此 階 段 為 了 解 孩 童 對 於 學 習 的 動 機， 訪

們的需求透過觀察會較好於訪談，所以此階段主

問 國 小 學 童 學 習 的 方 式， 以 及 吸 引 他 們

要受訪者是與偏鄉小孩 相 處 過 的 人 。

的事物樣貌。

「 長 期 陪 伴 才 能 真 正 看 見 改 變，

「 我 喜 歡 會 動 的、 會 發

流 動 率 高 的 志 工、 老 師 其 實 是 讓

光 的， 我 不 想 要 看 書，

孩子感到寂寞。」

我有很多課本了。」

1. 讓 他 們 和 外 界 連 結

1. 回饋感

2. 基 本 資 訊 的 普 及

2. 方 便 攜 帶

3. 希 望 可 以 多 一 些 樂 趣

3. 造型特別

4. 希望能引起他們學習新知的興趣

4. 教學內容簡短

5. 環 境 對 他 們 很 重 要

5. 裝置大小適中

6. 注重互動的感覺

6. 希望是課外內容

60

05

Hello World Service Design

Sketchs

Choose

61

Service Process 兒 童 透 過 販 賣 機 取 得 事 先 錄 好 影 片 的 隨 身 碟， 看 影 片 的 過 程 中 ， 隨 身 碟 改 變 形 體代表知識的吸收。 孩童回答影片中的問 題 ， 獲 得 老 師 給 的 知 識 幣 ， 用 以換 取 下 一 個 知 識 。

高中 / 大學生上傳

下載影片至隨身碟 並放入販賣機

影片換取志工時數

01

02

03

學習吸收並答題

04

偏鄉老師審核

孩童透過答題得到代幣，利 用代幣從販賣機選擇隨身碟 類型

運 送 販 賣 機、 隨 身 碟 至 各 偏鄉學校，並定 期 檢 查

Support Process

相關人員

服務平台

隨身碟

高中 / 大學生提供課 外 知 識

高中生上傳影片

提供新奇有趣的知識

老師更新 USB 教學 影 片

偏鄉教師下載和評分

教材兼具玩具功能

販賣機 提供不同種類之隨身碟

維修人員定時檢查

62

05

Hello World Service Design

兒童扮演太空人搜集宇宙中的知識碎片，宇宙中包含 了各種類別的知識，科 學 、藝 術 、人 文 或 是 隨 機 選 擇 ， 讓兒童選擇有興趣的 類 別 ， 更 提 高 學 習 的 動 機 。

隨身碟操作流程 開啟學習檔案 5 -10 m in 學 習

答題測驗後，取出隨身碟給老師

機翼開合 獲得代幣

內建燈泡亮起

63

64

05

Hello World Service Design

Hello World !

為你開啟世界的開端！

Business Model Canvas

和 超 商 合 作 放 置 機 台， 有 意 願 提 供 教 學 影 片 者 藉 由 網 路 上 傳 影 片 ， 孩 童 放 學 後 到 超 商 投 零 錢 換 取 US B， 產 生 社 會 之 間 知 識 的 連 結 。

65

66

67

Product Identity

68

Ni nt e n d o 2 0 1 8 P ro je c t D e sig n 分析任天堂近年的趨 勢 ，研 究 企 業 品 牌 價 值 主 張 ，以 及 產 品 形 象 策 略， 預 測 未 來 趨 勢 分 析 20 1 8 的 產 品 走 向，以此為準則，為 任 天 堂 開 發 新 產 品 。

共同參與 / 謝佳紜、蕭屹、戴上 鈞 、 陳 奕 廷 參與分工 / 品牌分析、企劃討論 、 睡 眠 小 機 產 品 設 計

69

70

06

71

Nintendo 2018 Product Identity

市場調查

市場定位 任天堂原本主要開發 兒 童 與 青 少 年 市 場 ，透 過 卡 帶 增加 對 產 品 的 黏 著 性 ，於 2 0 0 6 年 推 出 家 庭 遊 樂 器 W i i 之 後， 漸 漸 進 入 家 庭 市 場 ， 嘗 試 透 過 遊 戲 增 進 家 人 間 的 親 密 度， 但 競 爭 對 手 陸 續 朝 科 技 化 發 展， 於 是 任 天堂也用 N3DS 的 3D 遊 戲 技 術 吸 引 科 技 愛 好 者 。

72

06

Nintendo 2018 Product Identity

物聯網與智慧家居生活型態 研究任天堂的同時，我們思考現今較新的技術，以及市場趨勢， 聯想三年後的生活環境，我們決定將新產品開發建立在物聯網 和智慧家居生活型態上。

「 基 於 在 遊 戲 領 域 的 專 業 知 識， 研 究 人 們 的 生 活 型 態，我們可以創造有意思的產品。」

任天堂的執行長在 2015 年的發表會上表示，由於任天堂多年來 研 究 人 體 感 測， 在 這 部 分 有 非 常 多 成 熟 的 技 術， 下 一 個 階 段 或 許會朝向生活中非遊戲機的產品發展，與我們的計畫相符。

73

從家庭生活尋找問題 確定做居家生活方向的設計後，我們試著從家庭生活中尋 找各式各樣的問題，最終將需解決的問題分為三類，分別 是：個人行為、環境品質、家事分工。

74

06

Nintendo 2018 Product Identity

設計方針 依 照 問 題 核 心 定 義 設 計 方 針， 由 明 確 的 字 彙 讓 設 計 時 不 易 與 目標產生衝突 。

讓家庭生活更和諧

75

讓家人之間更緊密

讓家庭環境更優質

PI 識別

PI 識別應用 色 彩 延 續 之 前 的 白 灰， 再 加 上 三 個 新 的 顏 色 搭 配， 淺 藍 代 表 清 新 ， 西 瓜 紅 代 表 有 活力的，草綠色代表 健 康 ， 造 型 上 沿 用 所 W ii U 的 方 正 與 大 圓 角 。 我們也希望設計主機 搭 配 許 多 小 機 ， 希 望 在 造 型 上 能 夠 讓 所 有 機 子 和 諧 不 衝 突 。

76

06

Nintendo 2018 Product Identity

產品核心理念 我們了解共同遊戲能讓家庭成員產生更緊 密 的 互 動， 而 維 護 環 境 整 潔 是 需 要 自 發 的 行 為， 若 經 由 父 母 管 教， 容 易 產 生 家 庭 間 的 隔 閡， 於 是 我 們 希 望 能 夠 將 生 改 善 家 庭 生 活 品 質 與 遊 戲 結 合， 相 互 影 響， 希 望 提 升大家共同維護的意 願 。

設計概念 從產品核心理念發想 ，設 計 一 款 角 色 扮 演 型 的 遊 戲 ， 每個家庭成員都有一 個 遊 戲 角 色 ，經 由 日 常 的 生 活 表 現，影響遊戲裡角色 的 遊 戲 數 值 ，讓 每 個 家 庭 成 員 都 能參與，在互相幫助 間 達 到 家 庭 關 係 的 改 善 。

透過各種小機記錄數 值 ， 並 且 影 響 遊 戲 中 的 角 色 數 值 。 家 用 的 室 內 小 機， 記 錄 睡 眠 、 月 經 等 生 理 數 值 ； 外 出 的 通 勤 運 動 小 機 ， 為 穿 戴 式 裝 置 ， 紀 錄 運 動 等 自 我 挑 戰的進步；室內的家 事 分 工 小 機 ，偵 測 做 家 事 的 頻 率 ; 環 境 的 個 人 空 間 乾 淨 度 小 機 ，影 響 遊 戲 內 環 境 數 值 。

77

虛擬真實；真實虛擬

從 前 的 任 天 堂 在 遊 戲 中 創 造 真 實 的 場 景 與 角 色 ，2 0 1 8 產品計劃從現實，透過遊戲機連結到虛擬遊戲中。

78

06

Nintendo 2018 Product Identity

睡眠監控裝置 監控產生的數值影響遊戲角色中的能力數值，藉此調控使用者的睡眠時間與長度，上方塑膠材質較薄， 會透出底下的色燈顯 示 時 間 與 睡 眠 長 短 ， 透 過 機 子 提 醒 遊 戲 數 值 的 改 變 。

79

此 裝 置 配 置 有 鏡 頭， 判 定 人 的 動 態 表 現 測 定 使 用 者 是 否 入 睡 ， 使 用 者 不 需 要 手 動 操 作 ， 裝置側邊有長條孔洞 ， 為 鬧 鐘 出 聲 孔 ， 而 時 間 設 定 須 透 過 個 人 穿 戴 是 裝 置 。

80

81

Web Design

82

07

BikeMap Web design

BikeMap 讓自行車族能夠參考推薦路線，選擇訓練或是休閒，並利 用網站連結的 Google Map 安排路線，規劃時程，更能揪團一同騎 乘自行車。 BikeMap 還有團購頁面，有推薦的運動裝備，也能與他人一同團購 享優惠。

83

84

08

XL 維力盃 Web design

為 了 行 銷 維 力 炸 醬 麵 X L 大 碗 滿 意， 舉 辦 維 力 盃 三 分 鐘 影 片 大 賽 ， 網 友 可 以 在 等 泡 麵 的 三分鐘觀看 影 片 ， 看 完 後 即 可 投 票 。

85

共同參與 / 魏廷恩、林逸晟 參 與 分 工 / 企 劃 討 論 、 介 面 設 計 、 Coding

86

87

面對面，看見使用者內心的長相 做出直指人心的好設計

88