Challenge User Experience Designe r Park Ui Jun’s design port folio
디자인 도전 중 2005년, The North Face 그래픽 디자인 공모전 입선 2006년, 커뮤니케이션 디자인 공모전 특선 2009년, 충북 아이디어 챌린지 정책 공모전 우수상 2010년, 아이리버 E-book 디자인 제안 산학 프로젝트 진행중
Contents
t ica un
m
m Co n io
n ig es
n tio ac er nt
n sig De
n sig De
n sig De
ce ien er
tD uc od Pr
I er Us
p Ex er Us
1
User Experience Design 기존의 제품과 서비스가 제공해주는 기능이 사용자가 원하는 경험에 가장 근접해 가는 것이 UX Designer의 역할이라고 볼 수 있다. 교내에서 진행되는 프로젝트를 통해 UX에 대해 연구 및 실행한 작업을 소개하며 본인이 UX 툴을 사용하여 UI 및 Product를 고객의 니즈를 찾아 나간 여정을 보여주고자 한다.
Multi-function printer with new experience New Interaction & product design 한동대학교 산업디자인학부 수업 Smart Media Design 프로젝트(2009년도 2학기)
Project Explanation & objectives 복합기 제품을 선정하여 User Experience를 위해 설계된 Methodology의 과정에 따라 사용자 조사를 진행하고 이를 통해 도출된 Data를 토대로 Direction을 설정하고 Final Concept을 디자인한다.
My Role In-depth user research Concept generation Making Framework Product design, model making Graphic user interface design (Illustratior, Flash) 3D Modeling (3Ds Max, Rhino)
HANDONG GLOBAL U N I V E R S I T Y
Process of New interaction & Product design HANDONG GLOBAL U N I V E R S I T Y
Pre-research 1 Web research
Building Research Framework 3 Critical issues
2 Mind map
3 Domain Properties
3 Critical issues
Heuristic
5 Usability Framework
1 Web research
Label 및 Pictogram 등이 올바른지 알아본다.
Naming, Metaphor error Natural Mapping error
Routinely-made error 반복적이고 자주 일어나지만 많은 행동단계를 요하는 Work 에 반응하는 사용자의 행태 조사
4명의 팀원들이 복합기 사용경험이 있지만 시장동향 및 디자인 동향에 대해 파악하고 Research 방향을 수립할 수 있는 Data를 모으는 작업을 수행하였다.
2 Mind map
Research를 통해서 Domain(출력, 스캔, 복사)의 속성에 따라 중요한 issue를 도출하여 정리 및 통합을 하였다. 이는 Research Framework의 기본이 될 작업이었다.
3 Domain Properties
설치
환경설정
프린트
복사
고장
사용자의 패턴화된 행동이 복합기의 물리적 레이아웃(버튼, LCD 등)과 Natural Mapping 을 이루는 지 알아본다.
Direction, positional error 출력물의 방향과 위치가 사용자의 의도와 맞지 않은 사용행태를 조사하고 일치하지 않는 이유를 알아본다.
스캔
Phase perception Configuration
장비 상태, 고장 진행에 대한 정보를 사용자가 쉽게 인지하고 대응할 수 있는 지 관찰한다.
의도한 결과물을 얻기 위해 얼마나 쉽게 환경설정을 할 수 있는 지 관찰한다.
4 Heuristic Evaluation
유지보수, 카트리지 교체
5~6명의 프린터 유저들로 하여금 출력, 스캔, 복사의 과정에 있어서 연상되는 것들에 관하여 mind-mapping을 하는 시간을 갖고 이를 통하여 cirtical issue를 추출하였다.
5 Usability Framework
4 Evaluation
이동
Pre-research에서 나온 Data를 토대로 복합기의 Sequence에 따른 특성을 뽑아낸다. 예 } 프린트 - 출력시 진동, 통장 사본 및 증명 사진 출력 복사 - 책의 안쪽 부분은 복사 시 어둡게 나옴 스캔 - 스캔 후 원본 빼는 것을 잊음 환경 - 컴퓨터와 프린터 기 사이의 색상 차가 존재 설치 - 드라이버 다운받기 귀찮음 고장 - 빨간 불 나올 때 어떻게 할까?
자체적으로 제품 및 interaction Service에 대해 평가하는 시간을 갖고 이를 Data화 하였다. 이 자료를 분석하여 통/폐합하여 Usability Framework를 짜기 위한 전초단계를 완성시킨다.
Multi-function printer with new experience
:) Design Implementation
User Research 6 Persona Selection 7 Usability Test
9 Desgin Strategy
8 Analyzing Data
0 Ideation
1 Final Concept
6 Planning UT Method
6 Persona Selection
0 Ideation
7 Usability Test
:) 1 Final Concept
평가자 1의 입장에서 UT 촬영 장면 평가자_2 실험자 조작 상황의 전체적인 모습을 전면에서 촬영함
직장인 - 보고서 무한 출력자 유형
숨은 조력자
평가자_3
실험자가 interview에 적극적으로 임할 수 있게 분위기 조성
대학생 - 시험문제 출력자 유형
전체적인 실험을 진행하며 과업을 실험자에게 전달함
Muliti-function Printer
실험자 책상에 앉아서 태스크 수행 평소에 사용하는 환경과 비슷한 분위기를 제공 편안한 마음으로 실험에 임할 수 있게 함
프리랜서 - 고품질 출력자 유형
각 분야를 대표할 수 있는 User Testee를 선정하기 위해 Persona 기준을 만들고 그에 가장 적합한 인물을 Contact 하여 UT를 실행가능하도록 하였다.
주어진 Task를 실행하면서 사용자가 범하는 오류 등을 체크하고 촬영하여 작업 모습을 남겼다.
6 Planning UT Method
Feedback & Modification
Scenario writing
원인에 대한 분류
Task
현재 상태에 대한 알림성
두껍고 큰/얇고 가벼운 책 스캔
현재 상태에 대한 알림성
Task Simulation
Value 1. Consequential Prediction System ex 1. 급지 및 스캔시 출력 방향, 위치 예측 ex 2. 메뉴 선택에 따른 결과 예측
User Interaction
Value 2. PUI에 적합한 interface 방식 제공하기
8 Analyzing UT Data
What are the tasks?
Task Room Setting
9 Design Strategy
평가자_1 실험자가 말하는 내용이나 질문을 현장에서 랩탑에 기록함
한 장에 두 페이지 인쇄
인지하기 쉬운 naming
부분 확대 복사
인지하기 쉬운 naming
전용지 인쇄
자연스러운 대응성
신분증 방향을 맞추어 복사
오류 및 특이사항
원인
부분확대 모드말고, 백분율 모드로 잘못 들어감
용지 설정을 위해 "미리보기"메뉴 대신에 "사진편집"메뉴로 들어갔 다.
Form-Factor
Value 3. Right Time, Right Information
대안
현재 스캔중이라는 시각적인 메시 스캔은 집중을 요하는 work이 아니기 신호를 인지할 수 있는 수단이 줄어들 지가 있었지만 스캔이 아직 덜 끝 때문에 신호를 지각할 수 있는 범위가 어도 인지할 수 있도록 두 종류 이상의 났음에도 프린터기가 조용하여 다 한정되어(시선 돌림) 현재 상태를 명확 Feedback을 준다. (시각적 신호와 청각 끝난줄 알고 원본을 제거하여 오류 히 인지하지 못한다. 적 신호를 동시에 제공) 발생 복합기에서는 일반적으로 사용하는 용 지와 특별히 사용하는 용지의 구분 없 이 이전 세팅값만을 기억하여 제공하 는 반면, 사용자는 어떠한 일을 할 때 사용자가 사진 인화지로 설정되어 work가 바뀌게 되면 그 단계만을 인지 있던 것을 보지 못하고 원래 의도 하고 생각하기 때문에 복합기의 세팅 했던 A4가 아닌 사진 인화지 모드 값과 사용자가 인지하는 세팅값간의 Gap이 발생한다. 인 채로 출력을 함
ex 1. 데이터의 양(Continuous/Discrete)에 따라 그에 적합한 인터페이스 제안 ex 2. 요구되는 조작의 세밀도에 부합하는 인터페이스 제안
현재 상태(세팅값)에 대한 Feedback을 줄 수 있는 방안 고려(용지함 부분이 빛나는 램프)
ex 1. 현재 진행 중인 Task에 대한 시각, 청각적 피드백 제공 ex 2. 활성화 상실 오류를 범하는 곳에 대한 due 제공 ex3. 설정된 상태에 대한 정보를 실시간으로 제공
현재 상태(용지 종류 등)를 상시 표시 해 주는 창 고려
용지 상태의 표시가 다른 메뉴와 비슷 해 Sensory Memory에 인식되기 어렵 다. 사용자가 크기 조절에 대한 유사성을 근거로 메뉴를 선택할 때, cognitive 대상과 행위 모두를 포괄할 수 있는, naming을 제대로 주지 않아 오류를 범 인지하기 쉬운 네이밍을 해 준다. 하게 한다. Naming이 하위 메뉴들을 포괄하지 못 하여 선택 후 결과를 예상하는데 어려 하위 메뉴를 포괄할 수 있는 네이밍을 다시 해 준다 움이 있다. 현재 위치에 대한 명확한 인지가 어렵 네비게이션을 넣어 주어 현재 위치가 어디쯤인지 알게 해 준다 다.
복합기가 제시하는 Conceptual Model (Sequence를 고려 : 미리보기-용지설 정)과 Mental Model( 속성의 유사성을 고려 : 사진편집-용지설정)이 일치하지 않는다. 앞 뒤 복사를 할 때 위치 파악이 용이 신분증을 스캐너 벽에 붙여서 놓음 하도록 행동함
속성의 유사성을 고려하여 복합기가 제시하는 Conceptual Model과 사용자 의 Mental Model을 일치시킬 수 있는 네이밍을 다시 해 준다 x
Multi-function printer with new experience
Kitchen Product For Singles New Interaction & product design 한동대학교 산업디자인학부 수업 Design Planning 프로젝트(2009년도 2학기)
Project Explanation & objectives 기업이 주목하는 타겟인 싱글족의 식습관을 Support할 수 있는 제품을 선정하고, 싱글족의 Experience에 맞추어 제품을 디자인할 수 있도록 설계된 Methodology를 이행하고 최종 Concept을 제안한다.
My Role Planning Methodology Focused-Group Interview progression Conceptualization Making Framework raphic user interface design (Illustratior, Flash) 3D Modeling (3Ds Max, Rhino)
HANDONG GLOBAL U N I V E R S I T Y
1
“늘어나고 있는 1인 가구 비율” “600만명에 이르는 싱글족 시장 규모” “싱글족을 겨냥한 제품이 늘어나고 있음” “싱글족은 자신만의 공간이 있고, 바쁘다.” “싱글족은 인스턴트 식품 의존도가 높다.”
Target 설정 및 싱글족에 대한 조사 기업들이 주목하는 타겟은? 싱글족은 어떤 족?
인스턴트 식습관에 길들여진 싱글족의 식생활 지원!!
2
Goal 설정
3
Issue 도출 싱글족 니즈 분석에 따른 item 선정 각 item에 따른 issue 도출
1. 시간 절약하기
2. 공간 활용하기
싱글족은 시간을 좀더 효율적으로 사용하고 싶다.
싱글족은 생활 공간의 효율적 활용이 필요하다.
3. 규칙적인 식사
4. 합리적인 소비
싱글족은 규칙 적인 식사가 필요하다.
싱글족은 합리 적인 소비를 원한다.
싱글족 니즈 Framework
4
User Research 조사방법 선택 및 조사계획 설정 Interview, User Observation 등 실행
음식보관 <냉장고> 음식조리 <전자레인지> 용기처리 <분리수거함>
싱글족의 식생활 sequence별 행위를 지원해주는 Item 선정.
그들은 무엇을 필요로 할까? 무엇을 지원해 줄까?
음식보관
+
음식조리
=
부엌 제품 디자인을 위한 issue 도출
용기처리
식사 sequence
싱글족을 대표할 수 있는 Persona 선정
User Observation(사용자 행동 조사)
5
6
조사를 통해 얻은 모든 자료를 통합 정리
Consolidation 나온 모든 문제점들에 대한 니즈 파악 니즈에 대한 아이디어 정리
1. 쉬운 정리와 빠른 식습관을 도와주는 냉장고 디자인 2. 싱글족에게 즐거움을 더하는 전자 레인지 디자인 3. 분리수거를 도와주는 compressor 디자인
Direction & Final Concept 앞에서 나온 니즈 및 아이디어를 적용한 final 제품 디자인
1. 냉장고 디자인
7
싱글족의 생활패턴을 고려하여 동선이 짧고 효율적으로 냉장, 냉동보관이 가능한 FormFacor를 Interaction을 통해 구현하였다.
3D Modeling 실제 제품 묘사 싱글족은 규칙 적인 식사가 필요하다.
2. 전자 레인지 디자인
3. Compressor 디자인
싱글족의 생활패턴을 고려하여 짧은 시간에 많은 것을 해결해주고, 기다리는 시간동안 Recreation을 제공하는 Interaction을 구현하였다.
싱글족이 분리 수거시 여러가지 불편함을 겪고 있는 것을 해결해 주기 위한 수동식 분리수거물 압축기를 제안하였다.
t ica un
m
m Co n io n sig De
re
tu ec
n sig De
it ch Ar
n ig es
tD uc od Pr
ce ien er
n io at
rm fo In
p Ex er Us
2
Information Architecture 모든 제품과 서비스의 Interface가 작동하기 위해서는 바탕에 Information Architecture가 적절히 구성되어야 한다. 사용자 조사를 통해 IA를 재구성 하고 이를 토대로 User Interface를 구현해보았다.
IA restructure & UI proposal IA 재구성을 통한 User Interface 제안 한동대학교 산업디자인학부 수업 Design Studio 2 프로젝트(2009년도 2학기)
Project Explanation & objectives 캐논 Powershot 제품을 선정하여 제품의 IA구조를 파악하고 최적화시킨다. 이를 통해 캐논 Powershot을 Redesign하고, Powershot을 Promotion할 수 있는 Graphic User Interface를 제안한다.
Required Skills Graphic user interface design (Illustratior, Flash) 3D Modeling (3Ds Max, Rhino) IA analysis & restructure
HANDONG GLOBAL U N I V E R S I T Y
IA Restructure & UI Proposal HANDONG GLOBAL
Design Process IA Analyzation
IA Restructuring
Product Redesign
User Interface Design
U N I V E R S I T Y
“Menu 구조 최적화를 위해 Information Architecture 수정”
IA restructure & UI Proposal
IA Restructure & UI Proposal HANDONG GLOBAL
Design Process IA Analyzation
IA Restructuring
Product Redesign
User Interface Design
U N I V E R S I T Y
Redesign된 Cannon Powershot과 재구성된 Information Architecture로 Promotion User Interface 디자인
IA restructure & UI Proposal
t ica un
m
m Co n io n sig De
re
tu ec
n sig De
it ch Ar
n ig es
tD uc od Pr
ce ien er
n io at
rm fo In
p Ex er Us
3
Product Design 학교에서 배운 스킬 및 Design 발상법을 바탕으로 다양한 사용자의 니즈를 충족시킬 수 있는 방법을 생각하며 제품디자인을 해 보았다.
Electrolux tea spoon proposal Product Design 2010 Electrolux Design Lab 공모전 출품작 (심사 진행중)
Project Explanation & objectives 2050년, 미래. 도시의 인구는 전체의 74%가 넘고, 도시인들은 시간이 부족하고 공간이 부족하다. 시간, 공간, 그리고 환경적인 문제를 해결하고 그들의 삶을 편리하게 해줄 수 있는 제품을 디자인 해보자.
Required Skills Graphic design (Illustratior, Photoshop) 3D Modeling (3Ds Max, Rhino) Design Research
HANDONG GLOBAL U N I V E R S I T Y
2050년, 미래 도시인들의 tea spoon 제안 2010 생활 가전 공모전 출품작(심사 진행 중)
주제: 2050년도, 도시의 개인들의 생활을 지원할 수 있는 가전 제품 디자인
2
1
미래 2050년도의 도시인들의 특징: 바쁘다. 공간이 모자란다.
3
그렇다면 바쁜 시간을 절약하고 공간을 적게 차지하면서 차를 마실 수 있는 방법이 없을까?
그들의 차 문화 분석: 바쁠 수록 문화 생활에 대한 수요는 늘 것이다. 따라서 차에 대한 필요는 여전할 것.
Anytime Teamaker 제안
t ica un
m
m Co n io n sig De
re
tu ec
n sig De
it ch Ar
n ig es
tD uc od Pr
ce ien er
n io at
rm fo In
p Ex er Us
4
Communication Design Communication Design의 가장 큰 목적은 공감, 소통이다. 내용이 전달이 되지 않는다면 본의를 잊은 것과 다름없다. Communication Design 작업물들을 통해 본인이 배우며 실천한 것들을 돌아본다.
1 North Face 그래픽 디자인 공모전 입상작 주제: “Never Stop Exploring”
2 2006 커뮤니케이션 디자인 공모전 특선 수상작 주제: “책은 지혜가 가득한 집입니다.”
3 2009 충북 아이디어 챌린지 정책 공모전 우수상 수상작 주제: “Dreamtel Project, 노약자를 위한 휴양시설 제안”
one page proposal (한장 요약본) 1. 대한민국의 경제, 양적으로 성장했다.
8. 무엇이 필요한가? 노약자를 배려한 시설, staff 및 도우미
2. 그러나 질적으로는 성장했는가? 그렇다고 볼 수만 없다.
9. Dreamtel 의 미래 계획 >> 운영 첫 해는 분기 별, 여름, 겨울 휴가철 총 6번 고객을 유치 >> 반응이 좋으면 3년 안에 매주 운영되는 상시 운영 체제로 전환 >> 충북 1호 점에서 5년 후 전국 도별 6개의 운영센터 설립 >> 안정 운영 후 충북에서 G-tel(Global-tel)로 전환하여 국제적인 Dreamtel로 성장
3. 특히 몸이 불편한 장애인과 노인에 대한 배려가 잘 되어있다고 볼 수 없다. >> 장애인 대상 복지부 조사 “79.7%, 장애인에 대한 차별이 많다” 답변) 4. 그들은 무엇을 필요로 하는가? >> 2003 장애인 복지 실증적 연구, 97.2% 장애인 관광이 필요하다 답변, 82.6% 장애인 전용시설 필요 답변) 5. 그렇다면 충청북도는 그들을 위해 무엇을 제공해 줄 수 있을 것인가? >> “현재 한국에는 없는 노약자를 위한 전용 휴양 시설 제공
10. Dreamtel의 기대효과 >> 운영 기업의 Brand image 제고, 지역학생 도우미 선발을 통한 전인교육의 장 제공 >> 불편한 가정을 둔 가정에 휴식시간 제공, 전국에서 모여드는 고객의 임상 사례 확보 11. 결론 >> Dreamtel Project를 통하여 장애인과 몸이 불편한 노인의 삶의 질을 향상시키고, 나아가 선진문화와 살기 좋은 세상을 이끌어가는 충북이 되자.
>> Dreamtel의 로고
6. 실현 가능성 있는가? 가능하다. Business Role model 존재.(영국 vitalise) 7. 무엇을 제공해줄 것인가? (1) 숙박시설 제공 (2) 숙박시설에서 당일 다녀올 수 있는 관광 상품 제안 (3) 고객이 즐길 수 있는 문화 공연 및 activities 제안 (4) 충북 의료단지와 협력하여 의료서비스 판매할 수 있는 기회 마련 >> 함께 제안한 노약자 전용 smart car
>> 도우미 전용 uniform 가시성을 위해 주황색 설정
>> 고객 전용 uniform 젊음의 푸른 색 설정
2009 충북 아이디어 챌린지
Challenge continues...