🔖UXUI 해외 주간 아티클 TOP3

🔖 2023년 6월 1주 TOP3

1️⃣ 모든 디자이너가 알아야 할 가장 중요한 UI 디자인 원칙

2️⃣ 좋은 UX 라이팅의 14가지 실용적인 예

3️⃣ 리디자인 Tesla — 사용자 중심 디자인이 게임을 바꾸는 방법

1️⃣ 모든 디자이너가 알아야 할 가장 중요한 UI 디자인 원칙

UI 디자인의 기초를 배우고 효과적인 사용자 인터페이스 디자인을 안내하는 가장 중요한 원칙에 대한 포괄적인 이해를 개발합니다. 이 포괄적인 가이드는 사용자가 좋아할 모든 디지털 제품을 위한 직관적이고 사용자 친화적인 인터페이스를 만드는 데 도움이 됩니다.

UI 디자인 원칙은 사용자 인터페이스를 디자인할 때 따라야 할 지침입니다. 이러한 원칙은 사용자에게 일관되고 직관적인 경험을 보장하고 인터페이스를 사용하기 쉽게 만드는 데 도움이 됩니다.

이 기사에서는 일관성, 가시성, 피드백 및 단순성과 같은 가장 중요한 UI 디자인 원칙에 대해 설명합니다. 또한 이러한 원칙을 다양한 사용 사례에 적용하여 효과적인 사용자 인터페이스를 만드는 방법을 살펴보겠습니다.

접근성

Siri 및 Alexa와 같은 음성 비서는 시각 장애가 있는 개인에게 특히 유용합니다.

액세스 가능한 사용자 인터페이스를 설계한다는 것은 장애가 있는 사용자가 사용할 수 있도록 만드는 것을 의미합니다. 접근성을 염두에 두고 설계하면 시각, 청각 또는 운동 장애가 있는 사람뿐만 아니라 인지 또는 신경계 질환이 있는 사람도 고려됩니다. 예를 들어 디자이너는 색상 대비, 더 큰 글꼴 크기 및 그림에 대한 대체 텍스트를 사용하여 인터페이스에 더 쉽게 액세스할 수 있습니다.

전 세계적으로 10억 명이 넘는 장애인이 있기 때문에 접근성은 사용자 인터페이스를 디자인할 때 고려해야 할 중요한 요소입니다. 예를 들어 VoiceOver 기능을 사용하면 시각 장애가 있는 사용자가 음성 설명을 사용하여 제품을 탐색할 수 있습니다.

정렬

모든 입력 필드가 정렬되어 정보를 더 쉽게 처리할 수 있습니다.

조화와 질서를 만들기 위해 화면에서 항목을 시각적으로 배열하는 것을 정렬이라고 합니다. 인터페이스의 미적 매력은 적절한 정렬을 통해 증가할 수 있으므로 사용자가 더 쉽게 인터페이스를 탐색할 수 있습니다. 그리드에 텍스트를 정렬하거나 항목 사이에 일정한 간격을 적용하는 것과 같은 기술을 활용하여 인터페이스를 더 정돈하고 체계화할 수 있습니다. 연구에 따르면 완벽한 정렬은 이탈률을 낮추고 사용자 참여를 높일 수 있습니다.

일관성

명확하게 보이도록 카드의 일관성을 관찰하세요.

인터페이스 전체에서 동일한 디자인 패턴과 요소를 사용하는 것을 UI 디자인의 일관성이라고 합니다. 일관성은 친숙함을 촉진하고 사람들이 인터페이스를 활용하는 방법을 더 쉽게 이해할 수 있도록 합니다. 버튼 위치, 타이포그래피 및 색 구성표가 모두 일관되면 사용자는 인터페이스 사용을 더 편하게 느낄 수 있습니다.

차이

텍스트와 배경 사이의 높은 대비를 확인하여 읽기 쉽게 만듭니다.

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

2️⃣ 좋은 UX 라이팅의 14가지 실용적인 예

콘텐츠는 소비자가 경험하는 방식만큼만 좋습니다. 독자를 참여시키고 흥분시키고 설득하려면 글을 잘 쓸 뿐만 아니라 영리하게 써야 합니다.

