스스로를 UI 디자이너라고 부르지 마세요: UI는 UX입니다

UI와 UX는 매우 일반적인 두 가지 디자인 용어입니다. 그러나 이러한 용어는 종종 잘못된 맥락에서 사용됩니다.

한편, "웹사이트 디자이너" 및 "앱 디자이너"와 같은 전통적인 직함은 디자이너가 제공할 수 있는 디자인 서비스에 대한 완벽한 설명에도 불구하고 오늘날에는 훨씬 덜 일반적입니다. "UI" 라는 단어의 매력은 무엇입니까? 그리고 왜 일부 디자이너들은 스스로를 "UI 디자이너" 또는 "UX/UI 디자이너"라고 부를까요?

UI는 UX의 일부 가 아닌가요?

왜 "UI"가 유행어가 되었습니까?

UX 대 UI

우리는 디자이너로서(그리고 인간으로서) 사물이 어떻게 보이는지에 집착합니다. 우리는 그것이 "중요한 것은 내면에 있는 것"이라는 것을 알고 있지만, 우리는 여전히 매일 아침 거울 앞에서 우리 자신을 행진하며 우리가 다시는 볼 수 없을 임의의 낯선 사람들에게 멋지게 보이려고 노력합니다.

UI 디자인 도 다르지 않습니다. 우리는 사용자 인터페이스가 미학적으로 보기 좋기를 원하며, 인정 여부와 상관없이 우리 작업이 존경받고 인정받기를 원합니다. 시각적으로 매력적인 것이 더 많은 관심을 끌기 때문에 일부 디자이너는 작동 방식보다 인터페이스가 어떻게 보이는지에 더 많은 시간을 할애할 수 있습니다. UI와 UX의 주요 차이점은 UI 가 보이는 방식이고 UX는 작동 방식이라는 것입니다.

Nielsen Norman Group의 정의에 따르면 "'사용자 경험'은 최종 사용자가 회사, 서비스 및 제품과 상호 작용하는 모든 측면을 포함합니다."

스스로를 UI 디자이너라고 부르는 것은 "나는 그것이 어떻게 보이는지에 더 집중합니다"라고 말하는 것과 거의 같습니다. 실제로 사용자 인터페이스는 사용자 경험에 대한 한 가지 기여에 불과합니다. 전반적인 사용자 경험에 기여하는 UI 외에도 많은 다른 요소가 있습니다.

몇 가지 예를 들면 다음과 같습니다.

• 사용자 흐름이 사용자가 목표를 빠르게 달성하는 데 도움이 됩니까?
• 연령이나 신체 능력에 관계없이 모든 사용자가 UI에 액세스할 수 있습니까?
• 사용자가 웹사이트를 쉽게 사용할 수 있을 정도로 사용성이 좋은가?
• 견고한 데이터와 사용자 연구에 의해 설계 결정이 이루어지고 있습니까?
• 애플리케이션이 사용자가 원하는 것을 추측할 수 있을 만큼 직관적입니까?

시각 디자인은 여전히 ​​​​중요합니다. 색상은 여전히 ​​중요하고, 브랜딩은 여전히 ​​중요하며, 사용자가 UI와 상호작용할 때 UI가 애니메이션되는 방식은 여전히 ​​중요하지만, 무언가가 어떻게 보이는지에 따라 디자인 결정을 내리기 시작하면 더 이상 사용자를 위한 디자인이 아닙니다

사실, 우리는 디자인조차 하지 않습니다. 우리는 예술을 만들고 있습니다.

일반적으로 UI는 제품과 상호 작용하는 방식 (예: 클릭, 탭 및 음성 상호 작용)이고 UX는 결과적으로 사용자가 느끼는 의견/감정 (예: 빠르고/느림, 직관적/혼란, /또는 사용자가 행복하거나 좌절감을 느끼게 함).

"좋아요를 위한 디자인"을 하면 안 되는 이유

소셜 미디어는 중독성이 있습니다. 중독성이 있는 이유 는 완전히 다른 이야기입니다. 결론은 그렇습니다. 사람들은 소셜 미디어에서 "좋아요"를 위해 무언가를 공유합니다. 간단히 말해서 소셜 미디어는 뇌의 보상 시스템을 활성화하기 때문입니다. 우리는 섹스나 음식을 구하는 것처럼 좋아요와 팔로워의 형태로 다른 사람들의 인정을 구합니다. 기분이 좋고, 감정이 가라앉기 시작하면 욕망을 채우기 위해 빠르게 다시 찾습니다. 평균적인 사람은 소셜 미디어에서 하루에 거의 2시간을 보냅니다.

