(발제) cafe의 테이블 탑 인터페이스를 위한 ux디자인 솔루션 제안- 행동성...

32
의 테이블 탑 인터페이 스를 위한 디자인 솔루 션 제안 행동 유발성을 중 심으로 숭실대학교 대학원 미디 어학과 노효훈 엄지

Upload: snuuxlab

Post on 28-Nov-2014

368 views

Category:

Documents


0 download

DESCRIPTION

 

TRANSCRIPT

Page 1: (발제) Cafe의 테이블 탑 인터페이스를 위한 UX디자인 솔루션 제안- 행동성 유발성을 중심으로 +숭실대학교 미디어학과대학원 2011 -노효훈

의 테이블 탑 인터페이스를 위한 디자인 솔루션 제안 행동 유발성을 중심으로숭실대학교 대학원 미디어학과노효훈엄지

Page 2: (발제) Cafe의 테이블 탑 인터페이스를 위한 UX디자인 솔루션 제안- 행동성 유발성을 중심으로 +숭실대학교 미디어학과대학원 2011 -노효훈

의 테이블 탑 인터페이스를 위한 디자인 솔루션 제안

행동 유발성을 중심으로

숭실대학교 노효훈

디지털정보융합전공엄 지

12년 10월 8일 월요일

Page 3: (발제) Cafe의 테이블 탑 인터페이스를 위한 UX디자인 솔루션 제안- 행동성 유발성을 중심으로 +숭실대학교 미디어학과대학원 2011 -노효훈

서 론 이론적 배경 테이블 탑 인터페이스의 이해 사용자 조사 를 위한 테이블 탑 인터페이스 제안 결 론

12년 10월 8일 월요일

Page 4: (발제) Cafe의 테이블 탑 인터페이스를 위한 UX디자인 솔루션 제안- 행동성 유발성을 중심으로 +숭실대학교 미디어학과대학원 2011 -노효훈

서 론 이론적 배경 테이블 탑 인터페이스의 이해 사용자 조사 를 위한 테이블 탑 인터페이스 제안 결 론

휴식 제공 개인 업무 동성자와의 대화를 나눌 수 있는 복합 공간

디스플레이의 특성과 테이블의 특성을 동시에 가지고 있는 매체디스플레이의 기능으로 효과가 있는 반면에 카페처럼 테이블의 기능은 고려되지 않는다

디바이스의 에 집중

테이블 특성과 디스플레이의 특성이 조화된 테이블 탑 인터페이스디바이스에 대한 연구는 미진

연구

12년 10월 8일 월요일

Page 5: (발제) Cafe의 테이블 탑 인터페이스를 위한 UX디자인 솔루션 제안- 행동성 유발성을 중심으로 +숭실대학교 미디어학과대학원 2011 -노효훈

서 론 이론적 배경 테이블 탑 인터페이스의 이해 사용자 조사 를 위한 테이블 탑 인터페이스 제안 결 론

테이블의 행동유발성과 디스플레이의 행동유발성이 상호충돌하지 않으면서사용자의 테이블에서의 행위 상황과 디스플레이 특성이 조화된디바이스 디자인 및 컨텐츠 개발

방법론

페르소나 모델링관찰 및 인터뷰

목적

12년 10월 8일 월요일

Page 6: (발제) Cafe의 테이블 탑 인터페이스를 위한 UX디자인 솔루션 제안- 행동성 유발성을 중심으로 +숭실대학교 미디어학과대학원 2011 -노효훈

서 론 이론적 배경 테이블 탑 인터페이스의 이해 사용자 조사 를 위한 테이블 탑 인터페이스 제안 결 론

어떤 행동을 유도하는 행동 유도성깁슨의 어포던스 지각자의 경험 지식에 관계없이 지각할 수 있는 양에 따라 오브젝트의 사용에 대해 인식한다도널드노만의 어포던스 행위 가능성을 설명하는 정보가 있을 때 어포던스가 존재하며 인간은 이러한 정보를 해석하는방법을 이미 하였음을 기반으로 한다

어포던스

