비영리단체를 위한 www.미디어.이야기

이 사람이 바라보는

WWW. 미디어. 이야기

에스케이커뮤니케이션즈 조관희

NOTICE

FIELD PLAYER COMMENTATOR 좋은 말을 많이한다.

흥미있는 트렌드 위주로 설명한다.

막상 집에 돌아가면 뭘해야 할지 모르겠다.

디테일한 이야기를 해준다.

나중에 들쳐보면서 실전에 적용할만한게 있다.

재미없고 머리 아프다.

재미없고 머리 아프다.

대박나는 웹 서비스를 만들어본 적이 있는 사람

‘하루만에 토익 정복’ 같은 책을 읽고 정말 하루만에 토익을 정복한 경험이 있는 사람

웹을 이용한 커뮤니케이션 이해하기

웹을 이용한 커뮤니케이션 이해하기 웹 커뮤니케이션 웹이라는 독특한 미디어의 특성 공부하기

지극히 고전적이지만

늘 쉽지않은

의사 전달 방식 공부하기

수업이 끝나면

3 UX

STAGE 1

1 NGO를 보며 느낀 것

2 주요 사례

3 마무리

STAGE 2

1 what is WWW?

인터랙션 디자인 소셜

순환구조

2 what is COMMUNICATION?

양방향성 브랜드

스토리텔링

웹을 이용한 커뮤니케이션 이해하기 웹

인터랙션 디자인 소셜 순환구조

INTERACTION DESIGN

인터랙션 디자인이 잘된 현금지급기는 화면을 몇 번 누르는 것만으로 손쉽고 안전하게 돈을 인출할 수 있다.

인터랙션 디자인이 잘된 회원 가입 페이지는 가입 회원 수를 늘리는데 큰 도움을 준다.

인터랙션 디자인이 잘된 iPhone의 SMS 기능은 이전 대화를 기억해 내는데 도움을 주어 더 많은 대화를 자연스럽게 나눌 수 있게 해준다.

대기 순번을 표시해주는 디스플레이의 잘못된 인터랙션 디자인으로 인해 내 순번을 찾으려면 한참을 해매야만 했다.

재부팅 시 반드시 업데이트를 하도록 되어 있는 윈도우 OS는 (게다가 취소도 없는) 급하게 재부팅해서 일을 해결해야만 하는 촌각을 다투는 사람에겐 최악의 인터랙션 디자인 사례로 꼽힌다.

INTERACTION DESIGN

INTERACTION DESIGN

INTERACTION DESIGN

사람과 제품 혹은 서비스 사이에 벌어지는 사건을 조정하는 기술

B=f(P,E) 행동은 성격과 주변 환경 모두로 부터 영향을 받는다.

Behavior Personality

Environment

Lewin’s law

B=f(P,E) 행동은 성격과 주변 환경 모두로 부터 영향을 받는다.

Behavior Personality

Environment

SOCIAL

소셜 매개체

http://www.flickr.com/photos/punkdolphin/4855688750/

소셜 매개체

http://www.flickr.com/photos/punkdolphin/4855688750/

Trigger

http://www.flickr.com/photos/punkdolphin/4855688750/

1. 딱 하나의 주요 활동 (Activity)

Trigger

Trigger

Trigger

Trigger

단 하나의 주요활동

단 하나의 주요활동

주요 활동

관심 책의 내용 공유

주요 활동

핫 뉴스 링크 공유

중고책 판매 관심 책의 내용 공유

핫 뉴스 링크 공유

동영상 보기

사용자들이 우리 서비스에 와서 무엇을 해야 우리가 성공할 수 있을까?

사용자들이 우리 서비스에 와서 무엇을 해야 우리가 성공할 수 있을까? 무엇을

사용자들이 우리 서비스에 와서 무엇을 해야 우리가 성공할 수 있을까? 단 하나의 주요활동

Field Research

다양한 인사이트들

아이들을 위한 안전 장비를 실제 구매까지 이끌 수 있는 홍보가 필요하다.

부모 중 아이를 care해야 하는 한 명에겐 자전거 나들이는 그저 가족 봉사의 연장일 뿐이다.

자녀들이 자전거도 좋아하지만 그보다 부모와 ‘함께 노는 것’에 자체에 주목 하고 있다.

부모는 자전거를 타는 자식을 보며 자녀의 성장 속도를 체감한다.

부모는 자신의 자전거에 비해 자녀들을 위한 자전거는 상대적으로 완성도가 높은

자전거를 고르는 경향이 있다.

.

.

.

독특한 기능

소셜 매개체 + 동사 verb

동사 저장하다. 보다. 즐겨찾기에 저장하다. 인쇄하다. 공유하다. 의견을 나누다. 블로그에 붙이다. 태그를 붙이다.

소셜 매개체 사진

동사 제품 매뉴얼을 제출하다. 장바구니에 넣다. 새 리스트를 만들다. 리스트를 선물한다. 리스트를 공유한다. 리뷰를 쓴다. 도움이 되었는지 평가한다. 리뷰를 분류한다.

