UI design과 UX design의 차이점

UIdesign과 UXdesign 차이점.

UI 디자인과 UX 디자인은 웹과 앱 디자인에서 가장 자주 혼동되고 융합된 용어 중 하나이다.

그리고 보통 UI/UX design이란 단어처럼 대게 그 둘을 같이쓴다.

표면상으로는 그것들이 같은것을 의미하는것처럼 보일 수도 있다.

​

​

What is UI Design? (UI 디자인 이란?)

UI design에서 UI는 "user interface"를 뜻한다.

use interface는 어플리케이션에 그래픽적인 레이아웃이다.

이것은 사용자들이 클릭할 수 있는 버튼, 그 들이 읽는 텍스트, 이미지, 슬라이더 그리고 그들이 반응할 수 있는 모든 것들로 이루어진다.

이것은 화면 레이아웃, 화면 이동, 화면 애니메이션 그리고 작은 인터랙션 요소들도 포함이다.

시각적 구성요소, 인터랙션 또는 애니메이션등 모든 종류는 모두 디자인되어있다.

​

UI 디자이너들은 이 일을 맡게된다. 그들은 어플리케이션을 어떻게 만들어갈지 결정한다.

그들은 컬러와 버튼의 모양(그리고 라인의 굵기, 텍스트의 사용될 폰트)들을 선택해야한다.

UI디자이너들은 어플리케이션 유저인터페이스의 보이는 화면과 느낌을 만들어 낸다.

​

UI디자이너들은 그래픽 디자이너이다. 그들은 미적인것에 관심을 갖고있다.

애플리케이션의 인터페이스가 매력적이고 시각적으로 자극적이며 앱의 목적 및/또는 성격에 맞게 적절하게 주제가 되어 있는지 확인하는 것은 그들에게 달려 있다.

그리고 그들은 모든 시각적 요소들이 미적으로나 목적에 맞게 통일되었는지 확인할 필요가 있다.

​

​

What is UX Design?​ (UX 디자인 이란?)

UX는 "user experience"를 의미한다.

앱의 사용자경험(user experience)은 사용자들이 어떻게 앱에 반응하는지에 의해 결정된다.

경험이 자연스럽고 직관력있는가 또는 투박(clunky)하거나 혼란(confusing)스럽지는 않은가?

앱을 탐색하는 것이 논리적으로 느껴지는가 아니면 임의적(arbitrary)으로 느껴지는가?

앱의 상호작용이 사람들에게있어 목표를 수행하는데 있어 효과적으로 느끼는지 아니면 힙겹게 느껴지는지

​

사용자 경험은 UI설계자가 만든 모든 UI적 요소들과의 상호작용이 얼마나 쉬운지 또는 어려운지에서 결정된다.

​

그래서 UX디자이너들은 애플리케이션의 사용자 화면에 관심을 갖고있으며, 이것은 사람들이 왜 UX와 UI 두가지를 헷갈려하는 이유이기도하다.

그러나 UI 디자이너들은 어떻게 사용자 화면을 보이게할것인지를 결정하는 업무를 하는 반면에

UX디자이너들은 어떻게 사용자 화면을 운영해야할지 결정하는데 책임을 갖고있다.

​

그들은 화면의 구성과 기능들을 결정한다.

어떻게 그것들이 구성되고 어떻게 모든 부분들이 서로 연관되어 있는지.

간단히말해서 그들은 어떻게 화면들이 작동하는지를 디자인해야한다.

​

만약 그것이 잘 작동되거나 그러하게 느껴진다면, 사용자들은 좋은 경험을 얻게 될것이다.

그러나 만약 사용경험이 복잡하거나 직관적이지 않으면, 형편없는(lousy) 사용자 경험을 제공하게 될것이다.

UX디자이너들은 후자를 피하기위해 고민해야한다.

​

Designing in a vacuum leads to less than ideal results.

아무것도 없는 상태에서 디자인하는것은 이상적인 결과보다 못한 결과를 초래한다.

​

또한 반복적으로

UX디자이너들은 화면과 인터랙션을 와이어프레임으로 만들어서 사용자들에게 피드백을 받는다.

그 다음 사용자들의 피드백을 그들의 디자인에 통합시킨다.

사용자들이 어떤 디자인된 어플리케이션을 사용하는것을 선호하는지 알아보는 것은 UX디자이너들에게 중요하다.

 

 

How They Work Together (그들이 함께 협업하는 방식)

​그래서 UX디자이너는 어떻게 사용자 화면이 작동되게할지를 결정하는 반면에 UI디자이너들은 화면이 어떻게 보일지를 결정한다. 이것은 매우 협력적인 과정이다, 그리고 두 디자인 용어는 매우 유사하게 동일하다.

UX 팀은 앱의 흐름, 얼마나 모든 버튼이 사용자가 수행할때 잘 수행되는지, 그리고 인터페이스가 얼마나 효율적으로 사용자의 정보 요구를 충족시키는지를 연구하면서, UI 팀은 이 모든 인터페이스 요소들이 화면에 어떻게 나타날지에 대해 연구하고 있다.

​

디자인과정에 몇몇 부분을 말해보자 몇몇 버튼들은 주어진 화면에 추가되어야할 필요가 있다.