노먼의 단계 행위 모형

실제적 어포던스

인지적 어포던스

어떤 것을 조절하거나 작동시키기에충분히 잘 보이게 하거나 혹은잘 붙잡을 수 있게 하는 것

시각적 정보나 단서를 제공함으로써일을 실행 가능 ㅎ도록 생각이나의도를 도와주는 역할을 수행

노먼의 분류에 의한 어포던스 요소

12년 10월 8일 월요일

Page 7: (발제) Cafe의 테이블 탑 인터페이스를 위한 UX디자인 솔루션 제안- 행동성 유발성을 중심으로 +숭실대학교 미디어학과대학원 2011 -노효훈

서 론 이론적 배경 테이블 탑 인터페이스의 이해 사용자 조사 를 위한 테이블 탑 인터페이스 제안 결 론

관련연구

테이블 탑 인터페이스 입력에 관련된 연구 촉각 피드백테이블 탑 인터페이스 출력에 관련된 연구 테이블 탑 디스플레이에서 정보의 시각성 연구

테이블 탑 인터페이스

디스플레이분할

공유

새로운 상호작용도구 방법

피드백

출력입력

12년 10월 8일 월요일

Page 8: (발제) Cafe의 테이블 탑 인터페이스를 위한 UX디자인 솔루션 제안- 행동성 유발성을 중심으로 +숭실대학교 미디어학과대학원 2011 -노효훈

서 론 이론적 배경 테이블 탑 인터페이스의 이해 사용자 조사 를 위한 테이블 탑 인터페이스 제안 결 론

테이블 탑 인터페이스 입력에 관련된 연구 촉각 피드백

노영태 테이블 탑 인터페이스를 위한 신뢰성 있는 피드백 시스템

관련연구

12년 10월 8일 월요일

Page 9: (발제) Cafe의 테이블 탑 인터페이스를 위한 UX디자인 솔루션 제안- 행동성 유발성을 중심으로 +숭실대학교 미디어학과대학원 2011 -노효훈

서 론 이론적 배경 테이블 탑 인터페이스의 이해 사용자 조사 를 위한 테이블 탑 인터페이스 제안 결 론

테이블 탑 인터페이스 출력에 관련된 연구 테이블 탑 디스플레이에서 정보의 시각성 연구

백송이의 종방향 화면 분할 시 착석유형

관련연구

12년 10월 8일 월요일

Page 10: (발제) Cafe의 테이블 탑 인터페이스를 위한 UX디자인 솔루션 제안- 행동성 유발성을 중심으로 +숭실대학교 미디어학과대학원 2011 -노효훈

서 론 이론적 배경 테이블 탑 인터페이스의 이해 사용자 조사 를 위한 테이블 탑 인터페이스 제안 결 론

기존의 연구는 디스플레이의 특성인 입출력의 기능에 집중되고 테이블의 속성은 최소화 됨

테이블 탑 인터페이스를 테이블의 기능에 대한 깊은 고찰 없이 사용할 사용자를 고려하여 디바이스는 사용자에게테이블적 기능을 제공해야 함

사용자 행위가 적용되고 디바이스의 디스플레이적 특성과 테이블 특성이 조화된 테이블탑 인터페이스 구현에 대한연구 필요

연구문제

디스플레이특징

디스플레이분할

공유

새로운 상호작용도구 방법

피드백

출력입력

일반 테이블에서사용자의 행위

테이블 특징

테이블 탑 인터페이스

12년 10월 8일 월요일

Page 11: (발제) Cafe의 테이블 탑 인터페이스를 위한 UX디자인 솔루션 제안- 행동성 유발성을 중심으로 +숭실대학교 미디어학과대학원 2011 -노효훈

서 론 이론적 배경 테이블 탑 인터페이스의 이해 사용자 조사 를 위한 테이블 탑 인터페이스 제안 결 론

테이블 기능 디스플레이 기능

테이블 탑 인터페스의 기능적 특성

디스플레이 정보처리

입력

출력

테이블거치

휴식

업무

12년 10월 8일 월요일

