SlideShare a Scribd company logo
1 of 30
Download to read offline
손가락이 제멋대로 UX 하고
움직이는 UI #1
데브루키
조홍기
2015. 2. 7
UX and UI
다들 알아 마지않는 정의
UX : User Experience
사용자 경험
사용자 인터페이스
User Interface : UI
UX and UI
어째서??
유저는 코드를 보지 않는다
유저가 보는 것은 단지
구동 화면
UX and UI
이제는 세상의 기본이 된
GUI
Graphical
User
Interface
UX and UI
클릭
UX and UI
많은 액션으로
높은 직관성을 가지게 된 UI
의 지상과제
Action을 줄여라
Depth를 줄여라
UX and UI
모바일 기기와 데스크톱의
너무나도 당연해진
크로스 애플리케이션
크로스 데이터베이스
크로스 인터페이스
데이터 클라우드
연동계정
UX and UI
곧
크로스 유저 인터페이스
그리고
UX and UI
그리고
멀티 플랫폼의 활용으로
당연히 필요성이 높아진
유저의 교집합 편의성
UX
게임 그리고 UI
GUI
그래픽 유저 인터페이스
하지만 또 하나의 이름
게임 그리고 UI
GUI
게이밍 유저 인터페이스
하지만 또 하나의 이름
게임 그리고 UI
실시간 - 다변화 – 많은정보
유저에게 전달 할 것이
수두룩 한 게임 화면
하지만 그렇기에
게임 그리고 UI
하지만 그렇기에
필요한 것만 담아야 한다
필요한 정보를
필요한 때에
적절하게 전달한다
게임 그리고 UI
최대한 많은 정보를 담기위해 : EVE Online
게임 그리고 UI
담백하고 깔끔한 구성을 위해 : 마비노기
게임 그리고 UI
컨셉에 맞는 독특한 게임 분위기를 위해 : 하스스톤
게임 그리고 UI
상반되거나
혹은
연동되거나
혹은
둘 다 이거나
게임 그리고 UI
점차 게임 UI가 가져야 할
필요 충분 조건은
넓어지면서도 단순해지고
깊어지면서도 소소해진다
게임 그리고 UI
필요 조건이 다양해 지는 이유?
게임이 점점
멀티 플랫폼 화 되어가기 때문
게임 그리고 UI
필요 조건이 다양해 지는 이유?
작은 화면에선 작은 구성이
큰 화면에선 큰 구성이
게임 그리고 UI
필요 조건이 다양해 지는 이유?
간단한 조작에선 간단한 UI가
복잡한 조작에선 효율적인 UI가
게임 그리고 UI
필요 조건이 다양해 지는 이유?
한마디로
상황에 걸맞는 모양새가 필요하다!!
그런데..? 상황이 많아졌다!!!
게임 그리고 UI
데스크탑
랩탑
포터블 게임기
가정용 게임기
모바일 게임
패드형 게임
글래스뷰
앞으로도 무엇인가 더욱 더 개발 될 미래
게임 그리고 UX
앞으로도 무엇인가 더욱 더 개발 될 미래
진화되어 가는 UI가 항상 필요로 하는 것
유저의 경험, 필요, 효율
게임 그리고 UX
앞으로도 무엇인가 더욱 더 개발 될 미래
진화되어 가는 UI가 항상 필요로 하는 것
유저의 경험, 필요, 효율
ㅈI |UX| ZoN
사용자|UX|경험
게임 그리고 UX
사용하며
무엇이 더 편했고
사용하며
무엇이 더 필요했고
사용하며
무엇이 더 효율적 이었고
Needs of User
게임 그리고 UX
Needs of GameUser
Needs of User
게임 그리고 UX
한 단계의 Depth는
두 번의 Action을 필요로 한다
[In] -> [Depth] -> [Out]
들어갔으면 나와야죠
게임 그리고 UX
한 단계의 Depth는
두 번의 Action을 필요로 한다
=
Depth를 가능한 한 최소화 해라
5번 이내로요
게임켜는것도 귀찮아요..
그러니 Depth를 줄이기 위해
1차 발표는 여기까지!!
야근때문에 몸살 날 것 같아요…

