UX 디자인 프로세스 가이드

UX 디자인 프로세스는 회사의 목표와 대상 고객에게 가장 잘 봉사하는 방법을 이해하는 것에서 시작됩니다. 사용자의 심리를 학습하고 UX 모범 사례를 적용하여 사용자에게 좋고 기억에 남는 경험을 제공할 수 있습니다. 처음부터 끝까지 UX 디자인 프로세스를 지원하기 위해 이 리소스를 편집했습니다.

UX 디자인 프로세스의 목표는 사용자가 더 나은 온라인 경험을 갖는 것입니다.

사용자 경험 디자이너의 역할은 디지털 환경을 구축하여 사용자에게 그 확장을 안내하고 느낌에 영향을 주는 무언가를 제공하는 것입니다. 콘텐츠, 디자인, 구조 및 탐색을 포함하여 웹사이트를 구성하는 요소는 기억에 남는 경험을 제공하기 위해 작동합니다.

사용자는 디자인의 핵심입니다. 누군가가 필요한 정보를 빠르게 발견할 수 있게 되면 목표를 달성한 것이며 더 이상 진행하지 않을 수 있습니다.

• 그들의 방문 목적은 무엇이었습니까?
• 그들은 어떤 정보를 찾고 있습니까?
• 그리고 그들이 가지고 있을 수 있는 문제에 대해 어떤 솔루션을 찾고 있습니까?

UX는 사용자의 생각에 집중하여 사용자가 가장 원하는 것을 가능한 빨리 제공하는 경험을 만듭니다.

탐색 선택, 버튼, 클릭 유도문안/상호작용 조합 및 기타 상호 작용과 같은 디자인의 구성 요소는 내용을 보완하는 콘텐츠와 함께 디자인을 통해 사용자를 안내합니다. 성공적인 UX를 위해서는 방문자가 무엇을 원하는지, 방문자가 사이트에 있는 이유를 알아야 합니다.

사용자 경험에 관한 모든 논의에는 사용자 인터페이스 디자인에 대한 논의가 포함되어야 합니다. UI(사용자 인터페이스)의 목표는 사용되는 서체부터 버튼의 모양과 느낌 및 기타 상호 작용에 이르기까지 디자인을 자세히 다루는 것입니다. UI 디자인은 제품 디자인 내에서 누군가가 연결하고 참여하는 방법에 더 관심이 있는 반면 UX 디자인은 이러한 측면에서 벗어나 사람들이 제품 디자인과 상호 작용하는 방식에 중점을 둡니다. UX 디자이너는 웹사이트에서 고객이 원하는 것을 고려하고 디자인 과정에서 이러한 요구를 충족시키는 경험을 만듭니다.

UX 디자인: 중요한 것

매력적이고 성공적인 디자인을 만들려면 어떤 단계가 가장 중요한지 이해해야 합니다.

사용자 경험과 브랜딩은 연결되어 있습니다.

브랜딩과 사용자 경험 사이의 관계는 공생합니다. 끔찍한 사용자 경험을 가진 웹사이트는 잘 알려진 회사의 평판을 해칠 수 있습니다. 반면에 단순하고 효율적인 소비자 경험은 젊은 기업에 도움이 될 수 있습니다. 마케팅의 두 가지 요소인 브랜딩과 사용자 경험은 모두 인식에 관한 것이며 회사가 번창하려면 둘 다 일관되어야 합니다.

인터랙션 디자인

UX 디자인 프로세스의 시작과 제품 개발 프로세스 전반에 걸쳐 UX 디자이너는 회사의 브랜딩과 디자인에서 전달되는 방식을 염두에 두어야 합니다.

사용자 경험은 비즈니스 목표 달성에 관한 것입니다.

회사의 웹사이트는 전체 전략의 일부여야 합니다. 기억에 남는 브랜드를 만들려면 콘텐츠와 기능이 함께 작동해야 합니다. UX 디자인 프로세스에 대한 이론적 근거와 이 작업이 필요한 이유에 대한 이해가 있어야 합니다. 디자인 팀과 개발 팀은 디자인 사고에 익숙할 뿐만 아니라 회사의 더 큰 마케팅 목표도 이해해야 합니다.

