gui

조종사들이 조종실에 앉아 칠흑 같은 어둠 속에서 비행기를 조종하는 것
을 상상해 보라. 그들은 외부 세계에 직접적으로 접근할 수도 없고 그럴
필요도 없다. 그들은 측정값들과 표시기들을 기초로 해서 행동하고 수치
들이 변하거나 또는 수치들의 특수한 조합들이 나타날 때 자신들의 계기
들을 이용한다. 그들은 적절한 수치들을 지정된 한계들 내에서 유지하기
위하여 감각운동적 상호 관계들을 설정한다. 비행기가 착륙하면 비행기
가 도착하는 것을 지켜보았던 친구들과 동료들이 나타나서는, 짙은 안개
와 위험한 폭풍우 속에서 조종사들이 성공적이고 훌륭하게 착륙한 것에
대해 축하할지도 모른다. 하지만 조종사들은 당황해 하면서 이렇게 물을
것이다. "폭풍우라고? 안개라고? 무슨 말들을 하는 거야? 우리는 단지
우리의 계기들을 다루었을 뿐이라고!" 알다시피 비행기 외부에서 일어난
것은 비행기 안의 작동적인 동학과는 관계가 없으며, 아무런 의미가 없
었던 것이기 때문이다.

“우리에게 인식능력이 없다면 둥근 사과는 존재할 수 없다”

칸트

칸트 이전의 서구철학이 내 눈앞에 존재하는 사과의 본질이나 존재를 묻
는 것이 목적이었다면, 칸트는 우리의 감각기관과 둥긂이란 개념이 먼저
주어져 있지 않다면, 우리는 눈앞에 보이는 대상을 „둥근사과‟라고 인식
할 수 없을 것이다고 하였다. 따라서 칸트에 따르면 „둥근사과‟는 그 자체
로 존재하는 것이 아니라 우리의 자발적인 인식 능력에 의해 구성된 결
과물이라고 볼 수 있다.

우리는 세상을

인터페이스를 통해 바라보고

인터페이스를 통해 인식하고

인터페이스를 통해 지각하고

인터페이스를 통해 사유한다.

1. GUI의 역사
Personal History goes with Mobile Map

Graphical User Interface의 정의
사용자가 전자화 된 시각표시 매체(스크린)를 통하여 필요작업을 수행하고자 할 때, 필요한 조작
정보를 회화적으로 사용자에게 제공하는 인터페이스를 말한다. 명령어를 키보드를 통해 직접 입
력하여 제어 또는 조작 하는 Command-Line Interface(또는 Textual User Interface)와는 다르게
컴퓨터에게 직접적 명령을 내리는 방식이 아니라 윈도우(Window), 아이콘(Icon), 메뉴(Menu)를
포인터(Pointer)를 통해 간접적으로 조작하는 방식을 일컫는다.

CLI (DOS) Commodore 64를 위한 GEOS GUI

1. GUI의 역사

GUI이전의 Interface
"Memex" Vannevar Bush (1945)

바네바 부시는 그의 글 “As We May Think”(Atlantic Montly)에서 하이퍼텍스트 기반의 컴퓨터 시
스템인 Memex의 프로토 타입을 제안하였다. Memory와 Index의 합성어로 된 Memex는 두 개의
터치스크린과 키보드, 스케너로 구성되었고 이를 통해 인간이 축적한 다양한 종류의 정보와 지식
을 하이퍼텍스트 기반으로 검색 가능하게 하는 것이었다. 이 아이디어는 추후 더글라스 앵겔바트
에게 큰 영향을 미치고 후의 GUI와 웹의 근원이 된다.

Memex(1945)

1. GUI의 역사

GUI이전의 Interface
"Augmenting Human Intellect(인간 지능 확장)" Douglas Englebart(1962)

미국은 1950년대에 폭격기로 인한 선제공격에 대비하기 위해 CRT스크린과 라이트펜으로 이루
어진 레이더망시스템인 SAGE를 개발하였다. 이것이 최초의 인간-컴퓨터 인터랙션을 구현한 실
제적 사례라고 하기에 부족함이 없었다. 이 후 바네바 부시에 영향을 받은 더글라스 앵겔바트는
SRI(Standford Research Institute)에서 아이들의 학습(지능 확장)에 도움이 될 수 있는 컴퓨터
NLS(oN-Line System)을 개발하면서 마우스를 이용한 커서와 윈도우의 개념을 처음 적용하였다.

