UI와 UX : 실제 관점과의 차이점

UI와 UX : 실제 관점과의 차이점

UI와 UX : 실제 관점과의 차이점
СОДЕРЖАНИЕ
02 июня 2020

UI와 UX (디자인)라는 용어는 종종 서로 바꿔서 사용됩니다. 많은 사람 / 디자이너 / 고객이이를 "UI / UX 디자인" – 올인원 콤보.


완벽하지는 않으며, 특히 비즈니스 및 제품의 UX 수수께끼를 처음으로 파악하려는 경우에 특히 그렇습니다. UX 및 UI 문제는 WordPress 공간에서 플러그인 / 테마를 판매하거나, 앱, 소프트웨어를 구축하거나, 실제 제품을 판매하는 경우에도 중요합니다..

우리가 똑바로 설정해야 할 첫 번째 일은 비록 분명하고 예측 가능한 것처럼 들리지만, UI와 UX가 동일하지 않습니다.

물론, 본질에 도달하면 완전히 다르지 않지만 확실히 같지는 않습니다.!

UI 대 UX

이 글에서는 UI와 UX의 핵심 차이점, 실제로 의미하는 바, 좋은 UI를 구축하고 적절한 UX를 만드는 방법 등에 대해 이야기하겠습니다..

그러나 먼저 :

UI와 UX : 실제 차이점?

이것은 가장 시급한 질문입니다.

내 역할을 수행하는 가장 쉬운 방법은 단순히 정의를 가리키고 직접 해독하도록하는 것이지만 실제로는 주제 정의를 수행하지는 않습니다..

지금까지 이미 알고있을지라도 기본 사항부터 시작하겠습니다.

  • UI는 사용자 인터페이스를 나타냅니다 ��
  • UX는 User eXperience의 약자 ��

괜찮아요.하지만이 두 용어가 실제로 의미하는 것은?

  • UI는 당신 앞에서 볼 수있는 것입니다 – 사물과 상호 작용하는 데 사용하는 인터페이스 (제품 / 앱 / 자동차).
  • UX는 전체 경험을 설명합니다 당신은 물건과 상호 작용의 결과로 얻을.

예를 들어 자동차의 UI는 스티어링 휠, 페달, 시프터이며 상호 작용할 수있는 자동차의 모든 요소입니다. UX는 운전 중에 얻는 경험입니다.

UI와 UX 간의 관계를 정확히 파악하기 위해 다음과 같이 생각할 수 있습니다.

UI 대 UX

UI의 역할은 중요하지만 여전히 UX의 요소 중 하나 일뿐입니다..

UX 사고의 열쇠 : "지" 워드

그만큼 "지" 목표와 같은 단어 ��.

실제로 달성하고자하는 것을 모른다면 UX에 대해 생각하기가 어렵거나 불가능합니다..

목표가 시작되는 곳.

목표는 두 가지 맛이 있습니다.

  • �� 당신의 목표 – 사업 목표
  • �� 사용자 목표 – 사용자가 도구로 달성하고자하는 것 + 이유

이 두 영역이 어떻게 교차하는지 이해하는 것이 좋은 UX 디자인의 핵심입니다.

먼저 사용자 인터페이스 작업, 사용자가 도구와 상호 작용하거나 제공하려는 정확한 기능까지도 처음에 도달하려는 사용자의 유형을 결정한 후에 만 ​​수행 할 수 있습니다.

"당신은 목표를 선택해야합니다" 진부한 마케팅 이야기처럼 들릴지 모르지만 실제로 제품의 UX 디자인을 시작할 다른 방법은 없습니다..

UX는 항상 사용자를 추적합니다. 그리고 주어진 도구로 달성하고자하는 것. 그것은 그들이 그들의 목표를 향한 경험의 종류에 관한 것입니다. 그러나 그 목표가 실제로 무엇인지 알지 못하면 사용자를 그곳으로 데려 오기 위해 좋은 UX 결정을 내릴 수 없습니다..

따라서 이상적인 대상 사용자, 특성, 해결하려는 문제, 도구로 해결할 수있는 문제 등을 정의하십시오. ��

이를 통해 사용자 목표 위에 비즈니스 목표를 정의하십시오. 사용자의 목표를 해결하면 자신의 목표를 달성 할 수있는 방법은 무엇입니까? 사용자에게 최고의 도구를 제공하면서 어떻게 수익을 창출 할 수 있습니까? 등등.

