🔖 2021년 10월 4주 TOP3

🔖 2021년 10월 3주 TOP3

UX의 10가지 법칙

프로덕트 디자인 분야에서 일하고 있다면 다음과 같은 문제에 직면했을 것이라고 확신합니다. 디자인 선택을 뒷받침할 데이터 없이 디자인 선택을 정당화하라는 요청을 받는 것입니다. 일반적으로 사용할 수 있는 양적 또는 질적 데이터가 있는 경우 이는 매우 간단한 작업입니다. 그러나 그 원자재가 없는 경우에는 어떻게 합니까? 처음부터 그렇게 할 필요가 있다는 증거 없이 초기 설계를 어떻게 검증합니까?

글쎄, 절망하지 마세요. 이 경우, 여러분은 심리학에서 찾을 수 있는 원칙, 즉 마음과 행동에 대한 연구로 관심을 돌려야 합니다. 이 과학은 사람들이 어떻게 행동하고 느끼는지에 영향을 미치는 생물학적 영향, 사회적 압력, 그리고 환경적 요인들을 포함합니다. 심리학 연구는 인간으로서 우리가 주변 세계를 인식하고 처리하는 방법에 대한 근본적인 청사진을 해독하는 데 도움이 됩니다.

인간의 마음을 이해함으로써 디자이너는 보다 더 직관적이고 인간 중심적인 프로덕트와 경험을 구축할 수 있습니다. 사용자가 제품이나 경험의 디자인에 적응하도록 강요하는 대신, 우리는 심리학의 몇 가지 핵심 원칙을 사람들에게 적합한 방식으로 디자인하기 위한 지침으로 적용할 수 있습니다.

디자인 역할이 조직 내에서 그 어느 때보다 강력한 영향을 미치고 있는 시대에 심리학과 UX의 교류는 점점 더 관련성이 높은 주제가 되었습니다. 만약 여러분이 인간의 지각과 멘탈 모델에 대한 이해가 전반적인 사용자 경험에 어떤 영향을 미치는지 이해하고자 하는 전문 디자이너이거나 디자이너 지망생이라면 Jon Yablonski의 Laws of UX를 읽는 것으로 시작하시기를 권합니다.

이것은 디자이너에게 친숙한 리소스로, 더 많은 디자이너들이 UX의 복잡한 법칙을 이용할 수 있게 해주는 책입니다. 특히 심리학이나 행동과학 학위를 가지고 있지 않은 사람들을 위해서요. 이 책은 제가 아래에서 제시할 UX의 10가지 법칙을 적절한 설명과 기술을 향상시키는 방법을 배울 수 있는 다양한 예와 함께 안내합니다.

1. 제이콥의 법칙디지털 인터페이스 설계를 위한 지침으로 사용되는 가장 일반적인 원칙 중 하나입니다. 이 법칙은 Jakob Nielsen에 의해 만들어졌고, 그에 따르면 이 법칙은 다음과 같이 정의할 수 있습니다.

친근함 속에서 발견할 수 있는 믿을 수 없을 정도로 가치 있는 것이 있습니다. 친근함은 디지털 프로덕트나 서비스와 상호작용하는 사람들이 그것을 사용하는 방법을 즉시 알 수 있도록 도와줍니다. 쉽게 인식할 수 있는 상호 작용 패턴을 사용함으로써 사용자가 당면한 작업에 집중할 수 있도록 인터페이스를 학습하는 데 소비해야 하는 정신적 에너지를 줄입니다. 다시 말해, 잘 알려진 패턴은 사용자들이 안전하다고 느끼도록 하기 때문에, 사용자는 디자인이 다른 인터페이스에서 자신이 알고 있는 것과 유사할 때 인터페이스를 탐색하기가 더 쉽다는 것을 알게 될 것입니다. 친숙함은 사용자에게 자신감을 주고 인터페이스와 상호 작용하도록 장려합니다.

이 아이디어는 닐슨 노먼 그룹의 잘 알려진 사용성 휴리스틱 중 하나인"일관성과 표준(Consistency and Standards)"에도 나타나는데, 이 휴리스틱은 닐슨이 사용자 편의를 위해 "표준" 패턴을 UX Design에 통합하는 측면을 보여줍니다.