SAGE(Semi-Automatic Ground Environment) The oN-Line System display, keyboard and mouse

앵갤바트의
마우스 프로토타입

1. GUI의 역사

GUI의 발전
XEROX PARC의 Alto(1973)

복사기 회사였던 제록스는 종이가 없는 사무환경(Paperless Office)에 대한 미래의 불확실성에
대비하기 위하여 디지털 미디어를 이용한 새로운 사무용 기기(Office Appliance)를 개발하기 위
해 PARC(Palo Alto Research Center)를 설립하고 최초의 레이저프린터를 개발하였다. 알란 케
이(Alan Kay)등의 일련의 SRI 과학자들이 PARC에 합류하고 WISWIG(What You See is What
You Get)개념의 문서작성 프로그램과 이를 위한 OS를 개발하게 된다. 이것이 최초의 GUI를 탑
재한 Alto였다.

XEROX Alto GUI를 통하여 Alto를 사용하는 아이들 Alto의 Home 스크린

1. GUI의 역사

GUI의 발전
XEROX PARC의 Star(1977)와 WIMP

Desktop이라는 메타포를 적용한 첫번째 컴퓨터인 Star는 초기 GUI의 기본적인 구성요소인
Window, Icon, Menu, Pointer(WIMP)를 통해 사용자와의 인터랙션을 구축하였다. Alto에서 적용
되었던 중첩윈도우(Overlapping Window)는 사용자가 이해하기 힘들다는 이유로 Star에는 최초
모델에는 적용되지 않았다. 하지만 Star는 오늘날의 컴퓨터 OS GUI의 모든 개념들을 완성하였
으나 프로그래밍 언어(MESA)와 개발환경을 제록스 이외에는 공개하지 않아 어떤 3rd party 소프
트웨어가 개발되지 않았다.

XEROX Star

1. GUI의 역사

GUI의 발전
Apple Computer의 Lisa(1979)와 Macintosh(1984)

PARC의 Alto와 Star를 제작하였던 팀이 스티브 잡스와 스티브 와즈니악에 의해 설립된 Apple
Computer로 합류하면서 Star의 기본 GUI 시스템이 그대로 Lisa로 옮겨가게 되었다. 처음 Lisa는
Command Line based Interface였지만 이들에 의해 GUI로 변경되었고 이는 최초의 GUI를 탑재
한 상업용 컴퓨터 MacII의 광범위한 성공에 의해 GUI의 전형이 되었다.
비율고정형 스크롤바, 휴지통, Graying-out Menu Option, Double Click 등 Lisa를 통해 많은 GUI
아이디어들이 구체화 되었다. 특히 단순화된 사용을 위해 마우스의 버튼의 수도 Alto(3개), Star(2
개)에서 1개로 줄이고 보다 직관적인 인터랙션을 구축하고자 하였다.

초기 Lisa의 GUI Mockup LisaGraph LisaDraw

1. GUI의 역사

GUI의 발전
Apple Computer의 Lisa(1979)와 Macintosh(1984)

$10,000에 달했던 Lisa의 가격에 비해 보다 대중적인 판매를 할 수 있는 제품 개발이 요구되어졌
고, 1984년 Apple은 $2,495의 MacII를 대대적 광고와 함께 출시하였다. 하지만 Risa와는 달리 가
격을 낮추기 위해 Multi Tasking을 지원하지 않았고, 9인치 흑백모니터에 플로피디스크만 탑재할
수 있었다. 하지만 1984년 비즈니스위크 11/12월 특집호의 모든 광고(39페이지)를 Apple이 구입
하여 Mac II의 기능과 GUI를 통한 업무환경의 변화에 대해 설명을 통해 기술로서 존재하던 GUI
를 사용자-인터랙션 환경의 패러다임 변화로 세상에 알렸다.

1984 Newsweek Apple 광고

1. GUI의 역사

GUI의 발전
Susan Kare, Mac, Icons