이러한 답변을 정리하면 UX 디자인이 따라야 할 방향을 알 수 있습니다. 이에 대한 대가로 UI 구축이 쉬워지고 추측 작업이 훨씬 줄어 듭니다..

이 "목표로 돌아 가기" 모델은 Don Norman과 Jakob Nielsen에서도 볼 수있는 것입니다. 원본 출판 UX 및 UI vs UX 주제 :

"UI가 디자인에서 매우 중요한 부분 임에도 불구하고 전체 사용자 경험을 UI (사용자 인터페이스)와 구별하는 것이 중요합니다. 예를 들어 영화 리뷰가있는 웹 사이트를 생각해보십시오. 영화를 찾기위한 UI가 완벽하더라도 기본 데이터베이스에 주요 스튜디오의 영화 만 포함 된 경우 소규모 독립 출시에 대한 정보를 원하는 사용자에게는 UX가 좋지 않습니다.."

또한 살펴보세요 이 사례 연구 뉴욕 타임즈 앱 재 설계 단순한 것 이상으로 간다, "더 좋아 보이게하다" 정신력. 그것은 같은 기본적인 질문을 시작으로, "사람들이 현재 뉴스를 확인하는 방법?" 잠재적 인 사용자 인터뷰를 살펴 봅니다. 공감지도도 사용합니다. UX를 ​​개선하고 UI를 기본 무기로 만들기위한 노력.

뉴욕 타임즈

UX 우선 또는 UI 우선?

까다로운 질문입니다. ��을 ��와 비교하는 것과 같습니다. 다른 곳에서 시작하겠습니다.

많은 사람들이 UX와 UI를 함께 생각하는 이유 중 하나는 차이점을 알고 있더라도 UI가 낮은 결실을 맺고 제품의 UX를 향상 시키려고 할 때 가장 분명하게 작동하기 때문입니다..

UI는 무엇보다도 UX에 큰 영향. 또한 작업하기가 가장 쉬우므로 UI는 종종 좋은 UX를 원한다면 걱정해야 할 유일한 것으로 취급됩니다..

실제로이 추론에 대해서는 논쟁하기가 어렵습니다. 결국, 자동차에 지름이 2 인치에 불과한 스티어링 휠이 있다면 전체 자동차를 사용할 수 없으며 운전 경험을 개선하기 위해 수행 한 다른 조치에 관계없이 UX 전체가 배수구로 내려갑니다.

이것이 의미하는 것은 UI의 치명적인 실수가 효과적으로 UX를 죽인다는 것입니다. ⚔️ 그 주위에 방법이 없습니다.

당신이 그것에 대해 생각할 때, 우리는 실제로하지 않습니다 "UX 작업." UX는 많은 작은 부품의 합계이므로 모든 결정은 UX 렌즈를 통해 살펴 봐야합니다. 그러나 UX 자체는 작업을하거나 스프레이 할 수있는 것이 아닙니다..

모든 것이 다가오는 것은 실제로 UI에서 먼저 작업한다는 것입니다. 괜찮습니다. 기억해야 할 중요한 것은 UI는 항상 더 큰 UX 사진의 일부이며 모든 UI 결정은 UX로 다시 추적되어야한다는 것입니다.

여기에 훌륭한 사례 연구 Lyft가 UX 기반 원칙과 의사 결정을 기반으로 앱을 재 설계 한 방법에 대해 설명합니다. 우리가 보는 대부분은 UI에 있지만 UX를 다시 생각하고 첫 번째 원칙과 주요 비즈니스 및 사용자 목표를 기반으로 앱으로 사용자 여정의 다양한 측면을 다시 디자인 한 결과 변경의 핵심이 발생했습니다. . 우리가 진공 상태에서 볼 때 UI 변경은 그다지 중요하지는 않지만 적어도 Lyft에 따르면 사용자가 목표를보다 효과적으로 달성하는 데 도움이됩니다..

lyft study

UI와 UX의 일반적인 오해

UI와 UX 세계의 일반적인 오해를 해결하고 이러한 것들에 대해 더 잘 생각할 수있는 방법을 찾도록하겠습니다..

"UI vs UX는 과거에도 마찬가지였습니다.?"