Page 12: (발제) Cafe의 테이블 탑 인터페이스를 위한 UX디자인 솔루션 제안- 행동성 유발성을 중심으로 +숭실대학교 미디어학과대학원 2011 -노효훈

서 론 이론적 배경 테이블 탑 인터페이스의 이해 사용자 조사 를 위한 테이블 탑 인터페이스 제안 결 론

테이블 기능 디스플레이 기능

테이블의 기능거치한다휴식 및 업무

테이블 탑 인터페스의 기능적 특성

휴식

사물을 거치함

신체를 거치함

무거운 가방을 올려놓는다통화를 끝내고 모바일을 올림커피잔을 올려 놓는다

테이블에 엎드려 자거나 쉰다테이블에 팔을 올려 턱을 괸다테이블에 팔을 올리고 생각에 잠긴다

업무

사물을 이용한작업

커뮤니케이션

노트를 올려 필기를 한다노트북을 거치하여 문서 작업을 한다

테이블에 둘러 앉아 회의 한다

12년 10월 8일 월요일

Page 13: (발제) Cafe의 테이블 탑 인터페이스를 위한 UX디자인 솔루션 제안- 행동성 유발성을 중심으로 +숭실대학교 미디어학과대학원 2011 -노효훈

서 론 이론적 배경 테이블 탑 인터페이스의 이해 사용자 조사 를 위한 테이블 탑 인터페이스 제안 결 론

테이블 기능 디스플레이 기능

테이블 탑 인터페스의 기능적 특성

디스플레이의 기능

인풋 아웃풋의 정보처리 입력

디스플레이접촉

오브젝트를이용한 접촉

손으로 버튼 를 누른다손으로 드래그 한다

전자펜으로 글자를 슨다마커가 찍힌 명함을 올린다

를 올린다

출력시각적정보 탐색

출력되는 정보를 읽는다

12년 10월 8일 월요일

Page 14: (발제) Cafe의 테이블 탑 인터페이스를 위한 UX디자인 솔루션 제안- 행동성 유발성을 중심으로 +숭실대학교 미디어학과대학원 2011 -노효훈

서 론 이론적 배경 테이블 탑 인터페이스의 이해 사용자 조사 를 위한 테이블 탑 인터페이스 제안 결 론

테이블 탑 인터페이스에서 어포던스의 충돌

테이블 탑 인터페스의 어포던스

디스플레이테이블

실제적 어포던스팔을 올리기에 적당한 높이착석 시 몸을 기댈 수 있는 견고함사물을 안정적으로 거치할 평평한 평면

인지적 어포던스버튼이 도드라져 보임

색과 크기의 차이로 시각화텍스트 미디어를 통한 행동 유도

시각적 자극을 받으려는 어포던스시각적 정보 단서 실마리를 제공하며 입력을 유도

신체와 사물을 거치하는 어포던스평면을 보이거나 통하지 못하도록 막는 행위 �

12년 10월 8일 월요일

Page 15: (발제) Cafe의 테이블 탑 인터페이스를 위한 UX디자인 솔루션 제안- 행동성 유발성을 중심으로 +숭실대학교 미디어학과대학원 2011 -노효훈

서 론 이론적 배경 테이블 탑 인터페이스의 이해 사용자 조사 를 위한 테이블 탑 인터페이스 제안 결 론

테이블 탑 인터페이스 디자인을 위한 디자인 절차

관찰 조사 인터뷰

도출

12년 10월 8일 월요일

Page 16: (발제) Cafe의 테이블 탑 인터페이스를 위한 UX디자인 솔루션 제안- 행동성 유발성을 중심으로 +숭실대학교 미디어학과대학원 2011 -노효훈

서 론 이론적 배경 테이블 탑 인터페이스의 이해 사용자 조사 를 위한 테이블 탑 인터페이스 제안 결 론

일반 카페의 테이블에서 사용자 행위 수집

방법론 선택 이유 설문지 포커스 그룹 인터뷰 직접관찰을 통해서는 인위적이지 않은 실험환경을 제공받을 수 없기 때문에 사용