재설계라면 무엇이 효과가 있고 개선이 필요한지 살펴보십시오. 무엇이 부족하고 더 나은 사용자 경험을 설계하는 것이 이러한 문제를 해결하는 데 어떻게 도움이 될 수 있는지 고려하십시오.

제품 구매, 서비스 가입 또는 추가 정보 문의와 같이 사람들이 웹사이트에서 하기를 원하는 작업을 식별합니다. 그것은 당신이 그것으로 무엇을 하기를 원하는지에 관한 것입니다!

UX는 사용자의 삶을 더 쉽게 만듭니다

인터페이스가 직관적이고 사용자 친화적이며 논리적으로 잘 구성되어 있으면 누구나 장애물 없이 탐색할 수 있습니다. 복잡하고 불편한 대신 UX는 원활한 흐름을 허용하는 경로를 만듭니다.

UX 디자이너의 다양한 디자인 기술을 통해 실제 사람들이 따를 아키텍처를 만들 수 있습니다. 누가, 무엇을, 언제 경험을 하느냐는 모두 사용성을 평가할 때 고려해야 할 요소입니다. 사용자는 누구이고, 콘텐츠는 무엇이며, 시각 디자인을 경험하는 순서와 논리는 언제입니다.

공감은 사용자의 경험을 주도해야 합니다.

사용자 경험 디자이너는 프로젝트 개발 프로세스를 시작하기 전에 최종 사용자의 입장이 되어야 합니다. 디자이너는 클라이언트를 효율적으로 지원하기 위해 클라이언트의 문제와 고통에 대한 깊은 지식이 있어야 합니다. 디자이너는 사용자의 관점에서 웹사이트를 보고 어떻게 탐색해야 하는지 예측할 수 있어야 합니다. 사용하는 사람들이 이해할 수 있도록 수천 개의 부품을 조합해야 합니다.

UX 디자이너는 웹사이트의 모든 페이지가 함께 작동하는 방식을 확실히 이해하고 있지만 각 페이지가 사람들이 목표를 달성하는 데 어떻게 도움이 되는지에 대한 미시적 수준의 작은 세부 사항을 간과하지 않습니다.

예를 들어, 이 음식 구독 서비스의 웹사이트는 건강한 식단에 관심이 있는 사람들의 라이프스타일을 반영합니다. 음식 사진, 단순한 선, 많은 부정적인 공간은 그들이 인구 통계와 관심을 알고 있음을 나타냅니다. 이 구성 요소는 요리의 품질을 강조하며, 이는 월간 음식 서비스 등록을 고려하는 사람들에게 중요한 관심사입니다.

청중을 이해하려면 탐색할 때 유용하고 즐거운 경험을 개발해야 합니다.

사용자 연구는 사용자 경험 디자인 프로세스의 필수 구성 요소입니다.

당신이 끌어들이고 싶은 청중의 명확한 그림이 있다면 도움이 될 것입니다. 그들은 "사용자" 이상입니다. 그들의 도전과 그들이 원하는 위치에 도달하기 위한 계획을 이해하는 것이 중요합니다. 다른 사람들이 원하고 필요로 하는 것을 가정하십시오. 우리는 그들의 욕구와 요구에 대해 성급하게 지식을 얻을 수 있지만 사용자 조사를 수행하면 그들의 자연스러운 관심과 욕구에 대해 더 많은 정보에 입각한 이해를 제공할 것입니다.

사용자 조사 및 사용자 분류를 통해 보다 집중적인 개발 프로세스를 수행할 수 있습니다. 선입견에 의존하는 대신 실제 데이터는 웹사이트가 어떻게 구축되고 어떤 기능을 추가해야 하는지 결정하는 데 도움이 됩니다.

우리는 사용자 조사를 수행하여 불확실성을 제거하고 사람들의 문제와 기대에 대해 배울 수 있습니다. 기업이 도달하고자 하는 대상을 이해하지 못할 때 진정한 공감은 불가능합니다.

사용자 조사를 정기적으로 수행하는 것이 중요합니다.

사용자 조사는 디자인 프로세스의 중요한 첫 번째 단계입니다. 이를 통해 사람들의 기대에 따라 제품을 만들 수 있으며 특정 요구에 맞게 조정된 경험을 통해 좌절을 피할 수 있습니다.