소셜 매개체 제품 / 위시리스트 / 사용자 리뷰

WWW

Features 독특한 기능

Objects 소셜 매개체

Activities 단 하나의 주요 활동

SOCIAL

EcoSystem

Texonomic Vs.

Taskonomic

Texonomic

Taskonomic

1부 끝.

웹을 이용한 커뮤니케이션 이해하기 커뮤니케이션

양방향성 브랜드

스토리텔링

1. 지각

2. 기대

3. 요구

4. 대립 혹은 상호의존적

내가 뭔가 말했는데 상대방이 못들었다고 하거나

상대방의 관심사가 뭔지 잘 모르고 있다거나

내가 원하는 바를 상대방이 ‘아하’ 하고 고개를 끄덕이지 못한다거나

상대방에게 아무런 감흥을 일으키지 못하고 있는 경우

1. 지각

2. 기대

3. 요구

4. 대립 혹은 상호의존적

내가 뭔가 말했는데 상대방이 못들었다고 하거나

상대방의 관심사가 뭔지 잘 모르고 있다거나

내가 원하는 바를 상대방이 ‘아하’ 하고 고개를 끄덕이지 못한다거나

상대방에게 아무런 감흥을 일으키지 못하고 있는 경우

양방향성

플랫폼 노가다

양방향성

양방향성

2010년에 뽑은 세계 탑 10

2010년에 뽑은 세계 탑 10 브랜드

브랜드

gut feeling

나는 누구인가?

내가 하는 일은 무엇인가?

왜 그 일이 중요한가?

STEP 1.

STEP 2.

STEP 3.

STEP 1.

STEP 2.

STEP 3.

사람들이 궁금할만한 지식을 검색해서 찾도록 도와주는 일

검색 엔진이 좋아서 원하는 모든걸 찾아줄 수 있어서

STEP 1.

STEP 2.

STEP 3.

사람들이 궁금할만한 지식을 검색해서 찾도록 도와주는 일

검색 엔진이 좋아서 원하는 모든걸 찾아줄 수 있어서

나는 누구인가?

내가 하는 일은 무엇인가?

왜 그 일이 중요한가?

STEP 1.

STEP 2.

STEP 3.

브랜드

신뢰

우리의 사명은

팀 중심적 혁신과

전략적인 주도권 확립을 통해

항공우주 산업 분야에서

국제적인 리더가

되는 것이다.

앞으로 10년 안에

인간을 달에 착륙시키고

무사히 지구로

귀환시킨다.

1961. John F. Kennedy

자신이 속한 조직이 무엇을 왜 성취하려고 하는지 확실하게 이해 35%

팀이나 조직의 목적에 대해 열정을 가지고 임함 20%

자신의 업무와 조직의 목표 사이의 연관성을 뚜렷이 파악 20%

자신이 속한 조직이 중심 목표를 성취할 수 있도록 완전히 지원할 것 15%

자신이 일하고 있는 조직을 신뢰 20%

우리 팀 골대가 어디 있는지 정확히 아는 사람

여기있든 저기있든 그다지 상관하지 않는다.

자신의 포지션과 자신이 해야 할 일에 대해

정확하게 알고 있다.

상대 팀과의 경기에서 이기기 위해 노력한다.

스토리텔링

500 3000

스토리텔링

스토리텔링

웹을 이용한 커뮤니케이션 이해하기 웹 웹이라는 독특한 미디어의 특성 공부하기

커뮤니케이션

지극히 고전적이지만

늘 쉽지않은

의사 전달 방식 공부하기

웹을 이용한 커뮤니케이션 이해하기 웹

인터랙션 디자인 소셜 순환구조

웹을 이용한 커뮤니케이션 이해하기 커뮤니케이션

양방향성 브랜드

스토리텔링

혁신

혁신

기업의 혁신을 위해서는 기존의 제품이나 서비스를 통해 사용자가 경험했던 것을 완전히 재해석 하여 새롭게 제공해야 한다.

계단 = 이동수단

더 빠른 이동수단은?

계단 = 매일 반복되는 일상

맛

이 부위를 다른 손으로 잡아 돌리면 후추가 즉석에서 갈려서 나온다.

웹을 이용한 커뮤니케이션 이해하기

비영리 단체를 보며 느낀 것

WWW

1 click share create

blahblah +

my story +

blahblah

my story

1 click share create 인터랙션 디자인

소셜 소셜

+

+

커뮤니케이션

UX

순환구조

텍스트, 이미지, 링크

인터랙션 디자인 소셜 순환구조 양방향성 브랜드 스토리텔링 User eXperience

사용자 관점이 아닌 공급자 관점에서 웹을 바라보기

공급자 관점이 아닌 사용자 관점에서 웹을 바라보기

IT 종사자들과 친하게 지내기

감사합니다.

Private blog designliteracy.com Private Lab findingpatterns.wordpress.com Twitter twitter.com/KwanheeCho Facebook facebook.com/cho.k.hee Tumblr khcho.tumblr.com Flickr flickr.com/ganyganygany

조관희