🔖 2021년 9월 4주 TOP3

🔖 2021년 9월 4주 TOP3

사람들이 여전히 믿는 6가지 오해

UX는 구조와 프로세스가 명확하게 정의된 분야이지만 여전히 해석의 여지가 있는 다양한 변수가 있습니다. 다행히 이러한 유연성은 보다 창의적이고 혁신적인 환경을 제공합니다. 다른 한편으로, 그것은 오해의 소지가 있습니다. 이러한 오해는 널리 퍼져 사용자와 기업 모두에게 해를 끼치는 업계의 정설로 자리 잡게 됩니다. 이 기사에서는 이 신화들 중 일부를 제거하고 결점을 탐구할 것입니다. 우리는 "7+-2" 규칙, 3클릭 규칙과 UX 디자이너로서 작업의 품질에 부정적인 영향을 미칠 가능성이 있는 기타 원칙 등에 대해 살펴볼 것입니다.

신화 1: 7+-2

조지 밀러(George Miller)는 "매직 넘버 7(The Magical Number Seven)"이라는 심리학 분야에서 가장 많이 인용되는 논문 중 하나를 발표한 인지 심리학자입니다. 그의 논문의 주제는 초기에 너무 많은 관심을 받아 "밀러의 법칙"으로 명명되었습니다. 이 원칙은 보통 사람이 작업 메모리에 약 7(7+-2)개의 개체을 저장할 수 있다고 명시합니다. UX의 학제 간 특성과 인지 과학과의 밀접한 관계를 감안할 때 이 원칙을 채택하는 것이 빨랐습니다. 인간 인지의 한계를 염두에 두는 것이 매우 중요하지만 이 법칙은 종종 디자이너들 사이에서 오용됩니다. 일부 사용자 경험 전문가는 이 법칙을 사용하여 목록, 메뉴 등에서 사용자에게 제공하는 항목 수를 제한합니다.

진실

불행하게도, 조지 밀러(George Miller)의 논문은 사람들이 말투(tone), 음조(pitch, 소리의 높낮이) 등과 같은 7가지 단차원적 자극만을 기억할 수 있다고 제안했습니다. 더 중요한 것은 이 숫자는 화면에서 바로 정보에 접근할 수 있기 때문에 제공된 정보를 이해하는 능력보다는 기억을 명시적으로 다루고 있는 것입니다. 메뉴가 7개 이상의 항목을 가질 수 있는 또 다른 이유는 컨텍스트를 가지고 있기 때문입니다. 의류를 판매하는 대형 전자상거래 매장의 메뉴를 생각해 봅니다. 드롭다운이 광범위하지만 항상 탐색하기 쉽다는 것을 종종 볼 수 있습니다. 메뉴의 거의 모든 하위 카테고리에 7개 이상의 항목이 있지만, 이 디자인은 탐색하기 어렵지 않으며 과도한 인지 부담도 유발하지 않습니다.

올바른 접근법

최고 수준과 링크가 풍부한 구조는 사용자가 원하는 것을 보다 빠르게 찾을 수 있고 인지 부하를 줄일 수 있어 더 나은 사용성을 제공할 수 있습니다. 여기서 핵심은 충분한 컨텍스트(context)를 제공하고 올바른 아키텍처(architecture)를 찾는 것입니다. 예를 들어 Amazon을 생각해 봅니다. 메뉴는 엄청나지만 올바르게 구성함으로써 플랫폼은 고객이 선택한 아이템에 빠르고 원활하게 접근할 수 있도록 합니다. Craigslist, McMaster Carr와 기타 여러 사이트에서 매우 성공적인 사이트도 마찬가지입니다. 자주 오용되기는 하지만 7+-2 규칙은 UX 디자인에서 광범위한 애플리케이션을 제공합니다. 사용자가 확인 코드, 보안 문구와 명확한 컨텍스트(context)가 없는 기타 정보처럼 데이터를 암기해야 할 때 이 원칙을 항상 고려해야 합니다.

.  .  👇 더 자세한 내용은 아래 원문에서 확인해주세요.

모든 디자이너가 알아야 할 15가지 UX 용어

