우리가 프론트엔드 개발자로서 이해해야 할 중요한 개념 중 하나는 UX와 UI입니다. 이 두 가지는 소프트웨어 및 웹 개발의 핵심 요소로 작용하며, 사용자와의 상호 작용과 디자인 측면에서 중요한 역할을 합니다. UX와 UI는 다양한 곳에서 접할 수 있기 때문에 이름 자체는 익숙할 수 있지만, 그 개념에 대해서는 자세히 알지 못하는 분들이 많습니다. 그렇기 때문에 UX와 UI의 개념을 먼저 알아보겠습니다.
(출처: Unsplash)
UX : 시스템, 제품, 서비스를 사용하거나 사용을 예상하면서 도출된 사용자의 인식과 반응
-국제 표준 기구 정의
*UX : 사용자와 회사, 그 회사의 서비스나 제품과의 상호작용과 관련된 모든 측면
UX(User Experience)란 사용자 경험을 뜻합니다. UX 또한 다양한 곳에서 정의하고 있지만 공통적으로 서비스를 경험하는 사용자의 총체적인 경험, 반응을 의미합니다. 사용자가 애플리케이션 또는 웹사이트를 사용하는 과정에서 느끼는 전반적인 경험을 나타내며, 쉽게 말해 이것은 사용자의 감정, 만족도, 편의성, 효율성, 유용성 등을 고려하는 디자인적 측면입니다. 또한 사용자가 애플리케이션 또는 웹사이트를 사용함에 있어서의 경험을 개선하고 최적화하기 위한 과정을 UX 디자인이라고 합니다.
<aside> 💡 닐슨 노먼 그룹은 어떤 곳인가요?
닐슨 노먼 그룹(Nielsen Norman Group)은 국제적으로 잘 알려진 기업 및 연구 기관으로, 사용자 경험(UX)과 웹 사용성 분야에서 교육, 연구, 컨설팅을 제공합니다. 이 그룹은 1998년에 제프리 닐슨(Jakob Nielsen) 박사와 돈 노먼(Don Norman) 박사에 의해 설립되었으며, 20년 이상에 걸쳐 다양한 글로벌 기업과 기관을 클라이언트로서 지원하며, 사용자와 상호작용 시 더 나은 경험을 위한 디자인을 강조하고 있습니다.
닐슨 노먼 그룹은 디지털 제품 및 서비스의 사용자 중심 설계와 사용성 향상을 촉진하는 데 핵심적인 역할을 하며, 사용자 경험 디자인 컨설팅을 필요로 하는 기업 및 기관에 가치 있는 도움을 제공합니다. 이들은 전문적인 지식과 경험을 바탕으로 사용자 환경 및 웹사이트 디자인을 개선하고, 사용자 중심의 접근 방식을 활용하여 클라이언트의 비즈니스 성과를 향상시키는데 기여하고 있습니다.
</aside>
(출처: Unsplash)
*사용자가 대화형 시스템으로 특정 작업을 수행할 수 있도록 정보와 제어 수단을 제공하는 대화형 시스템의 모든 구성 요소
UI(User Interface)란 쉽게 말해 사용자 인터페이스를 뜻합니다. 여러 곳에서 다양하게 정의를 내리고 있지만, 공통적으로 사용자와 시스템 사이의 모든 구성요소, 공간을 의미한다고 합니다. 일반적으로 말하는 UI는 스크린 기반의 인터페이스를 한정하며 이외에도 물리적인 입력장치 기반의 인터페이스인 PUI (Physical User Interface), 사용자 경험을 위한 사운드 AUI(Audiotry User Interface) 등 다양한 형태로 UI는 존재합니다. 쉽게 말해 우리는 사용자가 경험하게 되는 접점, 사용자가 서비스를 사용할 때 마주하는 디자인을 UI로 이해하면 됩니다.
<aside> 💡 AUI는 무엇인가요?
AUI(Auditory User Interface)는 소리를 사용한 사용자 인터페이스를 의미합니다. AUI는 사용자와 시스템 간의 상호작용을 소리로 이루어지게 하는 디자인 방식입니다. 이것은 사용자가 기기나 애플리케이션과 상호작용할 때 소리를 활용하는 것을 포함합니다. 예를 들어, 스마트폰의 벨소리, 경고음, 알림음 등이 AUI의 예시입니다. 또한 음성 명령을 사용하여 기기를 제어하는 음성 인식 기술도 AUI의 일종으로 볼 수 있습니다. AUI는 사용자에게 시각적 정보가 부족한 상황에서 유용하며, 주로 운전 중 또는 시각 장애를 가진 사용자와 같은 특정 상황에서 사용됩니다.
</aside>
<aside> 💡 PUI는 무엇인가요?
PUI(Physical User Interface)는 외형적이고 물리적인 사용자와 기기 사이의 동작을 수행하는 인터페이스를 나타냅니다. 이것은 사용자가 물리적인 장치와 상호작용하여 제어 및 조작하는 방식을 의미합니다. 예를 들어 키보드, 마우스, 터치스크린, 스마트폰의 화면 터치 등이 PUI의 예시입니다. PUI는 사용자가 기기를 조작하거나 입력을 제공하는 데 사용되며, 사용자와 기기 간의 물리적 상호작용을 중심으로 디자인됩니다.
</aside>
우리는 UX/UI를 언급하면서 사용성에 대한 개념을 빠뜨릴 수 없습니다. 사용성(Usability)이란 사용자가 사용자의 맥락에서 시스템, 제품, 서비스를 사용하면서 특정 목표를 달성할 수 있는 정도입니다. 쉽게 말해 사용자의 사용 편의성, 원활하게 상호 작용할 수 있는 능력을 의미합니다. 사용자의 사용성의 개선한다는 것은 사용자가 제품이나 서비스를 이용할 때의 높은 만족도와 긍정적인 평가를 할 가능성이 커짐을 의미합니다.