애플 컴퓨터 디자이너로 취직한 수잔 케어는 Happy Mac을 비롯한 초기 Mac의 모든 아이콘과
Chicago, Geneva 등 화면용 Font의 디자인을 담당하면서 Mac GUI의 시각적 스타일을 완성하였
다. 그의 Pixel Art 아이콘은 아직도 많은 GUI에 영향을 미치고 있다. 애플 이후에 마이크로소프트
와 IBM OS/2, NeXT 등을 위해 Icon등을 제작하였다.

Apple Computer를 위한 Icon과 Font

Microsoft Solitaire Card

1. GUI의 역사

GUI의 발전
이외의 GUI들: VisiOn(1982)

Apple 이외에도 GUI를 개발하는 회사들이 있었는데, 그 중 가장 상업적 성공을 거두고 있었던 회
사는 VisiCorp로 이 회사에서 개발한 Spread Sheet 소프트웨어 VisiCalc(이후 VisiOn)는 IBM PC
에서 Dos 기반으로 구동되었다. 고사양(XT, 512KB)와 높은 가격($1,495)에도 마우스 커서의 수
직/수평이동 만을 제공하였지만 대중적 호응을 얻었다. VisiOn은 아이콘을 사용하지 않았고, 오
직 텍스트 레이블을 사용자가 클릭하도록 하는 방식으로 제작되었다. VisiOn를 Comdex에서 본
마이크로소프트의 빌게이츠는 이 후 Window1.0 개발에 착수 하게 되었고, 이는 이후 Dos기반의
MS Word 개발의 자극제가 되었다.

VisiCorp의 VisiOn User Interface

1. GUI의 역사

GUI의 발전
이외의 GUI들: Digital Research GEM (1985), Amiga Workbench(1985)

GEM은 IBM PC에 Dos를 기반으로 하는 GUI로 Apple의 모든 WIMP 컨셉을 그대로 차용하였다.
이 후에 Apple에 의해 소송을 당하여 PC 버전은 판매하지 못했지만, Atari버전은 계속적으로 사
용할 수 있었다. Top Menu, 중첩 Window 등 GUI의 모든 부분에서 Apple Mac OS를 모델로 하여
발전하였지만 얼마 후 시장에서 사라지게 된다.
Amiga사의 Workbench 또한 WIMP 컨셉을 가지고 오지만 Top Menu는 오른쪽 마우스 버튼을 눌
렀을 경우만 나타나는 방식으로 제작되었으며, 이는 후에 오른쪽 마우스 버튼을 통한 세부 기능
메뉴의 출현에 영향을 준다.

Digital Research사의 GEM User Interface Amiga사의 Workbench User Interface

1. GUI의 역사

GUI의 발전
이외의 GUI들: UNIX기반
MIT X Window System(1984), Sun Micro Systems neWS(1985)

Dos기반의 GUI가 등장하면서 UNIX기반의 GUI에 대한 연구도 본격화 되기 시작하였다. UNIX에
서의 최초의 GUI는 MIT에서 개발한 X Window System으로 이후에 모든 UNIX기반 윈도우의 모
델로 사용되었다. Sun Micro Systems의 neWS는 독특한 파이형태의 메뉴와 Hyper TIE Browser
라는 Hypertext와 터치스크린 기반의 브라우징 시스템으로 이후 KIOSK GUI의 영향을 미친다.

X Window System Sun Micro Systems neWS

1. GUI의 역사

GUI의 발전
이외의 GUI들: Dos기반
Tandy Computer DeskMate(1984), Berkely Softworks GEOS(1986), Acorn Arthur(1987)

Apple의 상업적 성공과 대중적 관심에 따라 다양한 Dos 기반의 GUI OS가 1980년대 중반에 등
장한다. DeskMate, GEOS 등 다양한 GUI가 개발되고 또 사라진다. 텍스트 레이블을 통한 문서
조작 등의 형태에서, Mac과 유사한 WIMP를 적용한 GUI의 형태로 발전하고 이 후 독자적인 GUI
elements를 갖게 되는 형태로 발전한다. Berkely Softworks사의 GEOS는 Disk NotePad라는
Window와 유사한 형태지만 좌우, 상하 스크롤이 아닌 노트패드 메타포의 Multiple Page형식으
로 표현하였다. GEOS는 이 후 노키아의 심비안 이전 노키아 커뮤니케이터의 OS로 사용되었다.
영국 Acorn사의 Arthur는 비례 스크롤바, Dock, Anti-Aliasing 등 새로운 GUI 컨셉을 적용하였다.

