Yun-Huei Lai portfolio

Page 1





.003

About Me Personal Profile、Design Award、Industrial Liaison Program、Exhibition

.007

Paper Employ Consistent Interface to Ticket Vending Machine for Various Mass Transportation Systems 以一致性介面整合高鐵與台鐵售票機介面模式

Product Design .019

Anti-Noise Ear Phone

.027

Happy Can, can happy

.033

Seal Pen

.037

Rental Thread Bike

.043

CUT your Cup

.047

Bubble Drop-shaped aquarium

.053

T-Memory 方向指引系統

Industrial Liaison Program .061

LED照明於生活應用之設計計畫

.077

Next generation nursing cart

.085

TESTRITE Step-on Bin design project

0 0 2


About Me

賴 芸慧 Lai Yun-Huei

birthday

1987.01.16

e-mail

tigerfat37@gmail.com

mobile

+886-934192266

education

National Taipei University of Technology Innovation and Design 國立台北科技大學 創新設計研究所 National Kaohsiung Normal University Department of Industrial Design 國立高雄師範大學 工業設計系 第二名畢 National Taichung Girls' Senior High School 國立臺中女子高級中學

software

0 0 3

Solidworks, Cinema 4D, KeyShot, Photoshop, CorelDRAW, Microsoft Office...etc


出生於1987年,台中人,畢業於台北科技大學創 新設計研究所。此本作品即包含大學至研究所的 幾個作品、參與過的專案以及畢業論文,記錄了 在設計這條路上成長的過程。 「搞清楚自己的特質,並從事對的行業」,這並 不是什麼創新的理論,但非所有人都可以這麼順 遂,十分慶幸進大學時選擇了設計這條路,不是 因別人的眼光而逼迫自己,那樣才能夠始終保持 愉悅的邁進。大學四年的課程確立了自己是喜愛 設計這件事,努力修習基本知識與技巧,融入甚 至是帶領團隊合作,並且確信可以做到自我要求 的堅持且樂在其中,也因此我選擇繼續念研究所 充實與進修。 研究所就讀北科兩年半,高雄與台北截然不同的 環境與步調,讓自己更上緊發條以跟上大家的步 伐,在研究室進一步接觸通用設計與介面設計, 改變了以往只注重造型與比賽的狹隘觀點,以 「人」為出發點說起來很簡單,但就是熟悉才會 有盲點,如何觀察與切入,由細節入手來貼近使 用者,是我現在努力的目標。 設計不是關在象牙塔內埋頭苦幹,站在巨人的肩 膀上才能看得更遠,時時刻刻都記著要汲取更多 新知,內化後才會更進步,設計兩字才不再是紙 上談兵,而是真正落實於生活。

0 0 4


Design Award 2003 2005 2008 2008 2008 2009 2009 2009 2010 2010 2010 2010 2011

台中市學生美展平面設計類高中組 - 佳作 - 樂透 全國關懷愛滋創作競賽大專組 - 第二名 G-Design奇想設計大賽 美化人生組 - 佳作 - 寶貝球 光寶創新獎Lite-On Awards - 光寶特別獎 - Monster Hunter 第三屆玻璃家具設計競賽 - 入圍 - 隨你變 台北縣立淡水古蹟博物館文化創意商品競賽 - 精品禮品組佳作 - 天賜錢福 台北縣立淡水古蹟博物館文化創意商品競賽 - 生活用品組第三名 - 滬尾攬勝 壓克力創意設計競賽 - 入圍 - Post-it 客綻新藝-客家文化周邊商品設計比賽 - 入圍 - 桐花傘 G-Design奇想設計大賽 創新科技組 - 佳作 - Anti-noise earphone 第一屆馬祖文創商品設計競賽 - 佳作 - 一頁‧馬祖 第七屆育秀盃創意設計大賽 - 入圍 - Guide‧Umbrella 觀賞魚水族器材創意設計大賽 - 佳作 - Bubble

