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