조사 방법 명의 피실험자 하루 한 차례 카페에 방문하여 퇴실할 때까지

12년 10월 8일 월요일

Page 17: (발제) Cafe의 테이블 탑 인터페이스를 위한 UX디자인 솔루션 제안- 행동성 유발성을 중심으로 +숭실대학교 미디어학과대학원 2011 -노효훈

서 론 이론적 배경 테이블 탑 인터페이스의 이해 사용자 조사 를 위한 테이블 탑 인터페이스 제안 결 론

페르소나 모델링

사용자 행위 도출

정의

유사 행동 그룹핑

행동 패턴

➔ ➔

12년 10월 8일 월요일

Page 18: (발제) Cafe의 테이블 탑 인터페이스를 위한 UX디자인 솔루션 제안- 행동성 유발성을 중심으로 +숭실대학교 미디어학과대학원 2011 -노효훈

서 론 이론적 배경 테이블 탑 인터페이스의 이해 사용자 조사 를 위한 테이블 탑 인터페이스 제안 결 론

관찰과 인터뷰

실험환경

실험환경행동패턴 변화 관찰 인터뷰➔ ➔

관찰과 인터뷰 과정

12년 10월 8일 월요일

Page 19: (발제) Cafe의 테이블 탑 인터페이스를 위한 UX디자인 솔루션 제안- 행동성 유발성을 중심으로 +숭실대학교 미디어학과대학원 2011 -노효훈

서 론 이론적 배경 테이블 탑 인터페이스의 이해 사용자 조사 를 위한 테이블 탑 인터페이스 제안 결 론

관찰과 인터뷰

실험환경

실험환경

12년 10월 8일 월요일

Page 20: (발제) Cafe의 테이블 탑 인터페이스를 위한 UX디자인 솔루션 제안- 행동성 유발성을 중심으로 +숭실대학교 미디어학과대학원 2011 -노효훈

서 론 이론적 배경 테이블 탑 인터페이스의 이해 사용자 조사 를 위한 테이블 탑 인터페이스 제안 결 론

관찰과 인터뷰

행동패턴 변화 관찰

12년 10월 8일 월요일

Page 21: (발제) Cafe의 테이블 탑 인터페이스를 위한 UX디자인 솔루션 제안- 행동성 유발성을 중심으로 +숭실대학교 미디어학과대학원 2011 -노효훈

서 론 이론적 배경 테이블 탑 인터페이스의 이해 사용자 조사 를 위한 테이블 탑 인터페이스 제안 결 론

관찰과 인터뷰

인터뷰

카페테이블에서 노트북을 주로 사용하는데 모니터가 하나 더 생긴 느낌을 받았다 시선이 분산되는 느낌을 받아서 집중을 할 수 없었다

테이블 탑 인터페이스에서 개인물품 거치디스플레이를 가려서는 안될 것 같았다 필기나 컵을 사용하고 놓았을 때 원하지 않는 디

스플레이를 조작 할 때마다 시각적으로 현혹된다

커피를 쏟을 것 같아서 더욱 조심하게 컵의 위치를 놓으려고 했다

일반 테이블에 비해 엎드리는 행위가 없어짐

테이블에서 편안하게 엎드려서 작업을 했는데 디스플레이의 열기가 느껴져서 엎드리는

것이 힘들었다테이블 탑 인터페이스는 책상이 아니니까 엎드리면 안 될 것 같다

12년 10월 8일 월요일

Page 22: (발제) Cafe의 테이블 탑 인터페이스를 위한 UX디자인 솔루션 제안- 행동성 유발성을 중심으로 +숭실대학교 미디어학과대학원 2011 -노효훈

서 론 이론적 배경 테이블 탑 인터페이스의 이해 사용자 조사 를 위한 테이블 탑 인터페이스 제안 결 론

관찰과 인터뷰

관찰을 통한 거치구역 행동패턴 분석➔ 도출

실험환경 에 대한 개인소품 거치구역

12년 10월 8일 월요일

