SlideShare a Scribd company logo
1 of 19
조작가능한 시간
시간
주관적 시간 객관적 시간
주관적 시간 객관적 시간
합의된 측정 가능한 시간경험에 근거한 심리적 시간
시간은 항상 일정하다.시간 빨리 가기도, 느리게 가기도 한다.
시간과 IT는 어떤 관계?
모바일 서비스에서도
주관적, 객관적 시간을 경험/확인할 수 있음
객관적 시간 지각
 모든 모바일에서 보여지는 시스템 인디케이터 및 외부
정보(단서)를 통해 객관적 시간 확인가능
주관적 시간 인지
 하지만 게임 등과 같이 사용자의 투입 지속시간이
매출과 상관성 있는 서비스들은 객관적인 시간단서를
제공하지 않으며 시간을 추정할 수 밖에 없음
 결국 객관적 시간은 30분을 경과했으나 5분밖에
안 지난 것으로 과소추정하는 오류가 발생함
※ 시작하지 마세요. 중독될 수 있습니다.
주관적 시간 인지
 모바일 서비스를 사용하는 과정에서 발생하는 각종
로딩도 실제 2초 밖에 안되는 시간이더라도 경우에
따라서 5초같이 느껴지기도 함(과대추정)
주관적 시간 인지에 따른 불편함
 기다리는 상황을 경험할 때 우리의 주관적 시간은
객관적 시간에 비해 길어지며, 이른바 시간을 과대
추정할 가능성이 높아지며 심리적 불편함을 느끼게 됨
(참조: 사이언스온)
 쉽게 말하면 예상된 결과물이 나와야 할 시점인데
아무런 결과물이 없다면 불편한 감정을 느끼게되고
그 원인을 찾게됨
 모바일에서는 로딩은 비일비재하며 1분 내의 작은
시간동안 발생하는 경우가 흔함
 즉, 서비스 이요중에 발생하는 로딩은 사용자의
주관적 시간에 근거하여 판단할 수 밖에 없으며
그 시간은 사용자 또는 제공방법(인디케이터 속도,
방향, 시각적 효과 등)에 따라 다르게 인지됨
기다림을 자처하지 않은 이상
대부분의 사람들은 기다림이 길어지는 것을 원치 않음.
그래서 서비스에서는 고객이 기다려야 하는 시간이
얼마나 잦고/긴가에 따라 서비스의 수준(품질)이 평가되기도 함.
하지만
모바일서비스를 이용하면서 기다림이 없도록 한다면 좋겠지만
그것은 불가능함
대신
기다리는 시간을 좀 더 짧게 느끼게할 수 있음
(달리 말해, 주관적 인지 시간을 조작할 수 있음)
주관적 시간 인지에 대한 불편함 해소(사례)
 페이스북은 이런 주관적 시간이 주는 불편함을 해소하고
기다리는 시간을 좀 더 짧게, 편하게 느낄 수 있도록
로딩상태를 컨텐츠의 일부로 귀속시키는 방안을 적용함
 효과1) 화면의 특정 위치에 어떤 형태의 정보들이 로딩
중인지를 인지할 수 있는 단서를 제공함
 효과2) 시간이 경과함에 따라 빠르게 변화(이동)하는
애니메이션 효과로 주관적 시간을 단축시킬 수 있음
 효과3) 해당 효과들에 주의(Attention)가 분산되면서
시간경과 처리에 대한 주의 비중이 줄어듬
 효과4) 심리적으로 편안함을 느끼며 본 화면을 떠나야 할
이유를 덜 느끼게 됨(참조: User Experience Stack)
Wrapper
 컨텐츠가 배치될 영역을 암시
Animated Background
 애니메이션 효과가 가미된 영역이며 해당 요소는
CSS로 구현함
Masking Blocks
 애니메이션 배경의 모양을 만드는 것으로 페이스북으로
보자면 프로필 사진과 게시글과 같이 불러오고 있는
컨텐츠의 유형을 사전에 짐작할 수 있게 함
Wrapper(싸개)
 컨텐츠가 배치될 영역을 암시
Animated Background(애니메이션 배경)
 애니메이션 효과가 가미된 영역이며 해당 요소는
CSS로 구현함
Masking Blocks(마스킹 블록)
 애니메이션 배경의 모양을 만드는 것으로 페이스북으로
보자면 프로필 사진과 게시글과 같이 불러오고 있는
컨텐츠의 유형을 사전에 짐작할 수 있음
참조링크: http://goo.gl/Tb408e
Wrapper(싸개)
 컨텐츠가 배치될 영역을 암시
Animated Background(애니메이션 배경)
 애니메이션 효과가 가미된 영역이며 해당 요소는
CSS로 구현함
Masking Blocks(마스킹 블록)
 애니메이션 배경의 모양을 만드는 것으로 페이스북으로