테스트와 연구는 끝이 없습니다. 이해 관계자, 소비자 행동 및 경쟁자의 목표 변경으로 인해 디자인이 다르게 인식될 수 있습니다. 2년 전에 유효했던 웹사이트는 더 이상 유효하지 않을 수 있습니다. 디자인이 여전히 사용자와 관련이 있는지 확인하려면 지속적인 사용자 조사가 필요합니다.

사용자 연구에서 무엇을 배우고 싶은지 결정

사용자로부터 얻고자 하는 질문과 정보가 무엇인지 아는 것은 사용자 연구를 극대화하는 데 중요합니다. 다른 프로세스와 마찬가지로 성공을 정의해야 합니다. 제약 조건이나 지표가 없으면 사용자 조사가 통제 불능 상태가 되어 일종의 범위 크리프가 될 수 있습니다.

실제 사람들과의 인터뷰

청중과 같은 공간에 있는 것보다 청중과 상호작용하는 더 나은 방법은 무엇입니까? 사용자 인터뷰는 일반적으로 몇 명의 개인을 대상으로 하며 팀 구성원이 시청하는 동안 웹사이트를 탐색하게 합니다. 사용자의 행동을 하지 않는 것이 중요합니다. 사람들이 어떻게 상호 작용하고 실시간 피드백을 받는지 확인하면 설계 문제를 식별하고 실제 적용되기 전에 필요한 수정 사항을 알리는 데 도움이 될 수 있습니다.

고객 및 클라이언트와의 인터뷰는 몇 주 또는 몇 달 동안 프로젝트를 조사하고 작업하는 동안 간과했을 수 있는 요소에 대한 통찰력을 제공합니다. 탐색이 상상만큼 간단하지 않거나 사람들이 CTA를 인식하지 못할 수 있습니다. 외부 관점이 있을 때 일반 사용자가 원하는 활동을 수행하려고 할 때 직면할 수 있는 어려움을 볼 수 있습니다.

사용자 페르소나 만들기

페르소나는 사용자 조사를 기반으로 하는 일반 사용자에 대한 대략적인 아이디어입니다. 여행 비즈니스를 위해 Dribbble에서 Vimala가 만든 페르소나는 일반 사용자가 누구인지에 대한 풍부한 정보를 제공합니다. 그들의 프로필을 보면 그들이 누구이며 어떤 종류의 여행 상품이나 서비스에 관심이 있는지 알 수 있습니다.

페르소나를 구축할 때 모든 사람의 평균을 나타내는 것은 아닙니다. 타겟 고객의 하위 집합입니다. 페르소나는 특정 개인이나 팀이 회사를 인식하는 방식에 대한 만족스러운 경험을 설계하는 데 도움을 줄 수 있습니다.

설문 조사

설문조사와 설문지는 중요한 정보를 수집하는 훌륭한 방법이기도 합니다. 그들은 사람들이 무엇을 검색하는지에 대해 특정한 질문을 하거나 특정 디자인에 대한 피드백을 받고 그것이 대상 청중의 요구를 충족하는지 여부를 확인할 수 있습니다.

설문조사는 예/아니오 답변, 등급 및 결합 및 분석될 수 있는 기타 명확한 답변과 같은 특정 정보를 수집할 수 있습니다. 설문 조사는 또한 보다 질적인 정보와 이러한 지표를 얻기 위해 활용됩니다. 사용자는 자신의 아이디어와 신념을 표현하기 위해 깨끗한 캔버스를 가질 수 있습니다. 이 긴 형식의 정보는 이전에 수집된 정량적 데이터를 추가하고 조명합니다.

이러한 질문을 만들 때 사람들을 원하는 답변으로 이끌고 싶지 않다는 점을 명심하십시오. 질문을 중립적으로 유지하고 욕망과 선입견이 없도록 하십시오. 당신이 아닌 그들 자신의 사전 설정 편향으로 응답하도록 허용하십시오.

사용자 흐름 만들기