Tandy DeskMate Berkely SoftworksGEOS Acorn Computer Arthur

1. GUI의 역사

GUI의 발전
Microsoft Windows

첫번째 마이크로 소프트의 GUI 기반 Operating Environment으로 Windows 1.0(1985)를 발표하
였으나 Apple의 특허로 인해 휴지통이나 중첩윈도우 등을 사용할 수 없었다. Window 2.0의 발표
와 더불어 Excel, Word등의 응용프로그램들이 개발되었고, Mac에 제공되던 Aldus PageMaker
가 Window 버전으로 발표되면서 그 가능성을 넓혀나갔다. 1989년 유명한 특허권 분쟁이었던 애
플과 마이크로소프트간의 GUI 분쟁에 있어 마이크로소프트의 승리를 통해 Apple의 주요 GUI 컨
셉은 마이크로소프트 Windows 3.0에 적용될 수 있었다.

MS Windows 1.0 MS Windows 3.0

1. GUI의 역사

GUI의 발전
Microsoft Windows 3.1, 95

마이크로소프트는 3.1의 상업적 성공은 89년을 전후하여 산발적으로 개발되던 Apple과 마이크
로소프트를 제외한 거의 모든 GUI OS들은 개발을 중단하게 만들었다. 이 후 개인용/사무용 컴퓨
터에서의 GUI개발은 마이크로소프트와 애플이 거의 독점적으로 이루어졌다. 마이크로소프트는
애플과의 차별화된 GUI 환경을 제공하기 위하여 Start메뉴의 도입 및 Acorn사의 Arthur의 Dock
과 유사한 개념인 Task-Bar라는 GUI요소를 추가하여 Multitasking 상황에서 응용프로그램의 전
환을 용이하게 하였다.

MS Windows 3.1 MS Windows 95

1. GUI의 역사

GUI의 발전
90년대를 들어오면서 개인용 컴퓨터의 환경은 모두 GUI기반으로 변화하였고, 이러한 변화는 개
인용/사무용 컴퓨터의 대중화를 가져오게 되었다. 대부분의 가정에서 컴퓨터를 구입하게 되면서
마이크로소프트 Windows는 엄청난 성공을 이루며 98, ME, 2000, XP 등으로 발전을 해 나가면
서도 95에 이룩한 기본적인 Theme을 유지해 나간다.
1985년 Apple을 떠난 스티브 잡스는 1988년 NeXT 컴퓨터를 통해 새로운 개념의 고성능 OS인
NeXTSTEP을 발표하였다. UNIX기반과 OO (Object Oriented) Application Layer를 기반으로 한
NeXTSTEP은 상,하,좌,우 어디에든 놓을 수 있는 Dock의 도입 등 GUI발전에도 기여를 하였지만
이 후 Tim Berners-Lee가 첫번째 웹브라우져를 NeXT에서 개발하면서 WWW의 개발에도 큰 공
헌을 하였다. 이외에도 BeOS, Amiga Workbench등이 꾸준히 버전을 업그레이드 하면서 발전하
였다.

BeOS 4.5 Amiga OS4 Workbench Nexus Browser on NeXTSTEP

1. GUI의 역사

GUI의 발전
Apple의 OS X

애플의 많은 GUI개념들은 PARC의 Star로 부터 상속받은 것은 사실이지만, Menu Bar, Popup
Menu, Drag & Drop을 통한 직접조작 등의 GUI 개념들은 애플의 노력에 의해 탄생하였다고 볼
수 있다. 1997년 애플로 돌아온 스티브잡스는 애플이 힘든 시기를 잘 극복하고 있다는 메시지를
전달하기 위하여 System 7.7을 System8로 변경하여 발표하였다. 하지만 그의 최종 목표는 기존
의 Apple System의 종말을 고하고 NeXTSTEP으로의 전환하는 것이었다. UNIX기반으로의 전환
은 기존 Mac 응용프로그램과의 종말을 의미하였고, 이에 따른 거대한 모험을 통해 Mac은 이전
의 맥과는 전혀 다른 새로운 맥으로 탄생하게 되었다. GUI에서도 NeXTSTEP에서 도입된 Dock
과 Minimize Button을 적극적으로 활용하면서 차별화를 시도하였다.
Mac OS X 1.1 Screenshots