Industrial Liaison Program 2008 2009 2009 2009 2010 2010

研華文教基金會 - Next generation nursing cart B&Q特力集團 - TESTRITE Step-on Bin design project 國科會工程科技推展中心 - 智慧個人輕型電動載具研發計畫 國科會前瞻計畫ideastorming - 應用無線電力傳輸技術開發未來智慧生活產品 大專畢業生創業服務計畫 - 紙漿軍創意設計 燦星網通股份有限公司 - LED照明燈具產品規劃暨設計開發計畫

Exhibition 2008 2008 2009 2010 2010 2011 2011

0 0 5

新一代設計展 - 大四畢業專題 Happy Can 台灣設計博覽會第9館「創意達人陣」 - Monster Hunter / 寶貝球 新一代設計展 - 國科會前瞻計畫ideastorming - 應用無線電力傳輸技術開發未來智慧生活產品 愛明日行動Love Tomorrow Today設計展設 - CUT your Cup 中國廣州進出口商品交易會 - LED照明燈具產品 中華民國設計學會第16屆設計學術研究成果研討會 - 大眾運輸自動售票機介面一致性之探討 台灣國際觀賞魚博覽會 - Bubble



PAPER Category

Directed by

以一致性介面整合高鐵與台鐵售票機介面模式

黃子坤

Abstract Jakob Nielsen (2002) remarked that consistency can apply on several different levels, the individual application, across a product family, for the national computer industry and even internationally. Consistent interface allows users to quickly understand the system, and help them build accurate mental models. This research employed consistent interface to ticket vending machine for Taiwan High Speed Rail and Taiwan Railway. It not only improved usability of individual application, but also enhanced the user's mental model that enables transfer of skill from one system to another. Based on the existing system and UI design theory, this study defined the page layout of ticket vending system should contain main title, option buttons, cancel option and feedback. Graphic details were also defined, including color, graphics, button shape and size. The assessment revealed that experienced user of any one of the two ticket vending system performed less error and better efficiency when using other ticket vending system. As a result, the effect of consistent interface is positively proved, while operation efficiency and user's satisfaction are improved.

0 0 7


0 0 8


Background

60%

使用大眾運輸交通工具,接觸售票窗口是旅客搭 乘的第一步驟,人工窗口雖然提供完整的服務, 卻會增加大量的人事成本,而售票機可以讓大部 份的使用者快速且正確的完成購票程序,並且減 少排隊等待的時間。目前台灣的大眾運輸系統 中,以高鐵與台鐵的購票流程最為繁多且相似, 因此本研究針對此兩種售票機之介面作探討。

39.80%

30%

30.75%

售票機推行使用至今多年,期間卻時常傳出使用 性不佳與使用率偏低的負面新聞,右圖為近四年 來高鐵購票通路之窗口與售票機百分比曲線圖, 顯示窗口售票比例始終保持於50%左右,而使用 售票機的比例卻無法提昇,售票機不友善的介面 是為人詬病的重要因素。

0%

96

97

98

Problem Kiosk的運用與發展,由於資訊科技的加持有越 來越加溫的趨勢,目前台灣的大眾運輸售票機多 採用此智慧多媒體系統。整理台鐵與高鐵路之售 票機購票流程,可清楚發現兩者購票流程繁複且 步驟相似,但順序上差異甚大,造成使用者混 淆。

購票順序差異大

比較現有高鐵與台鐵售票機介面視覺與操作上的差異。

COMPARE

0 0 9

頁面與視覺動線不同

步驟與操作流程迥異

色彩搭配調性差異大

操作回饋方式不同

按鍵型式不一

用詞使用不一致

99


Pilot Study

比較具備不同操作經驗使用者之操作績效與錯誤率,檢視熟悉高鐵售票機 的使用者,對於台鐵售票機的使用是否較容易上手。群組A先熟悉高鐵售 票機,接著於台鐵售票機進行兩種指定購票任務;群組B直接進行台鐵售 票機之購票任務,藉由此方式比較兩族群購票之使用績效與錯誤次數。