More Related Content

What's hot

내 마음대로 정리 해 본 ndc 발표 자료
내 마음대로 정리 해 본 ndc 발표 자료내 마음대로 정리 해 본 ndc 발표 자료
내 마음대로 정리 해 본 ndc 발표 자료SeungMin Yang
 
인터랙션 디자인 사례
인터랙션 디자인 사례인터랙션 디자인 사례
인터랙션 디자인 사례soeun park
 
UX/UI 개념과 방향성
UX/UI 개념과 방향성UX/UI 개념과 방향성
UX/UI 개념과 방향성Billy Choi
 
유니티의 툰셰이딩을 사용한 3D 애니메이션 표현
유니티의 툰셰이딩을 사용한 3D 애니메이션 표현유니티의 툰셰이딩을 사용한 3D 애니메이션 표현
유니티의 툰셰이딩을 사용한 3D 애니메이션 표현MinGeun Park
 
Future Web Platform and UI/UX
Future Web Platform and UI/UXFuture Web Platform and UI/UX
Future Web Platform and UI/UXJonathan Jeon
 
UX Planning Training Course_SYS4U I&C
UX Planning Training Course_SYS4U I&CUX Planning Training Course_SYS4U I&C
UX Planning Training Course_SYS4U I&Csys4u
 
Newguests Introduce 140305
Newguests Introduce 140305Newguests Introduce 140305
Newguests Introduce 140305Hyunwoo Kim
 
모바일 웹/앱 UI & UX 설계 이론(1)
모바일 웹/앱 UI & UX 설계 이론(1)모바일 웹/앱 UI & UX 설계 이론(1)
모바일 웹/앱 UI & UX 설계 이론(1)mosaicnet
 
디지털특강토론 092311박은혜
디지털특강토론 092311박은혜디지털특강토론 092311박은혜
디지털특강토론 092311박은혜eunhye772
 
Construct 2를 이용한 2시간 만에 스마트폰 게임만들기
Construct 2를 이용한 2시간 만에 스마트폰 게임만들기Construct 2를 이용한 2시간 만에 스마트폰 게임만들기
Construct 2를 이용한 2시간 만에 스마트폰 게임만들기NGMaking
 
SAGE Newguest 소개 자료 (150512)
SAGE Newguest 소개 자료 (150512)SAGE Newguest 소개 자료 (150512)
SAGE Newguest 소개 자료 (150512)Hyunwoo Kim
 
GDC 2011 참관보고서: 냉전의 종식
GDC 2011 참관보고서: 냉전의 종식GDC 2011 참관보고서: 냉전의 종식
GDC 2011 참관보고서: 냉전의 종식Eunseok Yi
 
NDC2014 코인박스@NDC 치킨럽포스트모템
NDC2014 코인박스@NDC 치킨럽포스트모템NDC2014 코인박스@NDC 치킨럽포스트모템
NDC2014 코인박스@NDC 치킨럽포스트모템gon
 
인터랙션디자인사례
인터랙션디자인사례인터랙션디자인사례
인터랙션디자인사례새미 신
 

What's hot (17)

Ux for beginners
Ux for beginnersUx for beginners
Ux for beginners
 
내 마음대로 정리 해 본 ndc 발표 자료
내 마음대로 정리 해 본 ndc 발표 자료내 마음대로 정리 해 본 ndc 발표 자료
내 마음대로 정리 해 본 ndc 발표 자료
 
인터랙션 디자인 사례
인터랙션 디자인 사례인터랙션 디자인 사례
인터랙션 디자인 사례
 
UX/UI 개념과 방향성
UX/UI 개념과 방향성UX/UI 개념과 방향성
UX/UI 개념과 방향성
 
유니티의 툰셰이딩을 사용한 3D 애니메이션 표현
유니티의 툰셰이딩을 사용한 3D 애니메이션 표현유니티의 툰셰이딩을 사용한 3D 애니메이션 표현
유니티의 툰셰이딩을 사용한 3D 애니메이션 표현
 