1. GUI의 역사

GUI의 발전
Apple의 OS X

Mac OS X는 애플의 Ipod의 성공과 더불어 지속적 발전을 하였다. Konfabulator에 의해 처음 소
개된 웹기반 어플리케이션은 Mac OS X Tiger에서 기본 GUI 요소로 자리잡게 되었다. Widget은
Ipod Touch와 Iphone의 Application으로 발전하게 되어 현재의 Iphone 에코시스템을 구축하는데
큰 영향을 끼쳤다. 이외에도 Unified Titlebar/tool bar, Stacks등과 같은 GUI기능의 업그레이드와
Cover Flow, Time Machine, Exposé, Space 등 새로운 개념의 GUI를 추가하였다. 컴퓨터의 성능
이 좋아지면서 애니메이션은 GUI의 중요한 요소로 부각되게 되었다.

Mac OS X Widget Unified Titlebar/Toolbar Cover flow Space

Time Machine Front Row Stacks Video Conferencing

1. GUI의 역사

GUI의 발전
최근의 PC OS GUI

마이크로소프트는 Iconfactory가 디자인한 Aero GUI Theme을 Vista와 Windows7에 제공하면서
Flip3D, Live Thumbnail 등 새로운 GUI컨셉을 소개하였다. 애플에 의해 시작된 Virtual Desktop
개념은 Compiz, Haiku등을 통해 다양하게 시도 되었으며 3차원 공간을 디자인 메타포로 적극적
으로 도입하기 시작하였다. 특히 BumpTop은 멀티터치를 적용하면서 보다 실세계에 근접한 사용
자경험을 제공하면서 독특한 GUI 컨셉을 제시하였다. 제한된 화면 공간을 보다 창의적으로 활용
하기 위한 노력은 GPU 기술의 발전과 더불어 다양한 방식으로 진화하여 Rescaling, zooming,
window transformation and animation 등이 GUI의 새로운 연구분야로 자리잡게 되었다.

BumpTop Compiz Windows 7 Flip3D

1. GUI의 역사

GUI의 발전
Input Device의 발전: 마우스에서부터 멀티터치까지

GUI의 탄생은 마우스의 탄생과 같이한다고 볼 수 있다. 마우스를 이용한 시각오브젝트(메뉴, 아
이콘)을 직접 조작하는 방식으로 발전하였다. 키보드를 이용한 단축키의 활용 등 GUI조작을 위
한 다른 Input Device도 있었지만 마우스는 GUI 조작에 있어 가장 중요한 요소로서 자리잡았다.
최근 멀티터치 기술과 모바일 디바이스의 기술적 발전에 힘입어 터치를 기반으로 한 Input
System이 개발되고 있지만 화면을 기반으로 하고 있는 GUI에서 정밀하게 커서(포인터)를 조작
하여야 하는 환경에서는 아직도 마우스와 같은 포인팅 디바이스의 역할은 주요하다. 모바일 디바
이스의 발전은 사용자의 직접조작에 따른 Data Input 이외에도 GPS를 이용한 위치 정보값의 입
력, accelerometer과 디지털콤파스(Magnetometer)를 이용한 방향 값 등 다양한 정보를 받아들일
수 있게 되었다. 이렇게 Sensing 된 정보의 활용은 GUI에도 큰 변화를 가져오게 되었다.
앵겔바트의 마우스 BumpTop의 MultiTouch Nitendo Wii Remote

1. GUI의 역사

GUI의 발전
WIMP에서 Post WIMP로

