UI/UX

UI

UI(User Interface, 사용자 인터페이스)는 사람들이 컴퓨터와 상호 작용하는 시스템을 의미합니다. 보통 UI라고 하면 떠오르는 화면상의 그래픽 요소 외에도, 키보드, 마우스 등의 물리적 요소도 컴퓨터와 상호 작용하기 위한 시스템이므로 UI라고 볼 수 있습니다.

UI 디자이너는 어떤 일을 하나요?

 

UI 디자이너의 작업은 UX 디자이너의 작업이 끝나는 프로토타입 단계에서 시작됩니다. 와이어프레임을 사용하고 시각적 디자인을 추가하여 더 유용하고 미학적으로 매력적이며 다양한 화면 크기에 최적화됩니다.

​

이제 UI 디자이너의 일반적인 작업에 대해 자세히 살펴보겠습니다.

​

◎ 제품의 외관과 느낌

· 디자인 리서치 : 리서치는 사용자와 경쟁자에 대한 정보를 제공하고 최신 디자인 트렌드에 대한 통찰력을 제공합니다. 이는 영감을 찾고 사용자 기대에 맞는 인터페이스를 만드는 데 중요합니다.

· 시각 디자인 : UI 디자이너는 제품 레이아웃과 색상, 글꼴, 아이콘, 버튼 등을 포함한 사용자 인터페이스의 모든 시각적 요소를 디자인할 책임이 있습니다.

· 브랜딩 및 그래픽 개발 : UI 디자인은 제품 전체의 브랜드 포지셔닝에 따라 밀접하게 관련됩니다. 디자이너는 사용성과 마케팅 또는 크리에이티브 팀이 구축한 브랜드 아이덴티티를 지속적으로 보여주는 사이에서 올바른 균형을 유지해야 합니다. 결과적으로 UI 디자인은 그래픽 디자인과 밀접한 관련이 있습니다.

· 디자인 시스템 : 제품과 브랜드의 일관성을 보장하기 위해 UI 디자이너는 스타일 가이드, 패턴 라이브러리 및 각 요소의 모양(색상, 글꼴 등)을 자세히 설명하는 구성 요소를 만듭니다.

​

◎ 반응성 및 상호작용성

· 반응형 디자인 : 인터페이스는 형태와 기능 면에서 모든 기기, 플랫폼, 화면 크기에 매끄럽게 조정되어야 합니다.

· 상호 작용 및 애니메이션 : UI 디자이너는 애니메이션, 전환 또는 기타 상호 작용 요소를 사용하여 인터페이스의 상호 작용을 디자인할 수 있습니다.

· 프로토타이핑 : UI 프로토타입은 모든 UI 요소와 디자인 상호 작용을 실시간으로 보여줍니다. UI 디자이너는 제품의 작동 방식과 사용자 테스트에 대한 느낌을 얻기 위해 이를 만듭니다.

​

[출처] [디자인 스토리03] UI와 UX의 차이점 : UI-UX 논쟁에 너무 얽매여서는 안되는 이유|작성자 

UX

UX(User Experience, 사용자 경험)의 사전적 의미는 사용자가 어떤 시스템, 제품, 서비스를 직•간접적으로 이용하면서 느끼고 생각하는 총체적 경험입니다. 제품, 서비스 그 자체에 대한 경험은 물론, 홍보, 접근성, 사후 처리 등 직간접적으로 관련된 모든 경험을 사용자 경험이라고 할 수 있습니다. 말 그대로 총체적 경험인 것입니다.

 

UX 디자이너는 어떤 일을 하나요?

◎ 연구 및 전략

· 계획 : UX 디자인 프로세스의 시작 부분 에서 디자이너는 이해 관계자가 일치하고 공통 목표를 향해 작업할 수 있도록 하는 전략적 계획을 만들어야 합니다.

· 사용자 연구 : 우리는 흔히 디자인을 시각적인 것으로 생각하지만 UX 디자이너의 작업은 대부분 연구와 데이터를 기반으로 하는 개념적 문제 해결입니다.

· 정보 아키텍처 : 정보 아키텍처(IA)는 웹사이트, 앱 또는 제품의 콘텐츠를 구성하고 레이블을 지정하는 데 중점을 둡니다. 목표는 사용자가 정보를 찾고 목표를 달성하도록 돕는 것입니다.

​

◎ 와이어프레임 및 프로토타이핑

· 사용자 흐름 만들기 : UX 디자인은 사용자와 대화하여 자신의 요구 사항을 정확히 지적한 다음 작업을 완료하는 데 도움이 되는 최상의 사용자 흐름을 고안하는 프로세스입니다. 사용자 여정에 대한 이러한 개념적 초점은 최종 제품이 실제로 어떻게 보이는지에 대한 UX 디자이너의 영향이 제한적임을 의미합니다.

· 와이어프레임 : 와이어프레임은 인터페이스의 골격과 같습니다. 기능 수준에서 디자인이 어떻게 작동하는지 이해하는 데 필요한 최소한의 것입니다. 디지털로 제작하거나 종이에 그릴 수도 있습니다.

· 테스팅 : UX 디자이너가 자신의 일을 제대로 하고 있는지 아닌지를 알 수 있는 가장 좋은 방법은? 실제 사용자를 대상으로 테스트합니다. UX 디자이너는 대략적인 프로토타입 또는 단순한 종이 모형으로 디자인 프로세스 초기에 테스트함으로써 아이디어와 가정을 검증하기 위해 사용자로부터 데이터를 수집합니다.

· 분석 : UX 디자이너는 제품 관리자 및 연구원과 긴밀히 협력하여 테스트 결과를 분석하고 다음 단계를 정의합니다.

 

UI, UX의 차이점

사용자 인터페이스(UI)와 사용자 경험(UX)의 차이점은 UI는 사람들이 제품과 상호 작용하는 미적 요소를 말하고 UX는 사용자가 제품 또는 서비스에 대해 갖는 경험에 관한 것입니다. 따라서 UI는 타이포그래피, 색상, 메뉴 표시줄 등과 같은 시각적 인터페이스 요소에 초점을 맞추고 UX는 사용자와 제품을 통한 여정에 초점을 맞춥니다.

 

[출처] [디자인 스토리03] UI와 UX의 차이점 : UI-UX 논쟁에 너무 얽매여서는 안되는 이유|작성자