2015 uxpa closing speech by ditldesign

DITLDESIGN

VIDE UCAN

IJDesign IF CHISDCRedDot

brain development

2

teaching staff

1 4

budget

1 100

Awards

CHICROSS INGS

SEOUL KOREA

2015

Jobs

iCAN

UXDP of iCAN

•

•

•

• iOS -

• Android -

National Taiwan University of Science and Technology /Department of Industrial and Commercial Design

2011 NSC DESIDN

iCAN ProjectDesign Process /

Kids with Autism


2010 -2012


柳丁炸雞腿葡萄薯條奇異果

水三明治蘋果餅乾漢堡

Design Feature 1Design Feature 2 動詞

文具

食物

角色

交通

地點

副詞

娛樂

時間

情緒狀態

形容詞

日常用品

260100

Iteration

UXResearch UXDesign UXTesting UXEntrepreneurship

UXDesign Process

Agile UX + Lean UX


2011 NSC DESIDN


The 1st half circle has completed. UXResearch


2011 NSC DESIDN



2011 NSC DESIDN


1.

2.

3.

1.

2.

3.


2011 NSC DESIDN


•

•

•

• (BURDEN of CAREGIVER)

ICAN UXRESEARCH


2011 NSC DESIDN

iCAN ProjectDesign Process / The 2nd circle has completed.

iOS 5.0

UXResearch

UXDesign


2011 NSC DESIDN


iPad

Mac - iWork Keynote


2011 NSC DESIDN


- iPad

iCon


2011 NSC DESIDN


iCan


2011 NSC DESIDN


- XCode UI


2011 NSC DESIDN


2011/05/19-21 Working Prototype


2011 NSC DESIDN

iCAN ProjectDesign Process / The 3rd circle has completed.

iOS 5.0 Android

UXResearch

UXDesign

UXTesting


2011 NSC DESIDN


Intelligent Communication Board for ASUS Eee Pad TransformerIndividuals with autism are often unable to use oral communication to express themselves comprehensively and thus suffered from many communicational obstacles. Current solutions are heavy communication books where numerous pictures stored in order to prepare their oral presentation skills. With clear interface, easy operations, and lightweight, iCan integrates sounds, figures, words to smoothen the learning process for autistic children. Its functions include the help to pronounce words correctly, to structure sentences, and to collect personal database for figures. Through the aid of iCan, hopefully autistic children can learn basic oral communicational skills.

iCAN

Android

Sapuz

http://www.sapuz.com/ *更新內容：

1.新增圖卡時容易誤按會跳出2.常用圖卡功能，大圖顯示 3.播放具備設定次數功能4.回覆預設功能鍵5.直覺性的播放按鈕圖示

http://www.sapuz.com


2011 NSC DESIDN


iCan - Android 分類顏色，以及圖文轉換的新功能

柳丁柳丁

v1 v2

Android IOS


2011 NSC DESIDN


iCan - iOS 分類顏色的新功能

v1 v2 v3


2011 NSC DESIDN

iCAN ProjectDesign Process / The 4th circle has completed.

UXInnovation

UXResearch

UXDesign

UXTesting

iOS 5.0 Android

ICAN UXTEST FINDING

•

ACC

• ican

USER EXPERIENCE DIFFERENCE

• /(ex. )

iCan (ex. )

• /

iCan

QUESTIONNAIRE RESULTS

• Burden of Teaching for Caregiver

Significant difference in the gain scores. M=3.73, STD=1.05 ; P-value=0.0054 (<0.01).

• Burden of Making picture card’s for Caregiver

Significant difference in the gain scores. M=8.00, STD=1.59 ; P-value=0.0005 (<0.01).

2010.10&

2011.05 (iOS)

2011.10IDA

2011.11

2011.03 2011.06(iOS) (Android)

2011.10Android -

2010.10

• Working Prototype • Add more User Needs & Experiences• Concept Design

iCAN v1.1 iCAN v1.2 iCAN v1.3~v1.4

iOS 5.0 Android 3.0

2010.10 ~ 2012.10

BUSINESS MODEL


2012 NSC DESIDN


$ $iCAN

$$$ $$ $$$$$0

• (Multidisciplinary Collaboration)

• Company or University Partners

• APPS

• (User Experience)

•

•

• (Continuous Modification of Prototype)

• (Research through Design)

•

• (Entrepreneurship)

•

•

Desirability - Feasibility - Viability

HearMe A Recording App for Visually Impaired People

DITL 國立臺灣科技大學

設計資訊與思考研究室

IUILAB 國立政治大學

創新使用者介面實驗室

。

余能豪助理教授

指導總監

TEAM MEMBERS