보자면 프로필 사진과 게시글과 같이 불러오고 있는
컨텐츠의 유형을 사전에 짐작할 수 있음 참조링크: http://goo.gl/Tb408e
Wrapper(싸개)
 컨텐츠가 배치될 영역을 암시
Animated Background(애니메이션 배경)
 애니메이션 효과가 가미된 영역이며 해당 요소는
CSS로 구현함
Masking Blocks(마스킹 블록)
 애니메이션 배경에 모양을 만드는 것으로 페이스북으로
보자면 프로필 사진과 게시글과 같이 불러오고 있는
컨텐츠의 유형을 사전에 짐작할 수 있게 함
참조링크: http://goo.gl/Tb408e
지금까지
사용자경험과 서비스의 품질에 영향을 주는 ‘시간‘과
그것을 어떻게 개선할지에 대해
생각해 볼 수 있는 기회가 되었으면 좋겠습니다.
감사합니다.
일각이 여삼추(一刻如三秋)
애타게 기다리는 마음은 아주 짧은 시간이라도 삼 년처럼 길게 느껴지기도 한다.

More Related Content

Similar to 조작 가능한 시간

인터넷 쿠키 (Internet Cookie)
인터넷 쿠키 (Internet Cookie)인터넷 쿠키 (Internet Cookie)
인터넷 쿠키 (Internet Cookie)David Lee
 
스마트워치용 컨텐츠 플랫폼: 틈타
스마트워치용 컨텐츠 플랫폼: 틈타스마트워치용 컨텐츠 플랫폼: 틈타
스마트워치용 컨텐츠 플랫폼: 틈타Doyoung Oh
 
Cloud Computing 을 이용한 Smart Work
Cloud Computing 을 이용한 Smart WorkCloud Computing 을 이용한 Smart Work
Cloud Computing 을 이용한 Smart Work선진 장
 
Cloud Computing을 이용한 Smart Work
Cloud Computing을 이용한 Smart WorkCloud Computing을 이용한 Smart Work
Cloud Computing을 이용한 Smart WorkSoftware in Life
 
net helper 자산관리제안서
net helper 자산관리제안서 net helper 자산관리제안서
net helper 자산관리제안서 시온시큐리티
 
Part2.Design_이준경
Part2.Design_이준경Part2.Design_이준경
Part2.Design_이준경Junkyeong Lee
 

Similar to 조작 가능한 시간 (7)

인터넷 쿠키 (Internet Cookie)
인터넷 쿠키 (Internet Cookie)인터넷 쿠키 (Internet Cookie)
인터넷 쿠키 (Internet Cookie)
 
스마트워치용 컨텐츠 플랫폼: 틈타
스마트워치용 컨텐츠 플랫폼: 틈타스마트워치용 컨텐츠 플랫폼: 틈타
스마트워치용 컨텐츠 플랫폼: 틈타
 
Cloud Computing 을 이용한 Smart Work
Cloud Computing 을 이용한 Smart WorkCloud Computing 을 이용한 Smart Work
Cloud Computing 을 이용한 Smart Work
 
Cloud Computing을 이용한 Smart Work
Cloud Computing을 이용한 Smart WorkCloud Computing을 이용한 Smart Work
Cloud Computing을 이용한 Smart Work
 
net helper 자산관리제안서
net helper 자산관리제안서 net helper 자산관리제안서
net helper 자산관리제안서
 
Part2.Design_이준경
Part2.Design_이준경Part2.Design_이준경
Part2.Design_이준경
 
iFun Deploy 소개
iFun Deploy 소개iFun Deploy 소개
iFun Deploy 소개
 

More from Woncheol Lee

Material design update 3 Backdrop
Material design update 3 BackdropMaterial design update 3 Backdrop
Material design update 3 BackdropWoncheol Lee
 
Material design update 2: Bottom app bar
Material design update 2: Bottom app barMaterial design update 2: Bottom app bar
Material design update 2: Bottom app barWoncheol Lee
 
Material design_update 1_material system and motion
Material design_update 1_material system and motionMaterial design_update 1_material system and motion
Material design_update 1_material system and motionWoncheol Lee
 
사용자와의 커뮤니케이션을 위한 Haptic 기술
사용자와의 커뮤니케이션을 위한 Haptic 기술사용자와의 커뮤니케이션을 위한 Haptic 기술
사용자와의 커뮤니케이션을 위한 Haptic 기술Woncheol Lee
 
iphone x 대응현황 및 미대응 사례를 통한 이슈사항 예측
iphone x 대응현황 및 미대응 사례를 통한 이슈사항 예측iphone x 대응현황 및 미대응 사례를 통한 이슈사항 예측
iphone x 대응현황 및 미대응 사례를 통한 이슈사항 예측Woncheol Lee
 