20 년 전의 소프트웨어 개발자는 UI와 UX에 대해 생각하는 데 너무 많은 시간을 소비하지 않았다는 점을 확신합니다. 또는 오히려 그랬지만 그 용어를 설명하는 데 사용하지 않았습니다.

Xerox는 Alto 개인용 컴퓨터에 원래 그래픽 사용자 인터페이스를 도입했으며 1980 년대로 거슬러 올라갑니다..

제록스 알토
제록스 워크 스테이션

놀랍게도, 그것은 아주 잘 노화되었습니다. 여전히 모든 요소를 ​​명확하게 볼 수 있으며 현재 주요 작업은 간단합니다. 방해 요소가없고 불필요한 요소가 없습니다. 사실상이 UI는 모든 비즈니스입니다!

물론 이전 소프트웨어의 작업도 쉽게 정의 할 수 있었고 대상 그룹을 찾는 것이 더 직관적이었습니다. 예를 들어, 원래 워드 프로세서에서 작업 한 사람의 경우 대상 그룹은, "손으로 사무실 사람들."

목표를 파악하는 것도 그리 어렵지 않았습니다. "더 나은 타자기. 컴퓨터에서."

그러나 소프트웨어 툴 구축과 관련된 실제 프로세스를 살펴보면 별 차이가 없었습니다. UX는 여전히 핵심 요소입니다..

우리는 또한 시장 리더, 또는 오히려 사고 리더가 있었으며, 다른 시나리오에서도 잘 작동 할 수있는 좋은 UI 솔루션을 따르고 지적 할 일반적인 방향을 선택하도록 도와주었습니다..

Apple은 예상대로 GUI의 발전과 중요성에 중요한 역할을했습니다..

1984 년에 출시 된 오리지널 매킨토시 (Macintosh)는 마우스 기반 인터페이스를 도입했습니다.이 인터페이스는 마우스로 앱을 선택 (포인트 앤 클릭) 한 다음 다른 방식으로 앱 자체와 상호 작용하는 것을 기반으로합니다..

얼마 지나지 않아 컴퓨터 마우스가되었습니다. 다른 GUI는 소송을 따랐다.

애플 매킨토시 데스크탑

또한 온라인 환경에서도 예를 찾을 필요가 없습니다. WordPress는 UI의 최전선에서 현대 CMS가 주요 기능을 이해하기 쉬운 방법으로 제공하는 방법을 정의했습니다..

워드 프레스 5.0 대시 보드

"깨진 UI를 해결하는 방법?"

현대적인 앱, 도구 및 소프트웨어를 일반적으로 살펴보면 더 적은.

아니면 오히려 "더 적은" 태도는 이상적인 사용자에 대한 레이저 초점에서 비롯됩니다.

예를 들어 이메일 도구를 사용하십시오. Outlook이 산의 왕이었을 때, 훌륭한 이메일 도구는 모든 종과 휘파람을 상상할 수 있어야했습니다. 기능이 많을수록 도구가 더 우수했습니다..

더 이상 그런 게 아니야.

최고의 이메일 도구는 간단하며 다양한 기능에 중점을두고 특정 유형의 사용자를 대상으로합니다..

간단한 전자 메일 도구를 사용하거나 전자 메일 도구를 작업 관리자로 사용하거나 일상적인 안건을 기반으로 전자 메일을 이동하고 생산성을 향상시키는 데 도움이 되려는 경우 개별 응용 프로그램이 있습니다. 그렇게. 그들은 레이저 중심입니다. 요즘 전자 메일 도구를 사용할 이유가 전혀 없습니다..

이메일 앱

그렇다면 깨진 UI를 해결해야합니까? 그것을 단순화하십시오. 사용자의 기본 목표와이를 해결하는 데 도움이되는 방법으로 돌아갑니다. 그 목표를 달성하기 쉽지 않은 다른 모든 것을 제거하십시오.

"팀에서 UX를 수행 할 대상?"

UX를 ​​처리하는 것은 누구의 일입니까?

디자이너입니까??

소프트웨어 개발자입니까??

아니면 "풀 스택 개발자" 제목은?

행복하지는 않지만 정답은 모두의 것입니다..

처음에 공유 한 차트 – UX의 요소를 살펴보십시오. 혼자서 처리 할 수있는 것이 너무 많습니다.

동시에 UX는 다른 사람이 그 곳에서 데리러 갈 수 있도록 울타리에 물건을 던지는 것이 아닙니다. 노력은 더 상호 연결되어야합니다.