Page 23: (발제) Cafe의 테이블 탑 인터페이스를 위한 UX디자인 솔루션 제안- 행동성 유발성을 중심으로 +숭실대학교 미디어학과대학원 2011 -노효훈

서 론 이론적 배경 테이블 탑 인터페이스의 이해 사용자 조사 를 위한 테이블 탑 인터페이스 제안 결 론

특성 행위 거치 변화 원인 비고

디스플레이특성

디스플레이 되는 콘텐츠에 현혹

콘텐츠가 작동하면 그것에 시선이 빼앗겨 집중하기 힘들다

디스플레이특성

디스플레이 되는 콘텐츠에 현혹필기 책을 볼 때 콘텐츠로 눈이 간다

디스플레이특성

콘텐츠의 오작동

생각지 못한 인터랙션으로 콘텐츠의 변화 되는 것에 신경 쓰인다

디스플레이특성

콘텐츠의 오작동콘텐츠의 버튼을 누를 것 같아서 디바이 스 테두리 소품들을 올리게 된다디스플레이

특성

디스플레이 빛

책을 볼 때 필기를 할 때 디스플레이 발광 때문에 눈이 피로해진다

디스플레이특성

디스플레이 빛빛 때문에 디바이스에 엎드리는 것이 꺼려 진다

디스플레이특성

기타 전자파의 영향 때문인지 엎드려있기 꺼려 진다

디바이스물리적 특성

디바이스 표면의 발열 디바이스의 발열이 있어 엎드려 있는 것이 꺼려 진다

디바이스물리적 특성

유리에서 나는 마찰음

커피 잔을 테이블 탑 인터페이스에 놓을 때 유리와 부딪치는 소리가 부담스럽다

디바이스물리적 특성

유리에서 나는 마찰음테이블 탑 인터페이스에서 스마트폰 진동 이 울릴 때 소리가 크게 느껴진다

디바이스물리적 특성

디바이스 파손에 대한 우려

음료를 쏟을 것 같다디바이스물리적 특성

디바이스 파손에 대한 우려 노트북을 올려놓을 때 조심스러워 진다

디바이스물리적 특성

디바이스 파손에 대한 우려

테이블 탑 인터페이스 모서리에 무거운 소 품들을 올려둬야 마음이 편안하다

디바이스물리적 특성

기타 개념적으로 일반 테이블이 아니기 때문에 엎드리면 안 될 것 같다

12년 10월 8일 월요일

Page 24: (발제) Cafe의 테이블 탑 인터페이스를 위한 UX디자인 솔루션 제안- 행동성 유발성을 중심으로 +숭실대학교 미디어학과대학원 2011 -노효훈

서 론 이론적 배경 테이블 탑 인터페이스의 이해 사용자 조사 를 위한 테이블 탑 인터페이스 제안 결 론

관찰과 인터뷰

관찰을 통한 거치구역 행동패턴 분석➔ 도출

콘텐츠의 내용 떄문에 개인 작업에 대해 집중할 수 없다

디스플레이의 발광이 개인 업무에 방해가 된다

유리의 마찰음에 대한 기피현상

음료를 쏟거나 무거운 물품을 올릴 때 디바이스 파손에 대한 우려가 있었다

디바이스 자체가 테이블이 아니라는 고정관념이 있어서 테이블처럼 사용하기 어렵다

디스플레이 특성 디바이스 물리적 특성

12년 10월 8일 월요일

Page 25: (발제) Cafe의 테이블 탑 인터페이스를 위한 UX디자인 솔루션 제안- 행동성 유발성을 중심으로 +숭실대학교 미디어학과대학원 2011 -노효훈

서 론 이론적 배경 테이블 탑 인터페이스의 이해 사용자 조사 를 위한 테이블 탑 인터페이스 제안 결 론

도출과 적용방안관찰을 통한 거치구역 행동패턴 분석

디스플레이 발광 콘텐츠 오작동 디바이스 발열 디바이스 파손우려 유리와 마찰음

최소화

일반 테이블의 행동을 방해하지 않는테이블 탑 인터페이스

12년 10월 8일 월요일