Dribbble 또는 "Dribbble 효과"로 알려진 것을 입력하십시오.

Dribbble은 디자이너를 위한 "show and tell" 웹사이트로 시작했지만 건설적인 피드백보다는 좋아하는 사람을 위해 디자인 작업을 과시하는 방법으로 빠르게 알려졌습니다. 이로 인해 디자이너는 특히 좋아하는 작업을 업로드했으며 이러한 유행은 여기서 끝나지 않았습니다.

모든 중독과 마찬가지로 디자이너는 Dribbblers가 "좋아할" 수 있는 무언가를 갖기 위해 가짜 클라이언트와 앱 개념을 만드는 것을 포함하여 이를 먹일 수 있는 더 많은 방법을 찾기 시작했습니다.

그게 무슨 문제야?

디자인은 사용자가 직면한 문제를 해결하는 것입니다. 사용자를 염두에 두고 디자인하지 않는다면 해결해야 할 문제 는 없습니다. 문제 가 없다면 우리는 단지 그것을 위해 UI를 시각화하고 있는 것입니다. 우리는 비실용적인 일을 하게 될 뿐만 아니라 상상의 이상을 위한 디자인은 우리가 디자이너로서 발전하는 데 도움이 되지 않습니다.

Dribbble의 몇 가지 디자인 재해를 살펴보겠습니다.

이 첫 번째 예제가 실제 디자인 요약/클라이언트를 형성하지 않고, 오버톱 배경이 디자인 자체에서 다소 멀어지지만, 이것을 훨씬 더 비현실적으로 만드는 것은 시각적 요소가 다음과 같이 뷰포트를 넘어 확장된다는 것입니다. 일종의 "네 번째 벽 깨기" 효과. 디자인은 "예쁜" 것을 목표로 하지만 작동하는 디자인은 아닙니다.

시각 디자인에 대한 집착은 어디에서 오는가?

좋아하는 디자인은 종종 주류가 된 특정 디자인 트렌드에 대한 사랑에서 파생됩니다. 예를 들어, 스큐어모피즘의 종말을 효과적으로 본 애플의 플랫 디자인과 미니멀리즘 사용. 물론 이러한 시각적 미학에는 문제가 없지만, 디자이너가 아닌 아티스트의 직업 설명에 트렌드 경계선을 구현하기 위해 순전히 무언가를 디자인하는 것은 UX를 포함하지 않습니다.

대신, 무엇보다도 UX 디자이너는 사용자 경험을 개선하는 방법을 찾아야 하며, 시각적 디자인 트렌드가 그 공백을 채우는 경우에만 사용해야 합니다.

앞서 언급했듯이 "좋아요"를 수집하면 뇌의 보상 시스템이 활성화됩니다. 더 정확하게 말하면 보상은 우리 몸의 도파민 수치를 높이고 도파민은 신경 전달 물질로 작용하여 우리가 스스로에게 보상할 때 뇌에 메시지를 보냅니다. 대단히 감사하는 뇌는 우리의 행동에 대한 보상으로 기분을 좋게 만듭니다.

이로 인해 게으른 "디자이너"는 사용자를 위한 디자인을 기피하고 대신 많은 수의 좋아요를 가져올 트렌드를 구현합니다. 이로 인해 디자인이 실제로 무엇인지에 대한 오해가 생겨 클라이언트도 같은 생각을 하게 됩니다. 이것은 UX 디자인 업계와 최고의 제품을 디자인하고자 하는 UX 디자이너 동료들에게 큰 손해입니다.

UX 디자인 원칙

UX의 많은 개념을 한 번에 설명하는 것은 불가능하지만 효과적인 사용자 경험에 기여하는 기본 요소는 간단히 말해 다음과 같습니다.

• 속도
  • 앱이나 웹사이트가 느린가요(또는 느린 느낌인가요)?
  • 사용자가 필요 이상으로 클릭/스크롤/상호작용해야 합니까?
  • 주의를 산만하게 하거나 결정해야 할 사항이 너무 많습니까?
  • 사용자가 원하는 것을 얻지 못하도록 막거나 지연시키는 마찰이 있습니까?
• 직관
  • 사용자가 다음에 해야 할 일이 명확합니까?
  • 사용자가 원하는 것을 결정하고 그에 따라 콘텐츠를 표시할 수 있습니까?
• 접근성
  • 사용자는 연령이나 장애에 관계없이 UI에 액세스할 수 있습니까?
  • 우리는 다양한 유형의 색맹에 대해 생각해 본 적이 있습니까?
• 사용성
  • 휴대기기에서 탭 대상이 적절한 크기입니까?
  • 대상은 엄지손가락으로 쉽게 접근할 수 있습니까?
  • 반응형 디자인인가? 모든 기기에 적용되나요?