웹사이트 디자이너의 청사진을 결정하기 전에 사람들이 무엇을 하기를 원하는지, 어떻게 달성해야 하는지 먼저 결정했다면 도움이 될 것입니다. 사용자 흐름은 방문 페이지에서 사이트의 다른 섹션까지 웹사이트를 방문할 때 거쳐야 하는 일련의 단계입니다. 사용자가 이동하기를 원하는 경로를 이해하면 디자인을 구성하는 방법을 결정하는 데 도움이 됩니다. 와이어프레임 및 프로토타입 개발에 도움이 됩니다.

사용자 흐름은 이러한 경로를 따라 각 단계를 보여줍니다. 사용자 흐름을 구성하여 누군가가 제품을 구매하고 체크아웃하는 방법이나 특정 주제에 대한 추가 정보를 찾는 방법을 보여줍니다. FlowMapp, Stormboard 및 Whimsical과 같은 여러 UX 디자인 도구가 시장에 나와 있습니다. 또는 펜과 종이를 사용하여 사물을 현상할 수 있습니다.

정보 아키텍처 이해

우리의 뇌는 질서와 무질서를 좋아합니다. 그것이 책이든, 우리가 보고 있는 영화이든, 우리가 방문하는 웹사이트이든 간에 우리는 말하고 있는 내용을 이해해야 합니다. 정보 아키텍처의 목표는 웹사이트를 탐색하는 사람이 이해할 수 있도록 웹사이트의 일부를 배열하는 것입니다.

블록 한 봉지에 대한 비유를 생각해 보십시오. 당신이 그것을 열고 이것을 쏟아 부으면 당신은 얽힌 엉망으로 감습니다. 그것들을 조합하고, 분류하고, 쌓아서 의미 있게 배열할 수 있습니다. 정보 아키텍처는 귀하와 귀하의 최종 사용자에게 논리적으로 적절한 자료를 분류하고 배치하는 것을 포함합니다.

효과적인 웹사이트를 개발하는 데 필요한 몇 가지 요소를 살펴보겠습니다.

• 식별 : 브랜드의 내러티브를 전달하기 위해 어떤 콘텐츠가 필요합니까? 청중에게 말하고 싶은 것을 전달하는 데 필요한 모든 구성 요소를 파악하십시오.
• 분류 : 레이아웃에 통합할 준비가 되도록 자료를 분류하고 나누어야 하는 단계입니다.
• 지도 : 자료를 구성하고 구성하여 콘텐츠의 각 개념 또는 덩어리가 다음으로 이어지는 방식을 보여줍니다.

정보 아키텍처 프로세스에는 콘텐츠를 합리적인 계층 구조로 배열하는 작업이 포함됩니다. 이 구조는 사람들이 논리적 순서로 도입된 개념을 소비하는 방법을 설명합니다.

카드 정렬은 이를 수행하기 위해 널리 사용되는 접근 방식이며 일반적으로 종이와 펜을 사용하거나 Optimal Sort 및 UserZoom과 같은 소프트웨어를 사용하여 수행할 수 있습니다.

웹사이트용 와이어프레임

와이어프레임은 콘텐츠, 이미지 및 기타 구성 요소가 배치될 위치를 나타내는 선, 그리드 및 상자와 같은 시각적 표시기로 각 페이지의 구조를 나타내는 2차원(2D) 계획입니다. 각 페이지에 대해 고해상도, 상세 또는 저해상도 및 미니멀리스트일 수 있습니다. 와이어프레임은 디자이너와 개발자 모두에게 유용한 도구입니다. 웹사이트를 만드는 데 필요한 구조를 제공하는 프레임워크 역할을 합니다.

와이어프레이밍의 한 가지 용도는 통신입니다. 직업에 관계없이 모든 사람을 위해 웹 페이지를 구축하는 방법을 보여주는 시각적 방법입니다.

목업 및 프로토타입 개발

어떤 사람들은 와이어프레임, 모형 및 프로토타입 간의 차이점에 대해 확신하지 못합니다. 그들 모두는 어떤 기능을 가지고 있습니다.

와이어프레임은 Adobe Photoshop 또는 Illustrator의 세부 사양 대신 디자인의 각 페이지를 윤곽을 지정하고 구성합니다. 기능은 다양하지만 일반적으로 기능적 연결이나 미적 향상을 포함하지 않습니다. 그들은 각 페이지가 넓은 관점에서 어떻게 보일지 보여주기 위해 존재합니다.