바이오 정보보호 가이드라인
바이오 정보보호 가이드라인바이오 정보보호 가이드라인
바이오 정보보호 가이드라인Woncheol Lee
 
상품 및 제품 제시방법에 따른 사용자 태도조사
상품 및 제품 제시방법에 따른 사용자 태도조사상품 및 제품 제시방법에 따른 사용자 태도조사
상품 및 제품 제시방법에 따른 사용자 태도조사Woncheol Lee
 
스마트폰 앱 접근권한 개인정보보호 안내서
스마트폰 앱 접근권한 개인정보보호 안내서스마트폰 앱 접근권한 개인정보보호 안내서
스마트폰 앱 접근권한 개인정보보호 안내서Woncheol Lee
 
주의(Attention)에 따른 컨텐츠의 가치
주의(Attention)에 따른 컨텐츠의 가치주의(Attention)에 따른 컨텐츠의 가치
주의(Attention)에 따른 컨텐츠의 가치Woncheol Lee
 
머티리얼 디자인(material design)
머티리얼 디자인(material design)머티리얼 디자인(material design)
머티리얼 디자인(material design)Woncheol Lee
 
Wi-Fi certified miracast
Wi-Fi certified miracastWi-Fi certified miracast
Wi-Fi certified miracastWoncheol Lee
 

More from Woncheol Lee (12)

Material design update 3 Backdrop
Material design update 3 BackdropMaterial design update 3 Backdrop
Material design update 3 Backdrop
 
Material design update 2: Bottom app bar
Material design update 2: Bottom app barMaterial design update 2: Bottom app bar
Material design update 2: Bottom app bar
 
Material design_update 1_material system and motion
Material design_update 1_material system and motionMaterial design_update 1_material system and motion
Material design_update 1_material system and motion
 
사용자와의 커뮤니케이션을 위한 Haptic 기술
사용자와의 커뮤니케이션을 위한 Haptic 기술사용자와의 커뮤니케이션을 위한 Haptic 기술
사용자와의 커뮤니케이션을 위한 Haptic 기술
 
Placeholder
PlaceholderPlaceholder
Placeholder
 
iphone x 대응현황 및 미대응 사례를 통한 이슈사항 예측
iphone x 대응현황 및 미대응 사례를 통한 이슈사항 예측iphone x 대응현황 및 미대응 사례를 통한 이슈사항 예측
iphone x 대응현황 및 미대응 사례를 통한 이슈사항 예측
 
바이오 정보보호 가이드라인
바이오 정보보호 가이드라인바이오 정보보호 가이드라인
바이오 정보보호 가이드라인
 
상품 및 제품 제시방법에 따른 사용자 태도조사
상품 및 제품 제시방법에 따른 사용자 태도조사상품 및 제품 제시방법에 따른 사용자 태도조사
상품 및 제품 제시방법에 따른 사용자 태도조사
 
스마트폰 앱 접근권한 개인정보보호 안내서
스마트폰 앱 접근권한 개인정보보호 안내서스마트폰 앱 접근권한 개인정보보호 안내서
스마트폰 앱 접근권한 개인정보보호 안내서
 
주의(Attention)에 따른 컨텐츠의 가치
주의(Attention)에 따른 컨텐츠의 가치주의(Attention)에 따른 컨텐츠의 가치
주의(Attention)에 따른 컨텐츠의 가치
 
머티리얼 디자인(material design)
머티리얼 디자인(material design)머티리얼 디자인(material design)
머티리얼 디자인(material design)
 
Wi-Fi certified miracast
Wi-Fi certified miracastWi-Fi certified miracast
Wi-Fi certified miracast
 