Future Web Platform and UI/UX
Future Web Platform and UI/UXFuture Web Platform and UI/UX
Future Web Platform and UI/UX
 
UX Planning Training Course_SYS4U I&C
UX Planning Training Course_SYS4U I&CUX Planning Training Course_SYS4U I&C
UX Planning Training Course_SYS4U I&C
 
Newguests Introduce 140305
Newguests Introduce 140305Newguests Introduce 140305
Newguests Introduce 140305
 
모바일 웹/앱 UI & UX 설계 이론(1)
모바일 웹/앱 UI & UX 설계 이론(1)모바일 웹/앱 UI & UX 설계 이론(1)
모바일 웹/앱 UI & UX 설계 이론(1)
 
디지털특강토론 092311박은혜
디지털특강토론 092311박은혜디지털특강토론 092311박은혜
디지털특강토론 092311박은혜
 
Construct 2를 이용한 2시간 만에 스마트폰 게임만들기
Construct 2를 이용한 2시간 만에 스마트폰 게임만들기Construct 2를 이용한 2시간 만에 스마트폰 게임만들기
Construct 2를 이용한 2시간 만에 스마트폰 게임만들기
 
5. UX - 권오재
5. UX - 권오재5. UX - 권오재
5. UX - 권오재
 
개발자와 Ux
개발자와 Ux개발자와 Ux
개발자와 Ux
 
SAGE Newguest 소개 자료 (150512)
SAGE Newguest 소개 자료 (150512)SAGE Newguest 소개 자료 (150512)
SAGE Newguest 소개 자료 (150512)
 
GDC 2011 참관보고서: 냉전의 종식
GDC 2011 참관보고서: 냉전의 종식GDC 2011 참관보고서: 냉전의 종식
GDC 2011 참관보고서: 냉전의 종식
 
NDC2014 코인박스@NDC 치킨럽포스트모템
NDC2014 코인박스@NDC 치킨럽포스트모템NDC2014 코인박스@NDC 치킨럽포스트모템
NDC2014 코인박스@NDC 치킨럽포스트모템
 
인터랙션디자인사례
인터랙션디자인사례인터랙션디자인사례
인터랙션디자인사례
 

Viewers also liked

유니티3D 5의 Ugui #2
유니티3D 5의 Ugui #2유니티3D 5의 Ugui #2
유니티3D 5의 Ugui #2Hong-Gi Joe
 
Unity3D 5 의 ugui #1
Unity3D 5 의 ugui #1Unity3D 5 의 ugui #1
Unity3D 5 의 ugui #1Hong-Gi Joe
 
Mobile UX Design Essential
Mobile UX Design EssentialMobile UX Design Essential
Mobile UX Design EssentialJunsang Dong
 
140726컨셉론 소형
140726컨셉론 소형140726컨셉론 소형
140726컨셉론 소형Hong-Gi Joe
 
The스프라이트
The스프라이트The스프라이트
The스프라이트Hong-Gi Joe
 
다함께 자전거
다함께 자전거다함께 자전거
다함께 자전거Hong-Gi Joe
 
Spine과 함께하는 뼈대세우기
Spine과 함께하는 뼈대세우기Spine과 함께하는 뼈대세우기
Spine과 함께하는 뼈대세우기Hong-Gi Joe
 
박홍근홈패션 사보 2012년 여름호
박홍근홈패션 사보 2012년 여름호박홍근홈패션 사보 2012년 여름호
박홍근홈패션 사보 2012년 여름호phghome
 
골든벨문제 웹게시용
골든벨문제 웹게시용골든벨문제 웹게시용
골든벨문제 웹게시용EOMSEUNGYONG
 
김대원 포트폴리오
김대원 포트폴리오김대원 포트폴리오
김대원 포트폴리오대원 김
 
Matlab gui project(포도)
Matlab gui project(포도)Matlab gui project(포도)
Matlab gui project(포도)baekjeeyoon
 