이렇게 하면 버튼의 구성 방법이 변경되고 버튼의 모양이나 크기를 변경해야 할 수 있다.

UX 팀은 UI 팀이 새로운 레이아웃에 맞게 설계를 조정하는 동안 버튼을 배치하는 가장 좋은 방법을 결정할 것이다.

UI와 UX 설계자 간의 지속적인 소통과 협업은 최종 사용자 인터페이스가 최대한 좋아 보이는 동시에 효율적이고 직관적으로 작동하도록 돕는다.

​

​

Research is Key (리서치의 핵심)

연구(또는 조사)는 UI 그리고 UX 디자이너들에게 둘다 중요하다.

두 분야 모두 적절한(appropriate) 설계를 제작하는 데 도움이 되도록 가능한 한 많은 좋은 정보를 수집하는 것이 중요하며, 두 분야 모두 유사한 접근방식을 따른다.

​

둘다 사용자들이 원하는것을 조사해야한다.

연구는 실제 사용자가 적절한 경로를 따라 이동하는지 여부를 결정하기 위해 시험하는것이며, 특정 기능성 또는 디자인된 다양한 버전과 상호작용하는 사용 적합성 세션을 포함하는 경우들은 종종 반복적(iterative)인 실험을 한다.

실험들로부터 얻은 피드백들은 디자인 과정에 통합된다.

​

이 과정에서 주어진 기능을 시험 중인 사용자의 반응을 세부적으로 측정하며, 또한 낮은 충실도(fidelity)의 와이어프레임으로 프로토 타입을 생성하는 것도 포함하고있다.

​

또한 테스트를 위해 빠르게 만들어진 프로토타입 그리고 A/B같이 디자인이 다른 인터페이스 버전 중 어느것을 사용자들이 선호하는지 알아볼 수 있다.

​

모든 케이스의 연구들은 디자이너들이 나아가는 단계에 도움을 준다.

그러나 UI 그리고 UX디자이너들 찾고있는 정보들은 매우 다르다. (아래에서 알아보자)

​

​

Research in UI Designs (UI 리서치 포인트)

UI 디자이너들은 그들이 선택한 비쥬얼적인 언어들이 그들이 쓰고있는 어플리케이션의 단계와 맞는지 확인해야한다.

그들은 사용자들이 기대하는 것을 예측하려고 노력해야한다.

만약 당신의 팀이 여행앱을 디자인했다면, 또 다른 여행 앱들이 초기로부터 어떻게 발전되어왔는지 조사해보는것은 중요하다.

어떤것이 효과있었고,어떤것은 효과가 없었는지 다른 이전에 해왔던 것들로부터 배울 수 있는 교훈은 많을 것이다.

연구에 따르면 사람들은 굵은 모양 대신 아웃라인이 있는 아이콘을 선호한다것을 보여준다.

이것은 사람들이 시각적으로 빠른 시간안에 무엇인가를 이해하는 활동을 편안하고 즐거워함을 알 수 있다.

UI 디자이너들은 이런 것들을 알고난 이 후 알게된 것들을 잘 포함할것이다.

​

​

​Research for UX Design (UX 리서치 포인트)

UX디자인 특히 사용자들이 기대하는것에 관심을 갖고있다.

그들의 삶동안 사용해왔던 모든 어플리케이션의 모든 경험과 상호작용은 어떻게 화면이 작동해야하는지에 대한 기대를 설정하는데 도움을 준다.

만약 UX디자이너가 뭔가 다르게 하려고 결심을 한다면, 그들은 반드시 좋은 이유를 가지고 있어야한다.

왜냐하면 깊게 훈련된 예상 행동을 부수는것은 종종 사람들이 잘못된 행동을 초래하게 된다.

한 예로, 대부분의 사람들은 파일을 열기위해 더블클릭을 해야하며, 선택을 하려면 한 번 클릭 한다는 생각에 자연스럽게 갖고있다.

이것은 그래픽 인터페이스 사용자가 처음 나타나고 오래된 만큼 존재하고 있는 인터페이스 행동이다.

​

UI vs. UX: Two Very Different Disciplines that Work in Harmony
UI vs UX : 조화로운 작업의 두가지 매우 다른 규율

​

UI디자인 그리고 UX디자인은 매우 다른 스킬들을 포함한다,

그러나 그들은 서로의 성공을 위해서 서로가 필수적(integral)이다.

​

아름다운 디자인은 복잡하고, 혼란스러운 인터페이스를 살릴 수 없고, 더할 나위없이 적절한 사용자 경험은 앱을 불쾌하게 만드는 나쁜 비쥬얼 인터페이스 디자인의해 망칠 수 있다.

UI와 UX 디자인 둘다 완벽하게 진행되어야 하며, 훌륭한 사용자의 인터페이스와 경험을 만들기 위해서는 사용자들이 가지고있는 기대와 완벽히 일치하게 만들어야 한다.

​

​

​

원문 : https://uxplanet.org/what-is-ui-vs-ux-design-and-the-difference-d9113f6612de

 

 

아티클 해석 : 유상혁

글 작성 : 유상혁

그래픽 : 정원규, 이재권

 

 

Xd, Figma, Sketch etc. 2020 디자인 툴 by Courage Egbude