귀하의 글쓰기와 독자의 경험을 모두 개선할 수 있도록 14가지 유용한 UX 글쓰기 예제를 준비했습니다. 초보 작가이든 숙련된 작가이든 작업에 이러한 요령을 적용하는 것은 항상 도움이 됩니다. 우리와 함께 있으면 모든 것을 설명하기 위해 최선을 다할 것입니다.

UX 라이팅이란?

UX 디자인은 사용자가 웹 사이트를 탐색하는 데 도움이 되는 반면, 영리한 UX 작성은 사용자에게 무엇을 해야 하는지 설명합니다. 핵심은 사용자가 인터페이스와 상호 작용하도록 도와주는 읽기 쉽고 설득력 있는 텍스트를 작성하여 본질적으로 사용자가 행동하도록 만드는 것입니다.

여기에는 버튼, 메뉴, 도구 설명, 오류 메시지 등의 텍스트가 포함됩니다. 이러한 작은 텍스트 조각을 마이크로카피라고 합니다.

웹 콘텐츠 제작이 사용자 지향적인 경우 주요 목표는 웹 사이트가 제공하는 내용을 명확하고 간결하게 전달하여 사용자에게 관련 정보를 제공하는 것입니다. 대부분의 웹사이트 소유자는 웹 콘텐츠가 주로 검색 엔진에서 페이지 순위를 높이는 데 사용되어야 한다고 생각합니다.

그러나 적절한 콘텐츠 개선은 웹 사이트의 순위뿐만 아니라 전체 사용자 경험을 향상시킬 수 있습니다. "사용자 경험"이란 프로덕트나서비스와 상호작용하는 동안과 이후에 사용자의 감정과 느낌을 이해해야 합니다. 즉, 사용자가 브랜드 또는 회사와 가질 수 있는 모든 상호 작용의 결과입니다.

이를 염두에 두고 작성된 내용은 브랜드 이미지 & 회사의 비전과 일치해야 합니다. 사용자에게 즐거운 경험이라면 회사, 프로덕트 또는 커뮤니티와 더 연결되어 있다고 느낄 것입니다.

그리고 현실을 직시합시다. 이것은 고객 충성도를 개발하는 데 중요한 단계입니다. 그렇기 때문에 사용자의 전반적인 경험을 향상시키는 방식으로 작성하는 것이 매우 중요합니다.

사람들은 온라인에서 어떻게 읽나요?

쓰기 요령에 대해 더 깊이 파고들기 전에 먼저 미래 콘텐츠의 소비자가 실제로 그것을 어떻게 읽을지 이해하려고 노력합시다. 이것은 일부 사람들에게는 놀라운 일이 될 수 있지만 실제로 대부분의 사람들은 관련 정보를 찾기 위해 페이지를 빠르게 스캔합니다.

방문자가 읽고 있는 텍스트가 자신의 필요를 충족하는지 아니면 단순히 시간을 낭비하는지 판단하는 중요한 단계이기 때문입니다. 중요한 것은 이 프로세스가 약 4초 밖에 걸리지 않아 오류의 여지가 거의 없다는 것입니다.

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

3️⃣ 리디자인 Tesla — 사용자 중심 디자인이 게임을 바꾸는 방법

개요

Youtuber와 UX 디자이너 vaexperience가 조직한 흥미진진한 UX 챌린지에서 참가자들은 2018 Tesla Model S의 터치스크린 상호 작용을 개선하는 임무를 받았습니다. 챌린지는 Kevin이라는 사용자와 관련된 하나의 특정 사례를 중심으로 이루어졌기 때문에 위험이 컸습니다.

열렬한 음악 팬인 Kevin은 한 뮤직 스테이션에서 다른 뮤직 스테이션으로 전환하고 싶을 때 터널을 통과하는 자신을 발견했습니다. 그러나 터치스크린 인터페이스는 주의를 산만하게 하는 것으로 판명되었고 Kevin은 그의 차에 거의 충돌할 뻔했습니다. 눈 깜짝할 사이에 그의 초점은 도로에서 화면으로 옮겨갔고 그와 그의 차는 위험에 처했습니다.