다시 한 번 비즈니스 및 사용자 목표의 정의부터 시작하십시오. 거기서부터 일하십시오. 모두 참여해야하며 항상, "내가 지금하고있는 작업이 사용자 경험에 어떤 영향을 미치나요??"

"UX 측정 방법?"

UX는 수량화 또는 측정이 어렵습니다. 사용자 측과 비즈니스 측에서 정의한 개별 목표 만 측정 할 수 있습니다.

당신이 당신의 점수를 명중하고 사용자가 그들의 설치를 명중하고 있다면 (설치, 사용자 수 또는 설정 한 다른 메트릭으로 판단), UX도 올바른 방향으로 향합니다..

"내 제품의 UX가 잘못되었습니다. 내가 지금 무엇을 할 수 있을까?"

불행히도 더 나은 UX에 스프레이를 할 수 없습니다. 목표를 달성하지 못하면 제품이 사용자로부터 좋은 피드백을 얻지 못하고 결과에 전반적으로 만족하지 않으면 실제로 드로잉 보드로 돌아갈 수 있습니다..

목표, 사용자 목표 및이 둘을 연결하는 방식을 다시 평가하십시오..

더 나은 UX에서 작업 할 때 사용할 도구

UX 디자인 방향을 평가하고 올바른 결정을 내리는 데 도움이되는 세 가지 기본 도구가 있습니다.

  • A / B 테스트
  • 사용자 설문 조사 및 설문 조사
  • 분석 및 데이터

주문은 우연이 아니다. A / B 테스트 무기고의 주요 무기입니다. A / B 테스트를 통해 서로 다른 두 가지 버전의 인터페이스를 서로에 대해 배치하고 중요한 UX 지표 및 목표 측면에서 더 나은 결과를 제공하는 것을 확인할 수 있습니다.

A / B 테스트에서 중요한 세부 사항은 A와 B (두 개의 변수) 만 사용하고 결과가 흐려지고 마크를 만드는 개별 변경 사항을 단일화 할 수 없으므로 더 많은 요소를 변경하지 않는 것입니다..

사용자 설문 조사 및 설문 조사에서도 많은 정보를 얻을 수 있습니다. 사용자에게 간단한 질문을하는 것은 정보의 금광 일 수 있습니다. 구축중인 맞춤 앱인 경우 피드백 수집이 더 어려울 수 있지만 웹 사이트에서는 간단한 설문 조사 도구를 사용할 수 있습니다. 여기에 나열.

마지막으로, 미가공 데이터 및 분석은 동전의 양적 측면을 제공합니다. 이를 통해 UX 또는 UI 변경 사항이 실제 사용 시나리오 / 전환 / 메트릭이 무엇이든 어떻게 변환되는지 확인할 수 있습니다..

이러한 모든 도구를 사용하면 프로세스를 효과적으로 개선하고 목표에 대한 인식이 올바른지 평가할 수 있습니다.

적응과 반복!

�� UX 디자인과 관련하여 할 수있는 일이 훨씬 더 많지만, 위의 세 가지 방법이 가장 쉬운 방법입니다. UI와 UX 테스트에 대한 자세한 내용은 다음을 참조하십시오.

최종 게임 UI와 UX

일부 디자이너는 UI와 UX의 주제가 제기 될 때 화를냅니다. 두 사람은 완전히 관련이 없으며 함께 논의해서는 안된다고 말합니다. 그러나 솔직히 말해서 우리는 다른 하나 없이는 하나를 생각하지 않을 것입니다.

UI는 우리가 UX 디자인의 일부로 작업 할 수있는 첫 번째 일입니다. 가장 매달린 과일과 이해하기 가장 쉬운 요소, 조정하기 가장 쉬운 요소, 효과를 측정하는 가장 쉬운 요소입니다..

진정하고 계속합시다. UI와 UX는 다르지만 같은 이야기의 일부.

아니면 내가 틀렸어? UI와 UX는 무엇입니까? 의견에 공유.

이미지 크레딧 :

WordPress 사이트 속도를 높이기위한 충돌 과정에 참여하는 것을 잊지 마십시오. 몇 가지 간단한 수정으로로드 시간을 50-80 % 줄일 수 있습니다.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Это интересно
    Adblock
    detector