프론트엔드 개발자를 위한 UI & UX

Hayden·2022년 10월 24일

Concept

목록 보기
3/3

개발자가 아니더라도 사용자로서, 혹은 디자이너로서 UI, UX를 들어본 경험이 있을 것입니다.
'들어본 적은 있는데...정확히 뭘 말하는 거야?' 하는 분들을 위해 준비했습니다!

1. UI

UI란?

User Interface의 줄임말로 사람들이 컴퓨터와 상호작용하는 시스템을 말합니다.

우리는 다양한 종류의 UI를 접해왔습니다.
스마트폰을 사용할 때는 화면(터치 스크린)이, 데스크탑을 사용할 때는 키보드와 마우스가 UI가 됩니다.

GUI - Graphical User Interface


우리가 사용하는 대부분의 UI는 GUI입니다. 대표적인 GUI는 컴퓨터의 운영체제(Windows, Mac OS)입니다. 덕분에 어린 아이들조차 쉽게 컴퓨터나 스마트폰을 사용할 수 있습니다.

만약 GUI가 없다면 어땠을까요? 컴퓨터를 사용할 수 있는 사람은 컴퓨터를 전공한 사람들밖에 없을 겁니다.

지금 많은 사람들이 컴퓨터, 스마트폰을 쉽게 이용할 수 있는 것처럼, 좋은 UI를 만들면 전문지식 없이도 서비스를 이용할 수 있습니다.
현재 디지털 소외계층이라 불려지는 고령층, 시청각 장애인 등을 고려한 UI를 만들면 모든 사람들이 쉽게 서비스를 이용할 수도 있을 것입니다.

전문지식이 없는 사람도 쉽게 이용할 수 있고, 디지털 소외계층도 쉽게 이용할 수 있는 서비스를 만드는 것이 프론트엔드 개발자의 역할입니다!

2. UX

UX란?

User Experience의 줄임말로 사용자 경험을 말합니다.
사용자 경험이라니...조금 막연하게 들리시나요?

UX의 사전적인 정의는 사용자가 어떤 시스템, 제품, 서비스를 직•간접적으로 이용하면서 느끼고 생각하는 총체적 경험입니다.

제품, 서비스 그 자체에 대한 경험은 물론, 홍보, 접근성, 사후 처리 등 직간접적으로 관련된 모든 경험을 사용자 경험이라고 할 수 있습니다. 말 그대로 총체적 경험인 것입니다.

서비스를 이용하면서 사용자가 할 수 있는 가장 대표적인 경험은 UI입니다.

이제 이런 생각이 드실 수도 있습니다.
'UI는 User Interface이고, UX는 User Experience라고 하지 않았나요? UI가 대표적인 UX라니요!'

3. UI와 UX의 관계


이미지 출처

UX는 UI를 포함하는 더 포괄적인 개념입니다.
사용자가 컴퓨터와 상호작용하는 것 또한 사용자 경험이기 때문입니다.

그렇다면 좋은 UI는 좋은 UX를 보장할 수 있을까요?
또, 좋은 UX를 경험하면 반드시 UI가 좋다고 말할 수 있을까요?

좋은 UI -> 좋은 UX?

아주 아름다운 디자인의 웹 사이트를 방문했다고 생각해봅시다. 그런데 어떤 버튼을 누르다가 여러분의 컴퓨터가 해킹되었다는 경고 메세지가 나옵니다! 비트코인을 주소로 송금하면 컴퓨터의 데이터를 원상복구 해주겠다는데요...
이건 확실히 좋은 UX는 아닐겁니다.

좋은 UX -> 좋은 UI?

여러분이 자주 사용하는 기본 계산기 앱이 있습니다. 계산기는 여러분이 입력한 값들을 정확히 계산합니다. 여러분은 계산 결과를 필요한 곳에 잘 활용했습니다. 그건 계산기의 UI가 좋았기 때문일까요? UI도 완벽하면 좋겠지만, 계산을 할 때는 아주 복잡하거나 헉 소리가 나올만한 UI는 필요하지 않을 것입니다.

profile
개발 블로그

0개의 댓글