인디게임 "Mana Collectors - 마녀가 사는 마을" 개발 포스트모템
인디게임 "Mana Collectors - 마녀가 사는 마을" 개발 포스트모템인디게임 "Mana Collectors - 마녀가 사는 마을" 개발 포스트모템
인디게임 "Mana Collectors - 마녀가 사는 마을" 개발 포스트모템ChangHyun Won
 
셰이더가 뭐에요?
셰이더가 뭐에요?셰이더가 뭐에요?
셰이더가 뭐에요?Jungsoo Park
 
1주 WEB UI Overview
1주 WEB UI Overview1주 WEB UI Overview
1주 WEB UI Overview지수 윤
 
교공피피티Pdf
교공피피티Pdf교공피피티Pdf
교공피피티Pdf견지 심
 
모바일게임 시장 및 기업의 대응 사례 분석[1]
모바일게임 시장 및 기업의 대응 사례 분석[1]모바일게임 시장 및 기업의 대응 사례 분석[1]
모바일게임 시장 및 기업의 대응 사례 분석[1]kevin han
 
16회 오픈업/사례1-블랙썬 개발에서 겪은 시행착오들_블랙펄이지훈대표
16회 오픈업/사례1-블랙썬 개발에서 겪은 시행착오들_블랙펄이지훈대표16회 오픈업/사례1-블랙썬 개발에서 겪은 시행착오들_블랙펄이지훈대표
16회 오픈업/사례1-블랙썬 개발에서 겪은 시행착오들_블랙펄이지훈대표VentureSquare
 

Viewers also liked (20)

유니티3D 5의 Ugui #2
유니티3D 5의 Ugui #2유니티3D 5의 Ugui #2
유니티3D 5의 Ugui #2
 
Unity3D 5 의 ugui #1
Unity3D 5 의 ugui #1Unity3D 5 의 ugui #1
Unity3D 5 의 ugui #1
 
Mobile UX Design Essential
Mobile UX Design EssentialMobile UX Design Essential
Mobile UX Design Essential
 
140726컨셉론 소형
140726컨셉론 소형140726컨셉론 소형
140726컨셉론 소형
 
The스프라이트
The스프라이트The스프라이트
The스프라이트
 
사용자 중심의 소프트웨어 개발을 위한 UI/UX 참조모델 가이드
사용자 중심의 소프트웨어 개발을 위한 UI/UX 참조모델 가이드사용자 중심의 소프트웨어 개발을 위한 UI/UX 참조모델 가이드
사용자 중심의 소프트웨어 개발을 위한 UI/UX 참조모델 가이드
 
다함께 자전거
다함께 자전거다함께 자전거
다함께 자전거
 
Spine과 함께하는 뼈대세우기
Spine과 함께하는 뼈대세우기Spine과 함께하는 뼈대세우기
Spine과 함께하는 뼈대세우기
 
서른즈음에
서른즈음에서른즈음에
서른즈음에
 
박홍근홈패션 사보 2012년 여름호
박홍근홈패션 사보 2012년 여름호박홍근홈패션 사보 2012년 여름호
박홍근홈패션 사보 2012년 여름호
 
골든벨문제 웹게시용
골든벨문제 웹게시용골든벨문제 웹게시용
골든벨문제 웹게시용
 
김대원 포트폴리오
김대원 포트폴리오김대원 포트폴리오
김대원 포트폴리오
 
Matlab gui project(포도)
Matlab gui project(포도)Matlab gui project(포도)
Matlab gui project(포도)
 
Patten5
Patten5Patten5
Patten5
 
인디게임 "Mana Collectors - 마녀가 사는 마을" 개발 포스트모템
인디게임 "Mana Collectors - 마녀가 사는 마을" 개발 포스트모템인디게임 "Mana Collectors - 마녀가 사는 마을" 개발 포스트모템
인디게임 "Mana Collectors - 마녀가 사는 마을" 개발 포스트모템
 
셰이더가 뭐에요?
셰이더가 뭐에요?셰이더가 뭐에요?
셰이더가 뭐에요?
 
1주 WEB UI Overview
1주 WEB UI Overview1주 WEB UI Overview
1주 WEB UI Overview
 
교공피피티Pdf
교공피피티Pdf교공피피티Pdf
교공피피티Pdf
 