X10

120

0.6 Task 2

Task 1

Task 2

Task 1

P=0.813 P=1

0.3

90

P>0.05,表示無顯著差異

P=0.635

P=0.556

Group A 60 0

Group B

(s) 操作時間

錯誤次數

統計結果P值並沒有<0.05,表示已熟悉高鐵售票機介面的群組A操作次數 與時間,與未使用過售票機的群組B相比並無明顯差異。

???

Target

經由前導研究的探討分析可以了解到,目前現有的高鐵與台鐵售 票機介面設計並不完全符合介面設計規範,且因兩者介面形式有 相當的差異,讓操作者無法建立一致的心智模式,導致使用者即 便使用過其中一種售票機,使用另一售票機時仍需重新學習。 針對現有高鐵、台鐵兩種售票機介面做規劃改善,將兩者介面做 個別頁面與跨平台一致性設計,發展高鐵與台鐵售票機之一致性 介面原型。

C

S ON

IST

EN

T

CONSISTENT

TICKET

TICKET

0 1 0


Standard Nielsen提出影響介面使用性的重要因素之一,為一致性的使用者介面(Consistent Interface),因為一致性介面可以讓使用 者快速理解系統,並幫助他們建立準確的心智模式。一致性介面不僅適用於單獨的應用程序和跨產品系列,甚至跨平台系 統。本研究欲設計新的一致性高鐵與台鐵售票機介面,整理設計時需遵守的理論基礎如下。

介面設計規範

網格系統提高可理解性與清晰度, 讓設計更有次序。

運用群組與階層讓複雜資訊呈現上 更加有調裡。

視覺動線上,橫向編排較契合視神 經焦點運動及眼球生理運動。

具有完整錯誤修復機制,包含「取 消任務」與「回到上一步步驟」。

避免需要滾動螢幕,此種方式的易 讀性低以至於降低處理速度。

精靈介面原則

TITLE

每個頁面均具有明顯的標題,提醒 使用者為何會進入此步驟。

1 2 3 4 Step≦10

顯示完整流程,告知使用者目前在 流程中的位置,且步驟數目應在十 個以下。

C

Summary

A B C

Check

操作流程的每一步都根據使用者的 輸入,在介面的某個區域顯示出輸 入的結果。

螢幕按鍵設計 建議使用有圓角的方形,但兩種按鍵具備不同功能的狀況 下,也可利用不同形狀來作分群;按鍵型式應模擬真實按 鍵,包含材質、反射、漸層陰影、浮凸與溝槽皆可作為考 量因子;按鍵邊長大於12mm,按鍵間距超過1mm,確保 按鍵被成功點選。

>12mm

>1mm

0 1 1

最後提供總結頁面,讓使用者據此 檢視自己的選擇操作是否正確。


Design Process

發展售票機 整體流程架構

顯示企業形象Logo, 以了解正在使用的的 購票系統。

企業標誌

方便購票時做對照, 不需要另外依靠手錶 或手機來確認現在的 時間。

現在時間

主標題

頁面配置

標籤頁式的設計條列 所有操作步驟,並將 及時即時回饋一同顯 示於此欄位。

包含上一步與取消購 票兩種選項。

此部分顯示此頁需進 行的操作。

步驟+回饋資訊 顯示可選擇之選項與 輔助圖片。

動作按鈕

錯誤修復

高鐵售票機介面

台鐵售票機介面

色彩計畫 細節設計

研究指出深色背景較 受喜愛,因此左側欄 位採用黑灰色漸層加 上企業標誌浮水印, 搭配白灰色文字。右 側欄位底色則是淺灰 色。

配合高鐵與台鐵企業 顏色,高鐵介面以橘 色為主,台鐵介面則 以藍色為主,整體色 彩運用包含底色與文 字不超過六種顏色。