조작 가능한 시간

  • 3. 주관적 시간 객관적 시간 합의된 측정 가능한 시간경험에 근거한 심리적 시간 시간은 항상 일정하다.시간 빨리 가기도, 느리게 가기도 한다.
  • 5. 모바일 서비스에서도 주관적, 객관적 시간을 경험/확인할 수 있음
  • 6. 객관적 시간 지각  모든 모바일에서 보여지는 시스템 인디케이터 및 외부 정보(단서)를 통해 객관적 시간 확인가능
  • 7. 주관적 시간 인지  하지만 게임 등과 같이 사용자의 투입 지속시간이 매출과 상관성 있는 서비스들은 객관적인 시간단서를 제공하지 않으며 시간을 추정할 수 밖에 없음  결국 객관적 시간은 30분을 경과했으나 5분밖에 안 지난 것으로 과소추정하는 오류가 발생함 ※ 시작하지 마세요. 중독될 수 있습니다.
  • 8. 주관적 시간 인지  모바일 서비스를 사용하는 과정에서 발생하는 각종 로딩도 실제 2초 밖에 안되는 시간이더라도 경우에 따라서 5초같이 느껴지기도 함(과대추정)
  • 9. 주관적 시간 인지에 따른 불편함  기다리는 상황을 경험할 때 우리의 주관적 시간은 객관적 시간에 비해 길어지며, 이른바 시간을 과대 추정할 가능성이 높아지며 심리적 불편함을 느끼게 됨 (참조: 사이언스온)  쉽게 말하면 예상된 결과물이 나와야 할 시점인데 아무런 결과물이 없다면 불편한 감정을 느끼게되고 그 원인을 찾게됨  모바일에서는 로딩은 비일비재하며 1분 내의 작은 시간동안 발생하는 경우가 흔함  즉, 서비스 이요중에 발생하는 로딩은 사용자의 주관적 시간에 근거하여 판단할 수 밖에 없으며 그 시간은 사용자 또는 제공방법(인디케이터 속도, 방향, 시각적 효과 등)에 따라 다르게 인지됨
  • 10. 기다림을 자처하지 않은 이상 대부분의 사람들은 기다림이 길어지는 것을 원치 않음. 그래서 서비스에서는 고객이 기다려야 하는 시간이 얼마나 잦고/긴가에 따라 서비스의 수준(품질)이 평가되기도 함.
  • 11. 하지만 모바일서비스를 이용하면서 기다림이 없도록 한다면 좋겠지만 그것은 불가능함
  • 12. 대신 기다리는 시간을 좀 더 짧게 느끼게할 수 있음 (달리 말해, 주관적 인지 시간을 조작할 수 있음)
  • 13. 주관적 시간 인지에 대한 불편함 해소(사례)  페이스북은 이런 주관적 시간이 주는 불편함을 해소하고 기다리는 시간을 좀 더 짧게, 편하게 느낄 수 있도록 로딩상태를 컨텐츠의 일부로 귀속시키는 방안을 적용함  효과1) 화면의 특정 위치에 어떤 형태의 정보들이 로딩 중인지를 인지할 수 있는 단서를 제공함  효과2) 시간이 경과함에 따라 빠르게 변화(이동)하는 애니메이션 효과로 주관적 시간을 단축시킬 수 있음  효과3) 해당 효과들에 주의(Attention)가 분산되면서 시간경과 처리에 대한 주의 비중이 줄어듬  효과4) 심리적으로 편안함을 느끼며 본 화면을 떠나야 할 이유를 덜 느끼게 됨(참조: User Experience Stack)
  • 14. Wrapper  컨텐츠가 배치될 영역을 암시 Animated Background  애니메이션 효과가 가미된 영역이며 해당 요소는 CSS로 구현함 Masking Blocks  애니메이션 배경의 모양을 만드는 것으로 페이스북으로 보자면 프로필 사진과 게시글과 같이 불러오고 있는 컨텐츠의 유형을 사전에 짐작할 수 있게 함
  • 15. Wrapper(싸개)  컨텐츠가 배치될 영역을 암시 Animated Background(애니메이션 배경)  애니메이션 효과가 가미된 영역이며 해당 요소는 CSS로 구현함 Masking Blocks(마스킹 블록)  애니메이션 배경의 모양을 만드는 것으로 페이스북으로 보자면 프로필 사진과 게시글과 같이 불러오고 있는 컨텐츠의 유형을 사전에 짐작할 수 있음 참조링크: http://goo.gl/Tb408e
  • 16. Wrapper(싸개)  컨텐츠가 배치될 영역을 암시 Animated Background(애니메이션 배경)  애니메이션 효과가 가미된 영역이며 해당 요소는 CSS로 구현함 Masking Blocks(마스킹 블록)  애니메이션 배경의 모양을 만드는 것으로 페이스북으로 보자면 프로필 사진과 게시글과 같이 불러오고 있는 컨텐츠의 유형을 사전에 짐작할 수 있음 참조링크: http://goo.gl/Tb408e
  • 17. Wrapper(싸개)  컨텐츠가 배치될 영역을 암시 Animated Background(애니메이션 배경)  애니메이션 효과가 가미된 영역이며 해당 요소는 CSS로 구현함 Masking Blocks(마스킹 블록)  애니메이션 배경에 모양을 만드는 것으로 페이스북으로 보자면 프로필 사진과 게시글과 같이 불러오고 있는 컨텐츠의 유형을 사전에 짐작할 수 있게 함 참조링크: http://goo.gl/Tb408e
  • 18. 지금까지 사용자경험과 서비스의 품질에 영향을 주는 ‘시간‘과 그것을 어떻게 개선할지에 대해 생각해 볼 수 있는 기회가 되었으면 좋겠습니다.
  • 19. 감사합니다. 일각이 여삼추(一刻如三秋) 애타게 기다리는 마음은 아주 짧은 시간이라도 삼 년처럼 길게 느껴지기도 한다.