Dive into UX(0) - UX? UI? HCI?

July 8, 2017 Outdated · 8 min read

HCI(Human Computer Interaction)

HCI는 Human Computer Interaction의 줄임말이다. 사람과 컴퓨터 사이의 상호작용에 대해 연구하는 분야로 다학제적 학문이다. 컴퓨터 공학, 응용과학, 수학, 사회학, 심리학, 인지공학, 심리학, 뇌과학 등 많은 학문이 연결되어 있다. 1980년대 초기에 연구가 시작되었고 컴퓨터 공학이 인지 과학과 인간 공학을 포용하면서 발전했다. 1970년대 말까지는 컴퓨터를 다룰 수 있는 사람이 대개 연구자 혹은 컴퓨터에 아주 흥미가 있는 사람들뿐이었지만, 1970년대 말과 1980년대 초부터는 개인용 PC의 보급으로 컴퓨터를 사용성(Usability)의 관점에서 바라보며 태동했다. 이때 컴퓨터는 CLI(Command Line Interface)로 우리가 떠올리는 DOS 작동 개념에 가까웠지만, Xerox PARC에서 Xerox Star Workstation을 출시하면서 GUI(Graphic User Interface)가 시작되었다. 이때 WYSIWYG(What-You-See-Is-What-You-Get)라는 용어가 등장했고, 현재 디스플레이 패널을 가진 거의 모든 디바이스의 GUI에 사용되고 있다. 흔히 말하는 ‘직관성’과도 관련이 있다.

Xeros PRAC사의 Star Workstation

UX(User eXperience)

사용자가 제품, 서비스, 시스템을 사용하고 체험할 때 느끼는 경험이다. CX(Customer Experience)와는 다르다. 굳이 UE라고 하지 않는 이유는 E에는 음가가 없고, 나아가 영어에서 X가 가지는 특수성 때문이라고 한다. UX가 잘 디자인된 제품, 서비스, 시스템은 사용자를 만족시키며, 그렇지 않은 제품이나 서비스는 사용자에게 불편함을 유발한다. 흔히 UI와 혼동해 UX/UI 디자이너라고 하지만, 사실 UI는 UX의 한 분야일 뿐이다. (UI는 대개 인터페이스 디자인과 비주얼 디자인을 말한다.) 아래 사진을 첨부한다. UCD(User Centered Design), 브랜딩(Branding)과도 밀접하게 관련이 있다. 유명한 학자로는 도널드 노먼, 제이콥 닐슨, 피터 메르홀즈 등이 있다. 도널드 노먼과 제이콥 닐슨은 닐슨/노먼 그룹으로 유명하다. UX 디자인 관련 리서치 방법으로는 Double Diamond Process, Persona, User Journey, Ethnography, Interview, Survey, Field Activity 등 아주 많은 방법이 있다. Prototyping을 위한 툴로는 Sketch, Adobe XD, Framer, Origami 등 여러 가지 소프트웨어가 나와 있다. 대부분 앱이나 웹 프로토타이핑 툴이긴 하지만 말이다. Prototyping은 다시 Low-fidelity, Mid-Fidelity, High Fidelity로 나뉘며 각각 완성도 수준이라고 볼 수 있다. 사용자 경험을 측정하는 데 상대적으로 결과가 좋은 것은 Low-fidelity라고 한다. Mid, High로 올라갈수록 사용자는 제품이나 인터페이스가 편리한가를 생각하기보다 외관(색, 타이포) 등에 대한 평가에 집중하기 때문이다. UX는 평가 가능한 요소이며, 이를 평가하기 위한 방법으로는 Expert Review(전문가 평가)와 Heuristic Evaluation(발견적 평가 방법)이 있다. Heuristic Evaluation은 제이콥 닐슨이 만들었다.

UX vs UI

UX 디자인 예시

UI(User Interface)

UI는 크게 GUI와 CLI로 나뉜다. GUI는 위에서 말한 것처럼 그래픽 기반으로 사용자와 상호작용하는 인터페이스다. 아이콘이 바탕화면에 있고 더블 클릭하면 실행되거나, 로그인 버튼을 누르면 로그인이 되는 장면을 떠올리면 된다. 현재 우리가 사용하는 거의 모든 디바이스는 이 방식을 사용한다. CLI는 한 번쯤 들어본 도스를 떠올리면 된다. 쉽게 말해 디바이스를 다루기 위해 명령어를 사용하는 방식이다. 다소 뜬금없지만 현재 UI에 디자인이 붙은 이유도 Xerox에서 Star Workstation을 출시한 덕분이다. 그 이전에는 대부분의 컴퓨터를 도스처럼 CLI로 사용했다. (CLI에도 타이포그래피는 필요하다.) 그래픽과 명령어 중 어떤 방식이 일반 사용자가 쓰기에 더 편한지는 쉽게 짐작할 수 있다. 지금 윈도우나 맥을 도스처럼 사용해야 한다고 생각해보면 된다. 이 질문의 답이 현재 대부분의 PC에서 GUI를 사용하는 이유다. (사실 CLI도 모든 PC에서 사용할 수 있다. 맥에서 터미널을 쓰는 것처럼 말이다.)

GUI 디자인 예시

UX/UI 디자이너라고 부르는 명칭이 100% 정확한 것은 아니다. 실제로 UI는 UX에 포함되어 있기 때문이다. 또한 UX는 문제를 해결하는 과정에 중심을 맞춘다. 사용자의 불편함을 관찰하고, 분석하고, 올바른 해답을 찾아내는 일이다. 그 과정에서 그래픽에 해당하는 부분을 User Interface라고 할 수 있다.

GUI : Graphic User Interface

CLI : Command Line Interface