모바일게임 시장 및 기업의 대응 사례 분석[1]
모바일게임 시장 및 기업의 대응 사례 분석[1]모바일게임 시장 및 기업의 대응 사례 분석[1]
모바일게임 시장 및 기업의 대응 사례 분석[1]
 
16회 오픈업/사례1-블랙썬 개발에서 겪은 시행착오들_블랙펄이지훈대표
16회 오픈업/사례1-블랙썬 개발에서 겪은 시행착오들_블랙펄이지훈대표16회 오픈업/사례1-블랙썬 개발에서 겪은 시행착오들_블랙펄이지훈대표
16회 오픈업/사례1-블랙썬 개발에서 겪은 시행착오들_블랙펄이지훈대표
 

Similar to 손가락이 제멋대로 UX 하고 움직이는 UI

오토데스트세미나 스케일폼적용사례 김효영
오토데스트세미나 스케일폼적용사례 김효영오토데스트세미나 스케일폼적용사례 김효영
오토데스트세미나 스케일폼적용사례 김효영MinGeun Park
 
MS 차세대 모바일 게임 전략 및 XNA
MS 차세대 모바일 게임 전략 및 XNAMS 차세대 모바일 게임 전략 및 XNA
MS 차세대 모바일 게임 전략 및 XNASeo Jinho
 
스마트폰 게임을 데스크톱과 게임기로 1부
스마트폰 게임을 데스크톱과 게임기로 1부스마트폰 게임을 데스크톱과 게임기로 1부
스마트폰 게임을 데스크톱과 게임기로 1부mosaicnet
 
kgc2010 - 차세대 모바일 게임 전략과 WP7
kgc2010 - 차세대 모바일 게임 전략과 WP7kgc2010 - 차세대 모바일 게임 전략과 WP7
kgc2010 - 차세대 모바일 게임 전략과 WP7Seo Jinho
 
마크업개발자가 UX를 알아야 하는 이유
마크업개발자가 UX를 알아야 하는 이유마크업개발자가 UX를 알아야 하는 이유
마크업개발자가 UX를 알아야 하는 이유Woo Sanghun
 
Rhea smart product130316
Rhea smart product130316Rhea smart product130316
Rhea smart product130316Rhea Strike
 
20090826 Blackjack Cafe V1.0
20090826 Blackjack Cafe V1.020090826 Blackjack Cafe V1.0
20090826 Blackjack Cafe V1.0Seo Jinho
 
라이트브레인 UX/UI Trend 2022
라이트브레인 UX/UI Trend 2022라이트브레인 UX/UI Trend 2022
라이트브레인 UX/UI Trend 2022RightBrain inc.
 
'UX', 'UX Design' and 'Good UX'
'UX', 'UX Design' and 'Good UX''UX', 'UX Design' and 'Good UX'
'UX', 'UX Design' and 'Good UX'Jinyong Kim
 
2016년 유니톤 언더라인 발표자료
2016년 유니톤 언더라인 발표자료2016년 유니톤 언더라인 발표자료
2016년 유니톤 언더라인 발표자료Han Sung Kim
 
VR 슈팅 액션 게임 개발 노트(오답노트) V 0.2
VR 슈팅 액션 게임 개발 노트(오답노트) V 0.2VR 슈팅 액션 게임 개발 노트(오답노트) V 0.2
VR 슈팅 액션 게임 개발 노트(오답노트) V 0.2Jong Won Park
 
[D2 오픈세미나]5.html5 api 테트리스게임_이진권
[D2 오픈세미나]5.html5 api 테트리스게임_이진권[D2 오픈세미나]5.html5 api 테트리스게임_이진권
[D2 오픈세미나]5.html5 api 테트리스게임_이진권NAVER D2
 
[NAVER D2] html5 api를 활용한 실시간 대전 테트리스 게임 개발
[NAVER D2] html5 api를 활용한 실시간 대전 테트리스 게임 개발[NAVER D2] html5 api를 활용한 실시간 대전 테트리스 게임 개발
[NAVER D2] html5 api를 활용한 실시간 대전 테트리스 게임 개발JinKwon Lee
 