디자인 분야에 새로 입문한 사람이라면 눈에 보이는 거의 모든 것이 그림일 것이고, 들리는 것은 UX 전문용어일 것입니다. 그리고 이 단어들을 이해하고 사용하기 위해 이 단어들을 잘 알고 있는 것이 중요합니다. 그것은 디자인 회의에 참여하고 팀 내에서 질문하고 네트워크를 구축할 수 있는 우위가 될 것입니다. 새로운 고객과 비즈니스 미팅이 있고 이러한 UX 버즈워드를 그들에게 던질 뿐만 아니라 용어가 실제로 의미하는 바를 설명하고 그들이 배운 새로운 것을 남겨두는 상황을 상상해 보십시오. 그들이 새로운 것을 배우도록 내버려 두면 프로젝트를 배깅할 가능성이 높아집니다. 그래서 우리는 당신을 위해 작업을 했고 디자이너로서 꼭 알아야 할 15 UX 용어 목록을 만들었습니다. 더 이상 지체하지 않고 시작하겠습니다! (*UX 버즈워드 : 카드 소팅, A/B 테스트 등의 UX 업계에서 흔히 쓰이는 용어)

#1 와이어프레임

와이어프레임은 웹사이트의 청사진입니다. 디자이너, 개발자 및 고객이 웹사이트의 구조를 구상할 수 있도록 도와줍니다. 이것은 웹사이트 디자인 과정이 실제로 시작되기 전에 이루어지는 첫 단계입니다. 웹사이트의 도식적인 흐름을 얻기 위해 코드가 작성되기 전에 와이어프레임이 만들어집니다. 이것은 많은 시간, 에너지 및 비용을 절약하는 데 도움이 됩니다. 일부 무료 와이어프레임 도구에는 Frame Box, Wirefy, Draw.io 및 Pencil Project가 포함됩니다.

#2 목업

목업은 와이어프레임보다 자세한 버전입니다. 목업은 정적인 와이어프레임에 대한 더 심도 있는 반복, 더 미세한 UI 세부 정보 및 현실적인 접근 방식을 제공합니다. 와이어프레임과 목업의 차이점을 이해하는 더 간단한 방법은 와이어프레임은 청사진이고 목업은 최종 인터페이스가 어떻게 생겼는지 이해할 수 있는 시각적 모델이라는 것입니다.

#3 휴리스틱 평가

UX 전문가는 휴리스틱 평가 방법을 사용하여 웹사이트의 사용성을 결정합니다. 제품의 문제를 식별하고 조기에 제거하는 데 도움이 되기 때문에 중요합니다.

#4 엔드 유저

최종 사용자는 UX 전문가가 만든 디자인을 활용할 유료 고객입니다. 제품이나 웹사이트를 디자인하는 대상은 사용자 기반, 사람 또는 회사입니다. 그들의 수용이 당신의 궁극적인 목표입니다.

#5 베타 런칭

제품이 시장에 출시되기 전의 소프트 런칭 또는 프리 런칭입니다. UX 전문가는 소수의 사용자에게 (버그가 있든 없든) 제품을 베타 런칭하여 피드백을 받고 이러한 방식으로 최종 제품을 개선합니다.

#6 무드 보드

무드보드는 웹사이트 디자인에 필요한 이미지, 텍스트, 글꼴 및 기타 개체 샘플로 구성된 영감 보드입니다. 디자이너뿐만 아니라 일러스트레이터, 사진가 및 영화 제작자와 같은 다른 크리에이티브 전문가도 팀에서 활용하고 작업할 수 있는 시각적 참조를 얻기 위해 사용합니다.

Milanote는 몇 분 안에 무드보드를 만드는 데 사용할 수 있는 무료 툴입니다.

#7 사용성

사용성(Usability)은 사용자가 제품이나 디자인을 효율적으로 사용할 수 있는 용이성의 척도입니다. 사용자가 웹 사이트를 탐색할 때 얻을 수 있는 완전한 편의성입니다. 디자이너에게 이것은 매우 중요한 매개변수입니다. 모든 디자인은 최종 사용자의 요구 사항을 염두에 두고 생성되어야 하기 때문입니다. 웹사이트가 아무리 시각적으로 아름다워도 사용자가 사용하기 어렵다고 느끼면 아무 소용이 없습니다.