0 1 2


高鐵售票機介面

資訊確認

選擇車次

選擇時段

選擇出發日期

選擇張數

0 1 3

7

選擇到達站

5

8 選擇啟程站

4

9

選擇票種

3

10

選擇服務項目

2

選擇付款方式

1

6


台鐵售票機介面

資訊確認

9

選擇票種

選擇車次

選擇啟程站

選擇時段

選擇到達站

選擇張數

選擇出發日期

5

10

選擇服務項目

2

選擇付款方式

1

3

8

4

7

6

0 1 4


Verification 針對高鐵與台鐵模擬介面,請使用者進行驗證實驗,期望透過使用者任務操 作,了解一致的介面對使用者操作績效與錯誤率的影響,以及使用者對模擬介 面之主觀滿意度與操作上的缺點。

X10

Group A

高鐵模擬購票

台鐵模擬購票

X10

Group B

台鐵模擬購票

高鐵模擬購票

X10

有一致性介面售票機使用經驗

無售票機使用經驗

操作時間

錯誤次數

0.6

100

80 0.3

0

邀請60名不同年齡層(12-30歲、31-50 歲、51-65歲)且未使用過自動售票機的 受測者進行實驗,受測者皆需進行高鐵 與台鐵兩種模擬介面的任務操作。分析 操作錯誤次數與時間發現使用過一致性 售票機的受測者表現明顯提升。

60

40

無售票機使用經驗

(s)

有一致性介面售票機使用經驗

整理高鐵與台鐵介面具備不同經驗使用群組各步驟平均時間如下表,明顯可見使 用者具備一致性介面的使用經驗後,於各步驟的操作時間均會縮減,證明熟悉其 中一種介面的使用者,在操作另一種介面時能快速上手,不需重新學習。

20

10

0

0 1 5

無經驗高鐵

有經驗高鐵

無經驗台鐵

有經驗台鐵


根據操作一致性高鐵與台鐵模擬介面的操作經驗,使用者的主觀滿意 度如下圖所示,沒有人認為不滿意與非常不滿意。以此結果檢視一致 性模擬介面的設計,有八成五的受測者反應正向。

非常滿意 17%

普通 15%

受測者主觀滿意度

很滿意 68%

Conclusion 本研究針對現有高鐵、台鐵兩種售票機介面做規劃 改善,透過心智模式的理論、介面設計準則、觸控 螢幕介面限制與精靈介面設計準則,以及參考使用 者訪談結果,將高鐵與台鐵之售票機介面作個別頁 面與跨平台一致性設計,發展高鐵與台鐵售票機之 一致性介面原型。將此一致性介面進行使用者分組 驗證實驗與問卷調查,最終根據實驗結果顯示:具 學習經驗的受測者與無使用經驗的受測者相比,錯 誤次數與操作時間均減低一半以上,證實具個別頁 面一致性與跨平台一致性的高鐵與台鐵售票機介 面,能有效提升使用效率與使用者滿意度。

0 1 6


0 1 7


Anti-Noise Ear Phone Happy Can, can happy Seal Pen Rental Thread Bike CUT your Cup Bubble Drop-shaped aquarium T-Memory 方向指引系統


0 1 9


0 2 0


長期暴露易引起高血壓 一般工人工作環境

60

65

70

75

80

85

90

95

100

機器發動噪音 一般環境

暴露不可持續超過8小時 暴露超過4小時會損傷聽力

0 2 1


Sketch_鍾榮典

0 2 2


0 2 3

Talking 說話聲

Talking 說話聲

N o ise 噪音

Music 音樂


PES substrate PdAu ZnO Nws GaN Sapphire

0 2 4


0 2 5


0 2 6



0 2 8


0 2 9


0 3 0


0 3 1


0 3 2


0 3 3


0 3 4


Problem

Personal Stamp

Pen

How to use

0 3 5


Printing name cards Stamp name cards