Zen 張育涓

研究員、專案經理

Diona 林奕岑

資深互動體驗設計師

Afra 蔡宜璇

資深IOS開發工程師

唐玄輝副教授

指導總監

HEARME DEMO VIDEO

THE PROCESS OF PROJECT HEARME

UXR UXD UXTObservation&Interview UXR 2nd

Observation&Interview UXR 1st

Design Exploration

Design Assumption

prototype1 HearMe1st

prototype3 1HearMe 3rd

prototype2 HearMe 2nd

HearMe UXT 1st

HearMe UXT 3rd

HearMe UXT 2nd

5

12 2

7

10

36 72

...

...

...

• 現有錄音裝置以數字編號命名，無法立得知案的大內容。

• 自行建立分類相當需要；根據時間、名、地點等來搜尋也有助。

• 把案從錄音裝置傳到電腦，再

傳給別人步驟麻煩。

• 期待能分享更多生活中資訊給家人朋友，或是互相共享資料。

• 手機錄音軟體沒有設計重複播放片段，只好接到電腦。

• 錄音帶要快轉、倒轉到想聽的部分比較耗時間。

• 錄音筆的操作變化太多，介面太複雜，操作要花時間。

• 在錄音中能標記出重要段落，方便日後聽取。播放錄音

整理分享

操作更敏捷，不再錯過重要時刻

雙指點兩下，可開始錄音

“出去時可以很及時的錄製很特別很好聽的

聲音，或是街邊叫賣的聲音就可以馬上錄下

來。”—（P4）

當下記錄，錄後超方便

單指右滑，記錄重要段落

”學生上課標記重點時會很有用，

我以前光拉那個重點就拉了老半天，

還是找不到。”（P3）

Part 1

錄音時標記重點段落向右滑動，聆聽時也一樣左右滑動來跳段落。

iOS中調整數例如音量、語速的手勢是上下滑動來增減，套用在快轉倒轉情境中一樣上下滑動。

快速理解，學習使用

獲得聽覺的空間感，不易迷失

例如到下一層時會瀏覽到該頁面的標題，便知道已換到下一頁。

跳出通知視時有相應的音效，提

示面排列與先前不同。

跨App操作一致性，空間記憶的可能

狀態列、巡覽列，從螢幕邊界快速摸到電池電量或回上一頁按。

學習型工作型生活型

INSIGHTS不同錄音族群的設計建議

• 數據化或大量的資訊有被紀錄的迫切性

• 案傳輸便利性 •儲存空間 •跨裝置的延續性

•快捷操作 •與社群平台的連結程度

工作型學習型

族群共通處

生活型

Mobile Navigation for Visually Impaired Smartphone User

BlindNavi

sequencing

sequencing

service blueprint

4

23

1

touch point

辦公室到VINO CAFE

2015 / 01 / 29

歷程2015/01/20

2015 / 01 / 20

起點台科大校門口

面對基隆路請過馬路斑馬線前有石柱可追跡過馬路後請左轉

增加註記

增加註記

請左轉

左轉後於基隆路四段直行朝羅斯福路方向前進人行道上有樹枝垂葉請小心

1

2

歷程細節

WHERE增加註記

辦公室到VINO CAFE

2015 / 01 / 29

歷程2015/01/20

2015 / 01 / 20

歷程紀錄



增加註記

請左轉


1

2

歷程細節



增加註記

請左轉


1

2

歷程細節

Line Facebook Message Mail

Cancel

Copy

現在位置歷程紀錄

WHERE增加註記

歷程細節

Line Facebook Message Mail

Cancel

Copy

co-creation

4

23

1

輸入目的地

搜尋

台灣科技大學

一號島廚房

cafe libro

Diary Bistro

搜尋

WHEREVino C

終點

現在位置

台北市大安區師大路80巷2號1樓

羅斯福路四段

台大正門新生南路三段

台大校園辛亥路二段

民權國小基隆路四段



增加註記

請左轉


1

2

歷程細節

Books Books

NO.

54

56

COFFEE SHOP

2

3

1

+

evidencing

?

VISUALLY IMPAIREDS on the TRAIN

!

+BEACON

BEACON on the TRAIN

Books Books

NO.

54

56

COFFEE SHOP

DAY TIME STREETS

Books Books

NO.

54

56

COFFEE SHOP

NIGHT TIME STREETS

Books Books

NO.

54

56

COFFEE SHOP

STREETS for VISUALLY IMPAIREDS

Books Books

NO.

54

56

COFFEE SHOP

+BEACON

STREETS with BEACON

holistic

WWW.DITLDESIGN.COM

http://www.ditldesign.com