#8 사용자 경험

우리가 사용자 경험 또는 UX라고 부르는 것은 사용자를 위한 디자인을 만들기 위해 디자이너가 적용한 프로세스입니다. 여기에는 청사진 작성, 브랜딩, 디자인, 사용성 및 기능이 포함됩니다. 사용자가 디자인을 인식하는 방식은 제품의 사용자 경험입니다.

#9 A/B 테스트

A/B 테스팅은 사용자의 디자인과 선호도 측면에서 둘 중 어느 것이 더 나은 성능을 보이는지 감지하기 위해 두 가지 다른 버전의 디자인을 사용자에게 보여주는 기술입니다. 웹 사이트를 테스트하는 경우 정확한 결과를 얻으려면 웹사이트 트래픽이 높다는 점을 명심하는 것이 중요합니다.

..

👇 더 자세한 내용은 아래 원문에서 확인해주세요.

디자인 시스템 구축

(컴포넌트 라이브러리와 스타일 가이드) 제가 가장 좋아하는 프로젝트 중 하나이기도 한 대규모 프로젝트에 대해 이야기하려고 합니다. 저는 이 프로젝트를 처음부터 끝까지 책임지고 작업한 유일한 디자이너였습니다. 하지만 저는 이 프로젝트를 위해 다른 사람들과도 많은 협업을 했습니다.

제가 액션보드팀에 UX UI 디자이너로 합류했을 때 그들은 디자인에서 개발까지의 파이프라인에 Sketch를 사용하고 있었습니다. 첫째, 디자인 책임자이기도 한 디자인 멘토와 개발자 팀을 이끌고 있는 CTO(Chief Technology Officer, 최고 기술 경영자)는 모두 사용자 인터페이스에 대한 피드백을 제공하고자 했습니다. 일단 문제점를 잘 이해하고 나면 인터페이스에 대청소가 필요하다는 것을 알게 되었습니다. 그래서 제가 피드백을 다시 제안받았을 때, 액션보드 인터페이스를 리디자인하는 과정에서 Figma를 사용하여 디자인 시스템을 만들어 컴포넌트 라이브러리와 스타일 가이드를 더 빨리 만들고 절약할 수 있다고 제안했습니다. 향후 사용할 때도 유용합니다.

액션보드를 리디자인해야 하는 이유는 무엇입니까?

UI에 스며든 불일치를 제거하기 위해 액션보드를 다시 디자인해야 했습니다. 인터페이스도 플랫폼 전체에 걸쳐 일관성이 없어 사용하기 더 어려웠습니다. 다음 화면을 예로 들어 보겠습니다.

목표 설정

디자인 책임자의 승인을 받은 후 저는 저만의 목표를 설정하고 싶었습니다.

디자인 시스템 설계

목표를 세우고 무엇을 해야 하는지 알게 된 후에는 더 작은 컴포넌트를 만들기 시작했고, 그 다음에는 더 큰 컴포넌트를 만들기 시작했습니다. 컴포넌트는 디자인 시스템의 핵심 요소 중 하나입니다. 그들의 체계적인 재활용은 프로덕트 전반에 걸쳐 시각적 그리고 기능적 일관성을 만드는 데 도움이 됩니다. 각 컴포넌트는 옵션 목록 표시, 폼 제출, 온라인 결제 시 청구서 지급 등과 같은 특정 UI 문제를 해결하도록 디자인과 코딩되었습니다. 액션보드의 모든 컴포넌트는 전체적으로 조화롭게 작동하도록 디자인 되었습니다. 저의 접근 방식은 아이디어와 피드백을 가지고 팀을 참여시키는 것이었습니다. 구축, 개선과 개발하는 데 몇 달이 걸렸습니다. 이 프로젝트에서는 주요 하이라이트 중 일부를 제시할 것입니다.

..

👇 더 자세한 내용은 아래 원문에서 확인해주세요.

🎄from.designer 

🗓️ 행사 일정 & UXUI 자료 

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

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

🎥 유튜브 UXUI 자료 영상  

🔖 이메일 

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