Seal Pen can be put into your pocket. You can carry it and wont be afraid of forgetting to bring name card anymore.

0 3 6


0 3 7


0 3 8


0 3 9


How To Use

0 4 0


Traditional

New ways

0 4 1


0 4 2


0 4 3


0 4 4


Process

Problem

Solution

0 4 5


Before squash

After being squashed

Exhibition Photos

0 4 6


0 4 7


0 4 8


0 4 9


0 5 0


單位:mm

390

80

0 5 1

74

450

290


Final Model

0 5 2


Category

0 5 3

Year


0 5 4


0 5 5


Situation

0 5 6


0 5 7


0 5 8


0 5 9


LED照明於生活應用之設計計畫 Next generation nursing cart TESTRITE Step-on Bin design project


0 6 1


FINAL MODEL


0 6 3 以 庶民經濟為策略導向,搭配燦星網通的自 有品牌FORA進行銷售與推廣,開發出具有延遲功能的Timer L ED燈泡、子母呼應LED燈泡組、嬰兒看護LE D燈泡組等居家空間照明概念之設計提案,替代傳統照明之數位 化LED新式照明光源應用設計,共計三件。另 外沙漏意象造型LED桌燈、兒童用LED水溫計,提供居家生活便 利 之LED光源應用的產品設計提案,計兩件。

Concept Development

Market Information 現有產品分析

競爭對手分析


類 不同空間交錯使用

10

20

30

各空間具備且劃分清楚

40

50

60

不同空間皆很大

70

80

90

居家空間大小分類

使用者需求

傳 輸 科

生 理需 求

重點需求

自我實現

RFID

聲控

感壓技術

紅外線

0 6 4


空間 X 消費者需求 X 燈光的可能性

Concept Development

1. 2. 3. 4. 5. 6. 7. 8. 9.

衣掛燈(透過懸掛衣服時與燈產生互動,並提供照明光源) 摺疊燈片(當桌底或角落需要一盞光,它可以提供局部照明,且不占空間) 插座與開關光源(於黑暗環境不用摸黑找開關或插座) 床頭閱讀燈、書櫃燈(用於夜晚睡前閱讀使用) 床下燈(夜間起床上廁所或撿東西,也屬於間接照明的氣氛光源) DIY組合燈櫃(可自行購買單體來組裝,每件單體組裝後可連接通電) 衣架燈(LED隨意掛) 室內鞋子局部燈源(用於鞋子前端家裡有老人小孩預防跌倒) 窗簾照明光源(根據氣候溫度而變色)

1. 2. 3. 4.

門把光源(轉動或開鎖時會發出光源) 保險箱光源(提醒逃生者第一時間帶走貴重物品) 地毯縫燈(具提醒作用,可防止絆倒) 門緣燈

Bedroom

5. 聲控光源(嬰兒哭會亮起讓母親方便照顧) 1. 舒眠燈(幫助人們舒服入眠的光源) 2. 相框局部照明 3. 全身鏡燈(背面LED)

Other

0 6 5


1. 2. 3. 4.

廁所閱讀燈(可加入時間提示功能) 浴室小光源(起床上廁所不用開主燈,此燈可提供局部照明) 鏡面背後的照明光源 結合吹風機(看得更清楚,媽媽幫小孩吹頭髮)

1. 2. 3. 4. 5.

防滑踏墊燈(方便半夜進入浴室微光照明) 浴室提示燈(提示洗澡者有人按門鈴) 水龍頭燈(根據水溫變色) 滾筒式衛生紙照明光源(提醒快用完畢) 馬桶燈(提示使用者目前身體狀況)

1. 2. 3. 4. 5. 6.

立式淋浴光源(玻璃頂部或外圍有情境光源) 洗手台光源(在出水時,透過感應水流方式,產生微弱的情境光源) 模擬漂浮蠟燭(增加泡澡氣氛) 花瓣燈(LED可丟在浴缸內) SPA情境燈(淋浴、浴缸) 浴室氛圍燈(藉由LED變色特性可安裝於浴室內,使空間有不同色彩變化)