시각 디자인은 여전히 ​​중요합니다

시각 디자인은 사용자 경험 디자인에서 큰 역할을 합니다. 따라서 UI를 UX와 비교해서는 안 되는 이유입니다. UI는 UX의 일부 입니다. 스스로를 UI 디자이너라고 부르는 것은 UX 디자인의 보다 화려한 측면에만 주의를 기울이고 UX 전체와 비즈니스 목표를 달성하기 위해 UX를 사용하는 방법에 대해서는 덜 고려합니다.

다음은 위에 나열된 UX 디자인 원칙입니다. 이번에는 시각적 디자인 이 사물에 어떻게 영향을 미치는지 언급하겠습니다.

• 속도
  • 사용자는 대비 , 색상 및 간격 을 시각적 신호로 사용하여 보고 상호 작용해야 하는 위치를 빠르게 식별할 수 있습니까?
  • 스크롤 없이 볼 수 있는 UI/콘텐츠가 즉시 렌더링되고 사용자가 해당 화면에서 수행해야 하는 작업을 설명하며 명확한 클릭 유도문안이 있습니까?
• 접근성
  • 색상 선택이 충분한 대비를 생성합니까?
  • UI가 잘 보이지 않는 사람들을 위해 충분히 큰가요?
• 사용성
  • 각 요소의 중요성을 보여주는 시각적 계층이 있습니까?
  • 해당되는 경우 신뢰와 보안을 시각적으로 전달하고 있습니까?
  • 우리는 자연스럽고 사용자가 취하는 행동을 명확히 하는 마이크로 인터랙션을 구현하고 있습니까?

UI를 UX를 "더 보기 좋게" 만들 수 있는 반짝이는 코팅이 아니라 UX를 개선하는 데 사용할 수 있는 도구로 생각하는 것이 중요합니다. 아마존을 예로 들면: 그들은 매년 천억 달러 이상을 번다. 그들의 UI와 체크아웃 경험은 분명히 직관적이지만 시각적 미학 측면에서 전통적으로 매력적이지 않습니다.

UX/UI 디자인은 데이터에 의해 주도되어야 합니다

UX 디자인(UI 포함)은 사용자 연구(분석 추적, 사용자 인터뷰, 고객 설문 조사), 사용성 테스트, 린 UX 워크플로(프로토타이핑, 내부 피드백 및 정기 배송 포함) 및 데이터를 제공하는 기타 모든 요소에 의해 주도되어야 합니다. 사용자가 인터페이스(또는 비즈니스 전체)와 상호 작용하는 방식에 대한 통찰력.

앱이나 웹사이트가 기대한 기준에 미치지 못하는 경우, 이러한 정성적 및 정량적 사용자 조사 방법은 UX 디자이너가 사용자 흐름과 관련된 결정이든 단순히 색상과 관련된 결정이든 더 효과적인 디자인 결정을 내리는 데 도움이 될 수 있습니다. UI와 UX를 하나의 동일한 것으로 만드는 것은 디자인에 대한 이러한 데이터 중심 접근 방식입니다.

결론

웹디자이너, 앱디자이너, 음성앱디자이너, 웨어러블디자이너라고 불려도 나쁠 것은 없다. 그것은 당신이 무엇인지 설명하고 고객은 당신이하는 일을 더 빨리 이해할 수 있습니다. 클라이언트는 당신이 트렌디한 직책을 가지고 있는지 또는 Dribbble에서 디자인이 얼마나 많은 좋아요를 받았는지 상관하지 않습니다. 모든 고객이 알고 싶어하는 것은 사용자 경험을 효과적으로 해결하는 방법을 알고 있다는 것입니다. 회사의 비즈니스 목표를 고려하고 좋아하는 것과 트렌드가 아닌 데이터에 따라 디자인 결정을 내리는 것입니다.

반면에 모든 유형의 인터페이스를 디자인하는 디자이너라고 생각하면 "UX 디자이너"라는 용어도 크게 틀린 것은 아닙니다. 무엇보다도, 디자이너로서 당신이 진정으로 동일시하는 직함을 선택하는 것이 중요합니다.

• • •

Toptal Design 블로그에 대한 추가 정보:

• 전자 상거래 UX – 모범 사례 개요(인포그래픽 포함)
• 제품 디자인에서 인간 중심 디자인의 중요성
• 최고의 UX 디자이너 포트폴리오 – 영감을 주는 사례 연구 및 사례
• 모바일 인터페이스에 대한 경험적 원리
• 예측적 디자인: 마법 같은 사용자 경험을 만드는 방법