[발표자료]Game interface design

Game Interface Design

Characteristics ofGraphical and Web User

Interfaces

2006181016 문준석2006181043 최재용

목 차 (1)

• 개요• 그래픽 사용자 인터페이스

- 그래픽 대중성- 직접 조작의 개념- 그래픽 시스템 : 장단점- 그래픽 사용자 인터페이스의 특성

• 웹 사용자 인터페이스- 웹의 대중성- 웹 인터페이스의 특성

목 차 (2)

• 그래픽 사업 체제와 웹의 병합- 인트라 , 인터넷의 특성- 익스트라넷

• 유저 인터페이스의 원리- Xerox STAR 를 위한 원리- 일반적인 원리

• 요약

개 요

이 쳅터는 직접 조작에 대한 설명과 컨셉을 포함한 그래픽 유저 인터페이스의 특성을 설명할 것이

다 .또 그래픽 유저 인터페이스와 웹 인터페이스의

차이점을 포함한 웹의 특성을 알아보자 .

그래픽 사용자 인터페이스

사용자들을 위해 어떠한 기능을 사용함에 있어 알맞게 정보를 제공할 수 있도록 시각적인 효과를 사용한 인터페이스이다 .

그래픽 대중성

1 세대 - 텍스트

그래픽 대중성

2 세대 - 이미지

그래픽 대중성

3 세대 – 3 차원 렌더링

직접 조작의 개념 (1)

실제 세계의 확장으로 묘사됩니다


움직임은 빠르고 시각적으로 대응할 수 있어야 합니다


작업을 쉽게 사용할 수 있어야 합니다

직접 조작의 한계점 (1)

시스템적으로 개념잡기가 쉽지 않다

직접 조작의 한계점 (2)수용능력이 시스템의 제한을 받는다

직접 조작의 한계점 (3)조작 가능한 영역을 벗어나지 못한다

윈도우 화면의마우스 포인터

직접 조작의 한계점 (4)처음 접한 유저들이 필수적인 행동들을

기억하기 어려울 수 있다

예 ) 리모콘

그래픽 시스템의 장점 (1)

텍스트보다 보다 빨리상징적인 이미지를 통해 인식할 수 있다


쉽게 배울 수 있다

<Software Renderer> 참조하여 간단한 3D Shooting Game 을 작성하여라 .<Software Renderer> 참조하여 간단한 3D Shooting Game 을 작성하여라 .

설명서에 제품의 대한 이미지와 함께 설명을 유도하는 것과 글로써 표현하는 것은 이해하는데 큰 차이가 준다 .


빠르게 문제해결을 할 수 있다<Software Renderer> 참조하여 간단한 3D Shooting Game 을 작성하여라


쉽게 상기시킬 수 있다

‘ 백 번 읽는 것보다 한번 보는게 낫다’


보다 자연스럽다 .


에러를 최소화시킬 수 있다

‘ 아버지가방에 들어가신다 ?’


언어 선택의 제한을 덜 받는다

한국어 : 화장실영어 : Toilet일본어 : トイレ독일어 :Toilette이시디어 :קלָאזעט


즉시 피드백을 받을 수 있다더 매력적이다

그래픽 시스템의 단점 (1)

뛰어난 설계란 쉽지 않다


안배우고 쓸 순 없다 .

추가적으로 이미지에 대한 설명을 텍스트로 표현하면 좀더 빠른 이해가 가능하다 .


문화적인 차이에 따라 설계가 다를 수 있다 .우리나라 : 동의브라질 : 모욕프랑스 : 숫자‘ 0’이탈리아 : 항문


좋은 설계가 아니라면 텍스트보다 못하다


사람마다 이해의 한계가 있어서 혼란을 줄 수 있다 .

그래픽 사용자 인터페이스의 특성(1)

시각적인 표현이 정교하다

그래픽 사용자 인터페이스의 특성(2)

제한된 인터페이스 옵션의 설정

웹 유저 인터페이스

웹의 대중성