조건상의 자기소개서
조건상의 자기소개서조건상의 자기소개서
조건상의 자기소개서건상 조
 

Similar to 손가락이 제멋대로 UX 하고 움직이는 UI (20)

오토데스트세미나 스케일폼적용사례 김효영
오토데스트세미나 스케일폼적용사례 김효영오토데스트세미나 스케일폼적용사례 김효영
오토데스트세미나 스케일폼적용사례 김효영
 
MS 차세대 모바일 게임 전략 및 XNA
MS 차세대 모바일 게임 전략 및 XNAMS 차세대 모바일 게임 전략 및 XNA
MS 차세대 모바일 게임 전략 및 XNA
 
스마트폰 게임을 데스크톱과 게임기로 1부
스마트폰 게임을 데스크톱과 게임기로 1부스마트폰 게임을 데스크톱과 게임기로 1부
스마트폰 게임을 데스크톱과 게임기로 1부
 
kgc2010 - 차세대 모바일 게임 전략과 WP7
kgc2010 - 차세대 모바일 게임 전략과 WP7kgc2010 - 차세대 모바일 게임 전략과 WP7
kgc2010 - 차세대 모바일 게임 전략과 WP7
 
Ui vs ux
Ui vs uxUi vs ux
Ui vs ux
 
Uxpt
UxptUxpt
Uxpt
 
마크업개발자가 UX를 알아야 하는 이유
마크업개발자가 UX를 알아야 하는 이유마크업개발자가 UX를 알아야 하는 이유
마크업개발자가 UX를 알아야 하는 이유
 
Rhea smart product130316
Rhea smart product130316Rhea smart product130316
Rhea smart product130316
 
Bsw ui ux정의
Bsw ui ux정의Bsw ui ux정의
Bsw ui ux정의
 
20090826 Blackjack Cafe V1.0
20090826 Blackjack Cafe V1.020090826 Blackjack Cafe V1.0
20090826 Blackjack Cafe V1.0
 
라이트브레인 UX/UI Trend 2022
라이트브레인 UX/UI Trend 2022라이트브레인 UX/UI Trend 2022
라이트브레인 UX/UI Trend 2022
 
Sns
SnsSns
Sns
 
'UX', 'UX Design' and 'Good UX'
'UX', 'UX Design' and 'Good UX''UX', 'UX Design' and 'Good UX'
'UX', 'UX Design' and 'Good UX'
 
2016년 유니톤 언더라인 발표자료
2016년 유니톤 언더라인 발표자료2016년 유니톤 언더라인 발표자료
2016년 유니톤 언더라인 발표자료
 
VR 슈팅 액션 게임 개발 노트(오답노트) V 0.2
VR 슈팅 액션 게임 개발 노트(오답노트) V 0.2VR 슈팅 액션 게임 개발 노트(오답노트) V 0.2
VR 슈팅 액션 게임 개발 노트(오답노트) V 0.2
 
[D2 오픈세미나]5.html5 api 테트리스게임_이진권
[D2 오픈세미나]5.html5 api 테트리스게임_이진권[D2 오픈세미나]5.html5 api 테트리스게임_이진권
[D2 오픈세미나]5.html5 api 테트리스게임_이진권
 
[NAVER D2] html5 api를 활용한 실시간 대전 테트리스 게임 개발
[NAVER D2] html5 api를 활용한 실시간 대전 테트리스 게임 개발[NAVER D2] html5 api를 활용한 실시간 대전 테트리스 게임 개발
[NAVER D2] html5 api를 활용한 실시간 대전 테트리스 게임 개발
 
[PandoraCube] 게임 콘텐츠 접근성
[PandoraCube] 게임 콘텐츠 접근성[PandoraCube] 게임 콘텐츠 접근성
[PandoraCube] 게임 콘텐츠 접근성
 
이호민
이호민이호민
이호민
 
조건상의 자기소개서
조건상의 자기소개서조건상의 자기소개서
조건상의 자기소개서
 

손가락이 제멋대로 UX 하고 움직이는 UI