Window, Icon, Menu, Pointer(WIMP)는 XEROX Star와 Apple의 Mac 개발에서 부터 주요한 GUI
요소로 적용되었으며 WIMP 인터랙션은 GUI와 동일한 의미로 쓰이기도 하였다. 하지만 최신 소
프트웨어의 복잡성(예를 들어 CAD 프로그램)과 모바일 디바이스와 같은 화면영역의 제한은
WIMP가 최적의 GUI Elements가 아닐 수 있다는 의견이 생겨나기 시작하였고, 이에 따라 Post
WIMP 또는 Noncommand User Interface(by Jakob Neilsen), Widgeless GUI 등의 연구가 시도
되고 있다. 특히 VR, AR, Game 등에서 이러한 Post WIMP의 시도가 두드러지고 이러한 연구들
은 또한 Input Device, Gesture Recognition, Sensor기술의 발전과 직접적 연결이 있다.

WIMP Interaction instrument (WIMP) mediating the
interaction between a user and a domain object

1. GUI의 역사

GUI의 발전
PDA, Mobile Phone, MP3 Player GUI

터치스크린을 기반으로 한 최초의 PDA는 애플의 Newton(1997)이었다. Newton은 필기체 인식
인터페이스를 제공하였으며 Tab을 이용한 메뉴 브라우징을 사용하였다. 지금의 아이폰에 적용
된 스크린 회전기능을 제공하는 등 Desktop 메타포의 GUI와 차별화된 GUI 환경을 제공하였다.
이 후 US Robotics사의 Pilot이 이후 3Com의 Palm으로 지속적 발전을 하면서 PDA시장을 넓혀
났갔다. 스타일러스를 기반으로 한 터치스크린은 Palm과는 대조적으로 QWERTY 키패드를 기
본으로 한 RIM사의 BlackBerry(1999)는 track wheel을 마우스를 대신하는 입력장치로 사용하였
다.
Apple Newton Message Pad Palm OS RIM사의 BlackBerry OS

1. GUI의 역사

GUI의 발전
PDA, Mobile Phone, MP3 Player GUI

스마트폰의 발전은 GUI에 있어서도 새로운 발전을 요구하였고, Post WIMP 인터랙션의 다양한
시도들이 이루어졌다. 특히 Apple은 아이폰과 App Store를 통한 Eco System의 구축을 통해 스마
트폰 시장에 있어 새로운 가능성을 열었다. Mac OS X에 적용되었던 Widget은 App이라는 이름
으로 Iphone에 적용되었으며, I-Tune에 적용되었던 Cover Flow 도 중요한 GUI요소로 적용되었
다. 이외에도 Dropdown Menu 등과 같은 Desktop OS UI elements의 적용에 있어서도 Picker 스
타일의 방식을 제공하는 등 터치와 모바일 환경에 적합한 UI elements를 개발하였다.
Apple Iphone OS Screenshots
Palm OS

1. GUI의 역사

GUI의 발전
PDA, Mobile Phone, MP3 Player, Portable Game Device GUI

초기 MP3 Player는 Hierarchical File Managing Structure를 사용하였고, 좌/우/상/하 버튼과 확인
버튼을 통한 네비게이션이 주를 이루었지만, Apple의 Ipod은 클릭휠이라는 새로운 방식의 파일
네비게이션 인터랙션을 도입하였고, 이는 큰 상업적 성공을 이루었다. 방대한 양의 데이터를 네
비게이션 할때 스크롤이라는 방식과는 대비되는 휠 방식의 네비게이션은 보다 사용자에게 친숙
하게 다가 갈 수 있었다. 또한 소니의 Playstation에 적용된 Xross Media Bar(XMB) GUI는 이후
VAIO 등 다른 제품에도 적용이 되는 등 GUI가 브랜드 자산으로서 가치를 인정하기 시작하였다.
마이크로소프트사의 Zune OS도 Windows Mobile Phone7에 유사하게 적용될 예정이기도 하다.

Apple Ipod Click Wheel Sony Xross Media Bar MS Zune OS

1. GUI의 역사

GUI의 발전
Co-evolution을 위한 GUI
One Laptop per Child XO-1 netbook,
Sugar OS

Facilitates sharing and
collaboration

Activities, not applications

Emphasis on learning
through doing

Freedom, sharing, open
critique, and transparency

gui

Recommandé

Recommandé

Contenu connexe

Similaire à gui

Similaire à gui (20)

Plus de Kyle Kim

Plus de Kyle Kim (15)

gui