일반 사용자가 컴퓨터를 함에 있어 웹페이지에 접속하고 있는 시간은 70~80% 이다 .

누구나 쉽게 접근할 수 있는 영역인 만큼 악성프로그램이나 해킹들의 보안적인 위험을 가진다 .

웹 인터페이스의 특성

웹 인터페이스는 GUI 와 유사하다

웹 인터페이스의 특성은 일반적인 GUI 의 특성과 비슷하나 그 중 다른 부분을 통해 GUI 와 다른 웹만이 가진 특성을 알아본다 .

GUI vs Web Page Design(1)

장 치


사용자 초점

GUI: 잘 디자인된 어플리케이션을 통해 한 장면에 사용자에게 필요한 정보만 줄 수 있어 사용자 초점이 유지된다 .

WEB: 웹 페이지는 원하지 않는 광고나 필요 없는 정보들로 사용자의 초점을 흩트려진다 .


응답시간

WEB: 사용자의 환경에 따라 불안정한 속도를 가질 수 있다 .

GUI: 고정된 장치를 통해서 보장된 속도를 낼 수 있다 .


수용능력

GUI: 장치의 하드웨어적의 능력의 따라 수용 할 수 있는 범위는 제한된다 .

WEB: 서버를 보유함에 따라 수용할 수 있는 범위는 제한된다 . 하지만 그 양이 엄청나서 웹이 가진 최고의 강점이 된다 .


보안

GUI: 개발자의 개발의 방침에 따라 어플리케이션의 보안은 어느 정도 보장된다 .

WEB: 웹 보안은 매우 취약하며 따라서 웹 기능을 제한될 수 있다 . 사용자에 보안레벨에 따라 달라진다 .

인쇄 페이지 vs 웹 페이지 (1)

사이즈

Page: 인쇄 용지에 따라 크기가 제한

Web: 최대화일 때는 모니터 사이즈 , 그 이후에는 창 크기에 따라 수시로 변한다


그리기 방식

Page: 레이저나 잉크를 통한 그리기 방식을 사용

WEB: 소프트웨어나 하드웨어적인 렌더링을 사용


레이아웃

Page: 주어진 레이아웃 환경으로 적용된다 .

Web: 툴킷과 브라우저 , 하드웨어장치 (ex.모니터 ) 적인 영향을 받는다 .


독립성

Page: 인쇄물에 따라 고정된 정보를 제공한다 .

Page: 디자인이나 웹 옵션에 따라 ( 선택 , 확장 , 클릭 , 스크롤 ,이동 등 ) 동적인 표현이 가능하다 .

인터넷 vs 인트라넷 (1)

인터넷 : 전 세계의 네트워크로 서로 연결되어 프로토콜을 이용해 정보를 주고받는 통신망 .

인트라넷 : 인터넷 프로토콜을 쓰는 폐쇄적 근거리 통신망 . 인터넷을 조직 내 네트워크로 활용하는 것을 말한다 . 인트라넷은 LAN( 근거리 통신망 )을 기반으로 데이터 저장장치인 서버를 연결하고 PC 에 설치된 인터넷 검색 프로그램을 통해 업무를 처리할 수 있게 하는 것이다 .

익스트라넷

내부 네트워크이면서 협력사나 외부 고객에게 개방된 네트워크 .

유저 인터페이스 디자인의 원리 (1)

유저 인터페이스 디자인의 원리 (2)

Xerox STAR

Xerox 8010 Star Information System 지금부터 30년 전 Xerox 가 발표했던 시스템 .

아이콘 , 폴더 , 마우스 , 이메일 , 파일서버 , 이더넷 네트워킹 등 모든 아이디어가 녹아있다 .

요 약

- 유저는 좀더 나은 인터페이스를 원한다 .

- 좋은 GUI 를 만들기는 쉽지 않지만 , 좋은 제품을 만드는데 필수 요소이다 .

- 웹 인터페이스는 GUI 와는 조금 다른 접근방법을 통해 개발해야 한다 .

[발표자료]Game interface design

Technology

Transcript of [발표자료]Game interface design