7. 浴缸塞子燈(LED防水可隨浴缸內的水.搭配燈光效果)

Bathroom

Kitchen

Living Room

0 6 6


0 6 7 居家生活便利之LED光源應用x2

LED燈泡的應用設計x3

Concept Development


照明方式分類

目標使用族群

傳輸科技與發光顯示技術

0 6 8


W

INTE

一系列針對嬰幼兒安全設計的感溫變色水溫計,包含不同造型的矽膠LED動物、 顏色對照用甜甜圈與花朵水塞,家長可以視需要來選擇購買。產品優點為安全且 富趣味性,並用最直覺化的方式反應嬰幼兒洗澡時適宜的水溫。

兒童用 LED 水溫計

Animaal Donuts

ME

R

R UM

0 6 9

STYLE DEVELOPMENT

S


BACKGROUND

USAGE 2s

SITUATION

PACKAGE 0 7 0


0 7 1

Flower

本設計是一款LED燈泡與嬰兒感應器結合的系列產品,父母親可以自行安裝在 居家的空間,利用LED燈泡的顏色變換與閃爍提醒與警示,讓父母親可以放心 做其他事情。

兒童看護 LED 燈泡組

STYLE DEVELOPMENT


BACKGROUND

USAGE

SITUATION

PACKAGE

0 7 2


0 7 3

Respond

期許燈泡能發展更多可能性,運用現有科技提高照明外的附加價值,運用紅外線感 測技術,設計一組呼應燈,單顆母燈可搭配多顆子燈,用以提醒家庭成員有人經過 或出入家門口。

子母呼應 LED 燈泡組

STYLE DEVELOPMENT


BACKGROUND

USAGE

SITUATION

PACKAGE

0 7 4


0 7 5

Delay 30

改變傳統對燈泡的既有思維,加入燈光延遲熄滅的元素,於燈泡內安裝簡易控 制器,讓使用者可以切換不同使用模式,在有需要的時候使用燈光延遲熄滅的 功能。

Timer LED 燈泡

STYLE DEVELOPMENT


BACKGROUND

USAGE

SITUATION

PACKAGE

W60 L60 H110

0 7 6


0 7 7


0 7 8


Design Process

模組化

0 7 9

電腦支援 帶電系統

移動性

人因

可調性

◎ ●高

◎中 X低

各廠牌特色比較表

Competitor Product Analysis Background

Visit & Question


Macro SET & POG

護理車使用情形

護理車於病房實際使用流程 雙人病房

四人病房

0 8 0


護理車實際裝載情形

Observation & Analysis

0 8 1


Barcode scanner Sunken tabletop

Pushing Handle

Space for keyboard

Extension working board Holder for Needle Containers

Drawer for medicine

Drawer

ABS Waste Bin

0 8 2


Modular

0 8 3


Modular Nursing Cart Medical Crash Cart, Emergency Cart, Nursing Cart

Nurse

Doctor

0 8 4


0 8 5


0 8 6


Design Process

Normal

Butterfly

Invisible Lid

Touch-bar

Mechanism of Lid Background & Standard

Market Research

Robust

Delicate Price(US)

Design Target Complex

Simple Price(US)

0 8 7


LID

HINGE

Design Target PEDALS

BOTTOM

Design Point Shape of Lid

Shape and Pattern

Type A)

Type B)

Type C)

Type D)

0 8 8


30L PEDAL BIN MODEL 0 8 9


BOTTOM

TESTRITE 28L Step-on Bin design

0 9 0


40L PEDAL BIN MODEL

TESTRITE 40L Step-on Bin design

LID

0 9 1

HINGE

PEDALS


12L PEDAL BIN MODEL HINGE

金屬拉環方便提攜

TESTRITE 12L Step-on Bin design

PEDALS

0 9 2





Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.