📓 디자이너로서 가능한 한 많은 마찰을 제거하여 우리가 구축한 인터페이스를 사용할 때 사람들이 목표를 성공적으로 달성할 수 있도록 하는 것이 우리의 목표입니다. 기존 모델을 활용하여 사용자가 새로운 모델을 배우는 대신 당면한 작업에 집중할 수 있는 우수한 사용자 경험을 만들 수 있습니다.

Jakob의 법칙: 잘 알려진 패턴에 대한 사용자의 사랑이 UX 혁신을 죽일 것인가?

2. 피츠의 법칙
1954년 미국의 심리학자 폴 피츠에 의해 신체에서 인간의 움직임을 이해하기 위한 모델로 설립되었습니다. 오늘날, 이 법칙은 인간 운동의 가장 성공적이고 영향력 있는 수학적 모델 중 하나로 여겨지며 인체 공학 및 인간-컴퓨터 상호 작용에 널리 사용됩니다. 피츠의 법칙은 다음과 같습니다.

사용성은 좋은 디자인의 핵심 요소입니다. 이는 사용 용이성을 의미하며, 이는 인터페이스는 사용자가 이해하고 탐색하기 쉬워야 함을 의미합니다. 상호 작용은 고통이 없고 간단해야 하며 최소한의 노력이 요구되어야 합니다. 이를 달성하기 위해서 사용자가 대화형 개체를 이동하고 사용하는 데 걸리는 시간은 매우 중요한 지표입니다.
. 
. 
👇 더 자세한 내용은 아래 원문에서 확인해주세요.

숙련된 디자이너가 Google UX 디자인 자격증을 취득해야 하는 이유 

이번 달 초에 드디어 저는 Google UX 디자인 자격증을 수료하고 취득했습니다. 전업 디자이너로서 7개의 과정을 모두 마치는 데 약 3.5개월이 걸렸습니다. 처음에는 예상하지 못했던 긴 여정이었고 때로는 그 양에 압도되기도 했습니다. 특히, 많은 사람들이 한 달도 안 되는 기간에 이 과정을 이수하는 것을 보았을 때 말이죠. 

저는 대부분의 사람들이 Google에서 과정을 제공하고 있기 때문에 수강을 하고 있다고 생각합니다. 나중에 LinkedIn에서 Google 로고로 프로필을 업데이트할 수 있다고 상상해 보세요. 너무 동기부여가 좋지 않나요! 제가 이 과정을 수료한 이유 중 하나라고 생각합니다. 

하지만 그것 말고도 저에게 사실 더 좋은 이유가 있습니다. 

저는 이전에 정식적인 디자인 교육을 받지 못했습니다. 저는 5년 전에 인턴으로 디자인 경력을 시작했습니다. 현재는 호텔 예약 경험에 중점을 둔 Agoda의 서비스 프로덕트 디자이너입니다. Agoda에 입사하기 전에는 디자인 에이전시에서 2년 동안 일했었습니다. 저는 모든 프로젝트에서 최대한 많은 것을 배우기 위해 열심히 노력했었죠. 그럼에도 불구하고, 때때로 저는 길을 잃고 있었습니다.

저는 사업적인 배경 때문에 프로젝트 관리를 잘하고 있었습니다. 프로덕트 디자이너로서 저는 프로덕트 관리자와 긴밀하게 협력하여 목표를 정의하고, 비주얼부터 디자인 시스템에 이르기까지 디자이너들과 협력하며, 기능을 구축하기 위해 엔지니어에게 멋진 디자인 자료들을 제공했습니다. 

제가 유능한 디자이너임에는 틀림이 없다고 생각합니다. 하지만 제가 배운 모든 디자인 기술들은 조각처럼 퍼져 있습니다. 제가 현실에서 이를 활용하고 싶을 때도, 제가 알아차리지 못한 누락된 부분들이 있습니다. 

코스를 마친 후에는 강의 계획서, 강사 및 연습 문제의 나오는 모든 부분에 감사하게 생각합니다. 개인적으로 저는 다음 코스들에서 가장 많이 배웠습니다. 

•    코스 2: 공감, 정의 및 아이디어 
•    코스 4: UX 연구 수행 및 초기 개념 테스트 

