This article presents some of the most common UX design patterns. A product that supports it will help users achieve their goals efficiently and quickly.
이 문서에서는 가장 일반적인 UX 디자인 패턴 중 몇 가지를 소개합니다. 이를 지원하는 제품은 사용자가 자신의 목표를 효율적이고 빠르게 달성할 수 있도록 도와줄 것입니다.
요약 :)
사용자 경험은 제품을 사용할 때 사용자의 기대와 느낌입니다.
따라서 웹사이트나 앱을 디자인하는 동안 UX 디자이너는 제품 작동 방식을 정당화하기 위해 이러한 전망을 이해해야 합니다.
사용자 경험은 제품을 사용할 때 사용자의 기대와 느낌입니다. 따라서 웹사이트나 앱을 디자인하는 동안 UX 디자이너는 제품 작동 방식을 정당화하기 위해 이러한 전망을 이해해야 합니다.
예를 들어, 우리는 모두 교통 시스템에 익숙합니다. 우리는 우리가 탐색하는 교통 신호, 도로 표지판 및 규칙을 알고 있습니다. 그리고 이 시스템은 특정 규칙의 약간의 변경을 포함하여 모든 국가에 적용됩니다. 이를 통해 사람들은 틀림없이 길을 탐색할 수 있으므로 무엇을 기대해야 하는지 알 수 있습니다. UX 패턴에도 동일한 원칙이 적용됩니다. 매번 새로운 계획에 익숙해지고 탐색하지 않고도 사용자가 자유롭게 제품을 탐색할 수 있는 규약의 시스템입니다. 이를 통해 UX 디자이너는 직관적이고 기능적이며 사용자 친화적인 사용자 경험을 만드는 기본 원칙을 고수할 수 있습니다.
UX 디자인 패턴이란?
UX 디자인 패턴 — 일반적인 문제에 대한 솔루션을 확립했습니다. 웹사이트나 앱을 디자인할 때 디자이너는 제품과 상호 작용하는 가장 편리하고 빠른 방법을 찾아야 합니다. 사용자 경험 디자인 패턴에는 로그인 및 로그아웃, 이동 경로 및 체크아웃이 포함될 수 있습니다. 즉, UX 패턴은 특정 사용자 작업에 대한 사용자 인터페이스 응답입니다.
UX 패턴은 습관에 관한 것이기도 합니다. 귀하의 사이트는 사용자가 방문한 첫 번째 사이트가 아닙니다. 각 사이트에서 그들은 다른 것들과 친숙하고 유사한 것을 강조합니다. 패턴이 될 수 있습니다. 디자이너는 종종 다른 사람들에게는 없는 독특한 것을 하고 싶어합니다. 그래서 그들은 이미 해결된 문제를 발명하고 재작업하려고 하고, 보편화된 솔루션을 발명하려고 합니다. 이러한 중대한 변경은 사용자를 혼란스럽게 할 수 있습니다. 전체 시스템을 변경하지 않고 자신의 결정을 도입할 수 있고 도입해야 합니다. 원칙은 간단합니다. 사용자는 인터페이스를 보고, 이미 알고 있는 것을 강조하고, 결과를 얻기 위해 행동하는 방법을 가정합니다.
UI 및 UX 패턴: 차이점은 무엇입니까?
UX와 UI 패턴을 혼동하거나 동의어로 사용하는 경우가 많습니다. 그러나 그들 사이에는 차이점이 있습니다.
UI 패턴 은 시각적 디자인에 관한 것입니다. UI 키트 라고도 합니다. 여기에는 탐색 아이콘, 버튼, 타이포그래피, 색상 및 아이콘이 포함됩니다. 예를 들어, 사용자가 버거 메뉴(가로선 3개)를 보고 그것을 클릭하면 페이지 탐색 목록이 표시된다는 것을 알고 있습니다. UI 템플릿의 아이디어는 원자적 디자인의 원리와 같습니다.
UX 패턴 은 제품과의 사용자 상호 작용에 관한 것입니다. 예를 들어 모바일 앱에서 페이지를 새로고침합니다. 사용자는 페이지를 아래로 당기면 새로 고침된다는 것을 알고 있습니다. 이 동작은 패턴입니다.
저희가 제공하는 모바일 디자인 서비스 를 살펴보세요 .
UX 패턴의 필수 유형
다음은 사이트 또는 애플리케이션 기능을 처리하는 일반적인 UX 패턴 목록입니다.
데이터 입력 및 출력 : 사용자가 데이터를 입력하고 피드백을 받는 방식. 예를 들어 비밀번호를 입력하거나 주문을 하거나 사용자 데이터가 필요한 기타 작업을 수행합니다. 또는 비밀번호를 사용하여 사이트에서 사용자에게 신속하게 인증을 통과하기 위해 수행해야 하는 작업을 경고할 수 있습니다. 예를 들어 사용자가 암호 필드 위로 마우스를 가져가면 힌트가 표시됩니다.
ux 패턴 예시
데이터 입력 UX 패턴
UX 디자인 패턴은 버튼에도 적용됩니다. 그것은 사용자가 컨트롤러의 표준 모양에 익숙해졌습니다. 따라서 새로운 형식을 부여하면 사용자의 인식과 전환에 영향을 줄 수 있습니다.
전환 중심 디자인 에 대한 자세한 내용은 블로그에서 읽어보세요.
ux 디자인 패턴
버튼을 UX 패턴으로
이동 경로 는 사이트 탐색입니다. 이 UX 패턴은 사용자가 현재 있는 위치를 보여주고 홈 페이지로 돌아갈 수 있는 옵션도 제공합니다. 웹 사이트에 더 자주 사용됩니다.
ux 디자인 패턴 예시
빵 부스러기 UX 디자인 패턴
모바일 앱의 경우 이동 경로를 탭 표시줄로 대체할 수 있습니다. 이것은 각각 다른 페이지를 담당하는 아이콘이 있는 패널입니다.
ux의 디자인 패턴 예시
탭 바 UX 패턴
소셜 상호 작용 : 이러한 템플릿에는 리뷰, "친구 초대" 또는 "소셜 네트워크에 공유" 팝업, 리더보드 및 일반 채팅이 포함될 수 있습니다. 이러한 템플릿의 목적은 사용자가 제품과 상호 작용하고 정보를 공유할 수 있도록 하는 것입니다.
Hierarchy : UX 디자인은 제품의 편의성, 기능성, 사용자와의 상호작용을 다룬다. 따라서 콘텐츠 구조화는 필수적인 UX 디자인 패턴 중 하나입니다. 계층 구조에서 해당 위치에 따라 제출된 모든 정보를 배포했습니다. 이것은 사용자의 주의를 끌고 콘텐츠를 통해 원활하게 안내하는 데 도움이 됩니다. 이 문제는 큰 헤더, 강조 색상, 공간 및 콘텐츠를 블록으로 분할하여 해결됩니다.
UX 패턴은 어떻게 작동합니까?
UX 패턴의 원리는 일련의 사용자 행동 모델과 제품 기대치를 규정합니다. 웹 사이트 또는 앱이 이러한 패턴을 준수하면 사용자가 제품에서 기대하는 바를 이해하기 때문에 제품과 더 쉽게 상호 작용할 수 있습니다.
인간 두뇌의 그러한 특징 중 하나는 UX 패턴 원칙의 일부인 습관화입니다. 반복적으로 사용하면 반복적인 신체 활동이 반사적으로 변합니다. 예를 들어 Instagram 피드나 사진 갤러리를 탐색할 때 새 화면으로 이동하기 위해 왼쪽이나 오른쪽으로 스와이프합니다. 또한 아래로 스와이프하여 페이지를 새로고침합니다. 사용자는 더 이상 이러한 작업에 대해 생각하지 않고 자동으로 수행합니다. 그것들은 평범해졌습니다.
사용자가 인터페이스를 볼 때 모든 세부 사항을 읽고 살펴보는 것은 아닙니다. 대신 그는 그들이 보고 싶어하는 정보를 찾기 위해 페이지를 스캔합니다. 페이지의 콘텐츠에 구조가 없고 사용자의 눈에 고정할 대상이 없으면 읽는 것보다 페이지를 떠날 가능성이 더 큽니다. 여기서 UX 패턴의 원칙은 명확한 계층 구조를 보여 사용자가 가장 중요한 정보를 한 눈에 쉽게 이해할 수 있도록 하는 것입니다.
작업량을 줄이는 것은 UX 패턴의 작동에 내재된 또 다른 원칙입니다. 사람이 일상으로 인해 반복하는 행동은 우리에게 습관이 되고, 그렇게 하는 방법을 정확히 알고 있기 때문에 많은 노력이 필요하지 않습니다. 인터페이스도 마찬가지입니다. 사용자가 그것을 이해하는 데 드는 노력이 적을수록 사용자는 계속해서 상호 작용할 가능성이 높아집니다. UX 패턴은 우리가 종종 의식적으로 하지 않는 사용자를 위한 자동 작업입니다. 즉, 수월하고 작업을 단순화합니다.
UX 디자인 패턴은 사용자 경험을 어떻게 개선합니까?
웹사이트나 앱을 열 때 페이지 상단의 탐색이나 왼쪽 상단의 로고(또는 회사 이름)와 같은 친숙한 디자인 요소를 찾는 것을 눈치채셨을 것입니다. 모두 UX 패턴의 예입니다. 그들은 모든 사용자가 알고 있는 디자인 표준을 따릅니다. 설계자가 매번 문제를 해결하기 위해 새로운 방법을 찾을 필요가 없기 때문에 설계 프로세스의 속도를 높일 수 있다는 이점이 있습니다. 그래도 그들은 이미 준비된 UX 패턴을 능숙하게 사용하여 특정 문제를 해결합니다. 그러나 이미 작업 원리에 익숙한 사용자의 부담도 줄여주므로 신제품을 마스터하는 데 걸리는 시간이 크게 단축됩니다. 이를 통해 사용자 경험이 향상되고 사용자 상호 작용이 더 편안해집니다. 물론 기존 UX 패턴의 변경을 금지하는 사람은 없으며, 그러나 이를 변경하면 표준 웹사이트 또는 앱에 대한 사용자의 기대치를 망칠 수 있습니다. 그리고 그것은 탐색에 혼란과 성가심으로 이어질 수 있으며, 결국 사용자는 그들이 온 목적을 찾지 못하기 때문에 페이지를 떠나게 될 것입니다.
블로그에서 웹 디자인 표준 에 대해 자세히 알아보세요 .
이를 기반으로 UX 패턴의 본질적인 이점을 강조할 수 있습니다.
사용자의 기대를 충족합니다.
입증된 솔루션 역할을 수행합니다.
패턴을 사용하면 오류가 줄어들기 때문에 디자인이 더 깔끔해집니다.
설계 엔지니어링의 다운타임을 줄입니다.
최종 호출
UX 패턴을 사용하면 사용자의 참여도가 높아지고 제품에 대한 인식과 태도에 영향을 미칩니다. 우리 자신에게 익숙한 것을 볼 때 훨씬 더 편안함을 느끼기 때문입니다. 패턴은 초보 디자이너와 노련한 전문가에게 큰 도움이 될 것입니다. 패턴이 지루하고 흥미롭지 않으며 너무 진부하다고 두려워하지 마십시오. 그러나 그들은 자신의 일을 완벽하게 수행합니다. 인터페이스를 편리하고 단순하며 기능적으로 만듭니다. 귀하의 비즈니스 작업에 완벽하게 부합하는 웹사이트 또는 애플리케이션 디자인을 만들 수 있도록 도와드립니다. 자세한 내용을 논의하고 우리가 제공하는 서비스 를 보려면 저희에게 연락하십시오 . 그런 다음 Dribbble 에서 완성된 프로젝트를 살펴보세요 .