와이어프레임은 모형보다 한 단계 아래입니다. 디자인할 때 코드를 생성하는 Webflow와 같은 서비스를 사용하는 경우 이 단계를 수행할 필요가 없습니다. 완전한 기능의 웹사이트가 완성됩니다. 목업은 와이어프레임으로 설정된 것을 취하는 디자인의 그래픽 표현입니다. 탐색과 같은 일부 기능이 있을 수 있지만 디자인을 표시하는 데 중점을 둡니다.

프로토타입은 디자인의 거의 완전한 표현입니다. 정보 아키텍처에서 탐색, 상호 작용, 중요한 시각적 개체 및 콘텐츠 블록에 이르기까지 모든 작업이 수행됩니다. 모든 작은 것을 가질 필요는 없지만 사용자가 상호 작용하고 즐기고 싶어하는 모든 것에 접근할 수 있어야 합니다. 사용자가 제품과 상호 작용하는 동안 알아차렸으면 하는 요소가 통합되었습니다. 클릭 유도문안 버튼, 애니메이션 및 기타 동적 구성요소와 같은 기능을 의미합니다. 프로토타입을 사용하면 출시 전에 피드백을 받고 변경할 수 있습니다. 프로토타이핑이 있는 저충실도 및 고충실도 프로토타입이 있을 수 있습니다. 충실도가 높은 프로토타입은 실제 세계에서 테스트하고 제품이 실제로 어떻게 작동하는지 보여주기 위한 것입니다. 대조적으로, 저충실도 프로토타입은 모양보다 기능에 더 중점을 둡니다.

사용성 테스트

실용적인 프로토타입을 완성했다면 사용성 테스트를 할 차례입니다. 디자인에 익숙하지 않은 사람도 처음으로 경험할 수 있도록 하는 것입니다.

사용성 테스트는 종종 직접 또는 원격으로 수행됩니다. 정확한 위치에 다른 사람들이 있으면 웹을 사용하는 동안 사람들이 어떻게 느끼는지 관찰할 수 있습니다. 이를 통해 디자인에 대한 편견 없는 피드백을 얻고 작동하지 않는 것을 결정할 수 있습니다.

사람들이 완료할 수 있도록 작업을 자세히 설명해야 합니다. 전자 상거래 웹 사이트를 구축하는 경우 장바구니에 상품을 추가하고 결제를 진행하는 단계를 거치게 할 수 있습니다. 또는 귀하의 제품이나 서비스에 대한 자주 묻는 질문에 대한 답변을 찾기를 원할 수도 있습니다. 사용자가 재료를 탐색하는 것이 얼마나 어려운지 또는 간단한지 살펴보십시오. 그러면 디자인이 실용적인지 여부와 수정해야 할 사항에 대한 많은 데이터가 있습니다.

사용성 테스트는 디자인 프로세스 전반에 걸쳐 수행될 수 있지만 초기 단계에서 더 효과적입니다. 나중에보다 완전히 구성되면 초기에 수정하는 것이 더 간단합니다. 초기 단계에서 구조, 탐색 및 정보 아키텍처의 변경 사항을 처리하는 것은 마지막에 모든 것을 시도하는 것보다 시간이 덜 걸립니다.

사용자는 사용자 경험 디자인의 중심에 있어야 합니다.

최신 온라인 디자인 트렌드와 유행에 쉽게 빠져들 수 있습니다. 가장 최첨단의 세련된 웹 사이트 디자인을 시도하는 것보다 사용자의 기대에 결코 부응하지 않는 것을 만드는 것이 좋습니다. 웹 사이트의 사용자 경험은 사용이 얼마나 쉬운지, 얼마나 잘 구성되어 있는지, 얼마나 일관성 있게 표시되는지에 따라 결정됩니다. 가장 중요한 점은 사용자 경험이 공감과 관련되어 있다는 것입니다. 사용자가 긍정적이고 만족스러운 경험을 하는 데 필요한 모든 것을 받을 수 있도록 보장합니다.