이 두 과정은 인터뷰를 통해 사용자와 공감하고 사용성 테스트를 실시하여, 디자인을 반복하는 데 중점을 두었습니다. 이는 저의 경험들에서 누락된 부분이었죠.

전체적으로 공감하고, 정의하고, 관념화하고, 구축하고, 테스트하고, 반복하면서 완성된 디자인 프로세스가 무엇인지를 배웠습니다. 현실에서는 2주 스프린트의 모든 반복에 대해 사용성 테스트를 수행할 시간이 없을 수도 있지만, 일부 학습 사항들을 활용하여 더 나은 프로덕트를 만드는 방법에 대해 생각할 수 있었습니다.
. 
.  
👇 더 자세한 내용은 아래 원문에서 확인해주세요.

UX 디자인의 유저 플로우는 정확히 무엇입니까?

그리고 그것들이 왜 중요할까요?

사용자 흐름의 중요성
사용자 흐름은 최상의 사용자 경험을 만들기위한 디자인 팀에게 매우 귀중한 자산입니다. 사용자 흐름 다이어그램은 디자이너, 이해 관계자 및 팀 구성원이 명확한 시각적 방식으로 앱 인터페이스의 레이아웃을 전달하는 데 도움이 됩니다.

기본적인 사용자 흐름
UX 디자인에서 사용자 흐름은 다이어그램 형식으로 표현됩니다. 앱 또는 사이트를 통한 사용자 경로의 청사진을 나타냅니다.

행복한 경로
직접적인 사용자 흐름 경로를 행복한 경로라고합니다. 이는 시작부터 끝까지 하나의 직접적인 상호 작용입니다.

사용자 흐름 경로에는 항상 시작점과 끝점이 있습니다. 이 예에서 사용자는 대화형 검색 필드가있는 홈 페이지에서 시작하고 구매 완료 페이지로 끝납니다.

인사이트:
사용자 흐름 다이어그램은 사용자의 화면 상호 작용을 보여줍니다.

산업 표준 다이어그램 사용자 흐름 아이콘
사용자 흐름의 중요성을 이해하려면 디자이너는 각 단계의 의미를 인식해야합니다.
각 아이콘은 앱 또는 사이트 내의 특정 기능을 나타냅니다. 시작점과 끝점은 원형 또는 직사각형 아이콘입니다. 사용자 작업 (버튼, 스와이프, 드래그, 확대 / 축소)은 다이아몬드 모양의 아이콘으로 표시됩니다. 콘텐츠 페이지는 직사각형 아이콘으로 표시됩니다. 사용자 흐름은 화살표로 표시됩니다.  

인사이트:
각 아이콘이 실제로 수행하는 작업에 대해 항상 설명 텍스트로 각 단계를 설명합니다.

여러 사용자 경로는 다른 사용자 옵션을 엽니다.
사용자의 다양한 동작으로 인해 흐름 경로가 더 복잡해집니다. 사용자는 최종 결정을 내리기 전에 다양한 제안을 찾아 보거나 옵션을 비교하고 싶을 수 있습니다.

이 예시는 홈 스크린의 시작 지점에서 사용자가 선택할 수 있는 세 가지 경로를 보여 줍니다.

인사이트:
구매 또는 리뷰 제출과 같은 원하는 결과를 제공하려면 각 흐름을 사용자의 경험 지점에서 쉽게 실행할 수 있어야 합니다.

UX 디자이너는 상세한 사용자 작업이 경로를 따라 명확하게 정의되어 있으므로 사용자 흐름이 얼마나 극도로 복잡해지는지를 매우 신속하게 파악할 수 있습니다.

(UX 디자인 팀의 관찰 : "리뷰 게시"흐름의 복잡성을 감안할 때 팀 및 / 또는 이해 관계자는 다음 반복에서이 경로를 구현하지 않기로 결정할 수 있습니다.)
. 
.  
👇 더 자세한 내용은 아래 원문에서 확인해주세요.

🎄from.designer 

🗓️ 행사 일정 & UXUI 자료 

디자이너 공유, UXUI 스터디 참관, UX 발표자료 공유등 다양한 정보를 노션에서 확인하세요.

💭 단톡방 가입문의  (2,070명)

🎥 유튜브 UXUI 자료 영상  

🔖 이메일 

📍 SNS   @from.designer 페이스북 , 인스타그램