Page 26: (발제) Cafe의 테이블 탑 인터페이스를 위한 UX디자인 솔루션 제안- 행동성 유발성을 중심으로 +숭실대학교 미디어학과대학원 2011 -노효훈

서 론 이론적 배경 테이블 탑 인터페이스의 이해 사용자 조사 를 위한 테이블 탑 인터페이스 제안 결 론

디스플레이 영역과 테이블 영역이 분리되어 사용자에게 구분된 환경 제공

테이블 탑 디스플레이 디바이스 디자인

12년 10월 8일 월요일

Page 27: (발제) Cafe의 테이블 탑 인터페이스를 위한 UX디자인 솔루션 제안- 행동성 유발성을 중심으로 +숭실대학교 미디어학과대학원 2011 -노효훈

서 론 이론적 배경 테이블 탑 인터페이스의 이해 사용자 조사 를 위한 테이블 탑 인터페이스 제안 결 론

디자인의 일관성 유지

디자인

감성 콘텐츠 개요

카페 프로세스 제어 콘텐츠 개요

콘텐츠

12년 10월 8일 월요일

Page 28: (발제) Cafe의 테이블 탑 인터페이스를 위한 UX디자인 솔루션 제안- 행동성 유발성을 중심으로 +숭실대학교 미디어학과대학원 2011 -노효훈

서 론 이론적 배경 테이블 탑 인터페이스의 이해 사용자 조사 를 위한 테이블 탑 인터페이스 제안 결 론

카페에서 사용될 테이블 탑 인터페이스에 대한 디자인과 콘텐츠 제안

디자인 방법론 차용

관찰

목적

테이블의 공간 분리를 통해 사용자에게 테이블의 행동유발성과 디스플레이의 행동유발성이 서로 상호충돌 하지않는 환경 제공실상활에서 사용되는 오브젝트 책 등 의 제어를 통하여 친밀감 확보

12년 10월 8일 월요일

Page 29: (발제) Cafe의 테이블 탑 인터페이스를 위한 UX디자인 솔루션 제안- 행동성 유발성을 중심으로 +숭실대학교 미디어학과대학원 2011 -노효훈

서 론 이론적 배경 테이블 탑 인터페이스의 이해 사용자 조사 를 위한 테이블 탑 인터페이스 제안 결 론

제안된 디바이스와 콘텐츠에 대한 사용자의 직접 경험 휴리스틱 평가

를 통한 사용성 테스트 및 디자인과 콘텐츠에 대한 개선

정성적인 실험 치중

디자인 과정 중에 디자이너의 직관력에 의해 결정되어야 할 사항이

많았다디자이너의 선입견과 의도를 견제해 줄 수 있는 디자인 프로세스가 지속적으로 개발되어야 한다

향후 연구 과제 및 연구 한계점

12년 10월 8일 월요일

Page 30: (발제) Cafe의 테이블 탑 인터페이스를 위한 UX디자인 솔루션 제안- 행동성 유발성을 중심으로 +숭실대학교 미디어학과대학원 2011 -노효훈

서 론 이론적 배경 테이블 탑 인터페이스의 이해 사용자 조사 를 위한 테이블 탑 인터페이스 제안 결 론

�&� 2.0, #� LCD ��%��, %� ��%�� � �� �� ��' �� ��%��� �"$��UX ���

12년 10월 8일 월요일

Page 31: (발제) Cafe의 테이블 탑 인터페이스를 위한 UX디자인 솔루션 제안- 행동성 유발성을 중심으로 +숭실대학교 미디어학과대학원 2011 -노효훈

서 론 이론적 배경 테이블 탑 인터페이스의 이해 사용자 조사 를 위한 테이블 탑 인터페이스 제안 결 론

�� �� � ��� ��%�� �( �"$�� UX ��� �! ��

12년 10월 8일 월요일

Page 32: (발제) Cafe의 테이블 탑 인터페이스를 위한 UX디자인 솔루션 제안- 행동성 유발성을 중심으로 +숭실대학교 미디어학과대학원 2011 -노효훈

12년 10월 8일 월요일