운 좋게도 Kevin은 차 측면의 긁힌 자국을 제외하고는 다 치지 않은 상태로 나타났습니다. 그러나 이 사건은 Model S의 터치 스크린 디자인에 중요한 문제를 강조했습니다. 그래서 케빈과 같은 사고가 다시 발생하지 않도록 더 안전하고 직관적인 터치스크린 인터페이스를 만드는 UX 과제가 탄생했습니다.

이 리디자인의 이유는 무엇입니까?

산만한 운전의 위험은 너무나 현실적이며 가장 교활한 산만함 중 하나는 문자 메시지입니다. 문자를 보내거나 읽는 데 평균 5초가 걸리며, 이 시간 동안 시속 55마일로 달리는 차량은 운전대를 잡고 있는 사람이 없을 때 축구장 길이를 커버할 것입니다. 하지만 문자 메시지만이 문제가 아닙니다. 운전 중에 전화나 인포테인먼트 시스템을 사용하는 것도 마찬가지로 위험할 수 있습니다.

오늘날의 최신 자동차에서 터치스크린은 아날로그 인포테인먼트 시스템을 대체하여 차량을 본질적으로 바퀴가 달린 스마트폰으로 바꿉니다. 2018 Tesla Model S는 자동차 시스템의 모든 측면을 제어하는 거대한 17인치 인포테인먼트 디스플레이를 자랑하면서 이러한 추세를 극단으로 끌어 올렸습니다. iPhone 13보다 2.8배 더 크며 운전자의 상당한 주의가 필요합니다. 많은 정보와 기능을 손쉽게 이용할 수 있으므로 운전자는 터치스크린이 위험한 방해 요소가 되지 않도록 주의해야 합니다.

인터페이스 분석

사용자 리서치를 시작하기 전에 인포테인먼트 시스템에 대한 철저한 분석을 수행했습니다. 제 목표는 시스템의 전반적인 아키텍처, 탐색 및 기능을 이해하는 것이었습니다.

더 깊이 파고들면서 사용성 문제와 고충에 관한 몇 가지 사항을 알아차리기 시작했습니다. 나는 그것들을 묵살하기보다는 사용자 연구를 통해 그것들을 검증하기로 결심하고 각각을 기록했습니다.

결국 시스템의 강점과 약점을 이해하는 것은 더 나은 사용자 중심 디자인을 만드는 데 중요합니다. 그래서 분석에서 얻은 통찰력으로 무장하고 프로젝트의 다음 단계인 리디자인을 알리기 위한 사용자 피드백 수집에 착수했습니다.

사용자 조사

내 지역에 Tesla 소유자가 거의 없었기 때문에 직접 사용자 조사를 수행하는 것은 불가능했습니다. 단념하지 않고 저는 온라인 포럼, 리뷰 섹션, Reddit 및 YouTube와 같은 소셜 미디어 플랫폼으로 눈을 돌려 전 세계 Tesla 소유자로부터 통찰력을 얻기 위해 샅샅이 뒤졌습니다.

이 온라인 조사를 통해 운전 중 인포테인먼트 시스템을 사용하는 사용자 경험에 대해 더 잘 이해하게 되었습니다. 보다 사용자 친화적인 디자인을 만드는 것을 목표로 그들의 피드백을 듣고, 그들의 우려 사항에 주목하고, 그들의 문제점을 분석했습니다.

이 풍부한 정보에서 사용자가 직면한 가장 일반적인 문제점을 추출하여 프로젝트의 다음 단계에 대한 명확한 초점을 제공했습니다. 이러한 통찰력으로 무장한 저는 사용자의 요구와 불만을 최우선으로 생각하고 Tesla Model S의 인포테인먼트 시스템을 리디자인하는 과제를 해결할 준비가 되었습니다.

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

🎄from.designer 

🗓️ 행사 일정 & UXUI 자료 

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

💭 단톡방 가입문의  (1,900명)

🎥 유튜브 UXUI 공개 영상  

🔖 이메일 

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