What is UI, UX?
Introduction
UI/UX는 중요합니다. 재직 중인 회사에서 작성하는 PR 본문에는 ‘UI 개선, UX 개선’ 이라는 표현을 많이 쓰고 있죠. 우리는 좋은 UX를 위해 노력하는 엔지니어입니다.
이렇게 현업에서 자주 사용하는 단어인 UX에 대해 알아보겠습니다.
또, HCI는 어떤 것일까요?
UI는 또 무엇이길래 UX와 자주 엮어서 사용되는 것일까요?
IxD는 들어보셨을까요?
UI, IxD, UX
UI (User Interface, 사용자 인터페이스)
- 사람과 시스템이 상호작용할 수 있도록 만들어진 매개체.
- 추러스 동아리에서 제작한 서비스를 잘 이용할 수 있도록 하는 웹사이트가 그 예시이다.
- 실무자 입장에서는, 웹사이트의 아이콘, 버튼, color, spacing 등등 애플리케이션을 이루고 있는 ‘시각적 요소’를 의미한다.
→ 따라서 ‘UI 변경’이라 함은 아이콘 변경, spacing 수정 등 유저가 상호작용할 수 있는 화면을 바꾼 것이다.
IxD (Interaction Design, 상호작용 디자인)
- 시스템이 사용자의 행위와 의도에 따라 반응하고 행동하도록 설계하는 것
- 우리 입장에서는 ‘사용자가 상호작용할 수 있는’ 버튼이나 부분에 대한 미학, 움직임, 애니메이션들을 정의하고 설계하는 것.
→ 엔지니어가 ‘구현’은 몰라도 ‘설계’하는 부분은 적음. 아마 몰라도 실무에 크게 영향은 없을거같음
UX(User Experience, 사용자 경험)
- 사용자가 시스템을 사용하면서 느끼는 전반적인 느낌과 태도 및 경험
- 실무자(특히 프로덕트 디자이너에게)는 의미있는 경험을 유저에게 전달하려는 일련의 과정을 의미한다.
→ UX를 개선한다 함은… 사용자가 어떤 서비스를 사용하면서 느끼는 경험과 태도. 느낌을 좋게 한다는 뜻이다. 되게 모호하죠?
그래서 PR 본문, 또는 문서화에 단순히 ‘UX개선’이라고만 쓰면 너무 포괄적이에요. 엔지니어의 웬만한 변경사항은 사용자 경험을 좋게 하기 위함이거든요.
좋은 UX는 좋은 UI와 좋은 IxD로서 실현됩니다.
HCI는 그럼 무엇일까요?
→ Human-Computer Interaction으로, 사람과 기술(컴퓨터) 사이의 상호작용 방법을 설계하고 구현하는 ‘학문의 분야’
참고자료
https://en.wikipedia.org/wiki/User_experience
• HCI Theory : Classical, Modern, and Contemporary