23’ 9월 4주 🔖 UXUI 해외 주간 아티클 TOP3

🔖 2023년 9월 4주 TOP3

1️⃣ 폼 (form) 디자인의 최상의 실천 방법

2️⃣ 디자인 포트폴리오를 고급으로 제작하는 10가지 팁

3️⃣ Spotify의 디자인 팀은 사용성을 놓쳤을까요?

1️⃣ 폼 (form) 디자인의 최상의 실천 방법

전환 및 사용자 경험 향상을 위한 7가지 팁

폼은 웹 및 앱 사용자에게 가장 중요한 상호작용 유형 중 하나입니다. 폼은 종종 사용자의 목표를 달성하는 여정의 마지막 단계로 간주됩니다. 폼은 단지 목적을 달성하기 위한 수단입니다. 마지막으로, 최근 연구에 따르면 사람들의 84%가 매주 적어도 한 개의 웹 폼을 작성한다고 합니다.

사용자는 빠르고 혼란 없이 폼을 작성할 수 있어야 합니다.

이 글에서는 사용성 테스트, 필드 테스트, 시선 추적 연구 및 불만스러운 사용자로부터 얻은 실제 불만사항으로부터 얻은 폼 디자인의 최상의 실천 방법을 찾아볼 수 있습니다. 이러한 기술은 올바르게 사용될 때 디자이너들이 더 빠르고 쉽고 생산적인 폼 경험을 제공할 수 있도록 합니다.

폼의 구성 요소

일반적인 폼은 다음 다섯 가지 구성 요소를 갖고 있습니다.

이 글에서는 구조, 입력 필드, 레이블, 동작 버튼 및 유효성 검사와 관련된 여러 가지 측면을 다룹니다.

폼의 내용

폼의 부분이 전문적으로 디자인되더라도, 폼의 내용은 사용자에게 도전이 될 수 있습니다. 누가 장황하고 상세한 폼을 작성하는 것을 좋아할까요?

사용자를 잃지 않는 긴 폼을 만들지 않도록하기 위해 핵심 작업에 집중하는 것이 중요합니다. 사용자를 디자인으로 방해하지 말고 대신 일부를 예측 가능하게 만드는 것이 중요합니다. 사용자의 선택을 가능한 한 제한하는 방법을 사용하여 이를 수행할 수 있습니다. 예를 들어, 드롭다운 또는 라디오 버튼과 같은 옵션을 제공함으로써 사용자에게 선택을 제한할 수 있습니다.

사용자가 기대하는 내용만 폼에 포함하세요. 추가 정보를 요청해야 하는 경우, 사용자에게 왜 이 추가 정보가 필요한지 설명해보세요. 마지막으로, 정말로 모든 것을 알아야 할 필요가 있을까요? 질문 프로토콜(Question Protocol)은 폼을 작성하는 조직의 모든 구성원이 읽어야 할 좋은 자료입니다. 마지막으로, 사용자의 개인정보를 고려하는 보다 접근 가능한 폼 및 웹사이트를 디자인해야 한다는 사실을 기억하세요.

. .

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

2️⃣ 디자인 포트폴리오를 고급으로 제작하는 10가지 팁

고용 담당자가 당신의 기술과 경험을 이해하기 쉽도록 작품을 전시하는 방법

디자이너를 채용하거나 직장에 지원한 경험이 있습니다. 그리고 많은 뛰어난 디자이너의 성취가 단순히 과정에서 사라진다는 사실을 알게 되었습니다. 이 기사에서 포트폴리오를 명확하고 매력적으로 최적화하는 방법을 공유하고 있습니다.

1. 사례 연구를 명확하게 분리하세요

대비와 유사성은 마치 쌍둥이 형제와 같습니다. 두 요소가 대비를 이루지 않으면, 그들은 유사합니다. 두 요소가 유사하면, 그들은 대비를 이루지 않습니다.

: 채용 담당자들은 포트폴리오를 읽지 않고 스캔합니다. 그래서 특히 여러 회사의 경험, 회사의 여러 디지털 제품 및 제품 내 각 기능을 전시하는 경우, 매우 명확한 내비게이션은 중요합니다.

디자이너의 경험 및 디자인 포트폴리오의 전형적인 구조는 다음과 같습니다 : 회사 → 도메인 또는 고객 페르소나 → 제품 또는 서비스 → 모듈 또는 기능 → 프로젝트 단계.

슬라이드 제목에만 의존하지 마세요.

이들은 포트폴리오를 스캔하는 동안 쉽게 놓칠 수 있습니다. 대신, 고대비 제목 스타일을 가진 분할 슬라이드를 삽입하여 독자에게 위치를 보여줍니다. 게다가, 분할 슬라이드에서 회사 산업에 관한 주요 사실이나 작업한 제품의 고수준 설명과 같은 유용한 컨텍스트를 제공할 수 있습니다.

그러나 웹에서는 회사 페이지, 그 안에 제품 페이지, 그리고 프로젝트 내에서 기능 페이지와 같은 중첩된 구조가 슬라이드 덱에서처럼 잘 작동하지 않을 수 있습니다. 이 경우에는 평면 구조를 유지하고 소개 섹션에 중요한 회사 및 제품 정보를 제공하는 것이 좋습니다.

동일 회사의 동일한 제품 내에서 완료된 경우 2~3개의 사례 연구가 동일한 소개를 가지고 있다면 문제가 되지 않습니다. 그러나 4개 이상의 관련된 사례 연구가 있는 경우, 아마도 몇 개를 결합하거나 가장 인상적인 몇 개만 남기는 것이 좋을 수 있습니다.

2. 결과물을 위해 이야기를 희생하지 마세요

: 최상의 시각 디자인은 사용자 인터뷰 없이 만들어졌을 수 있습니다. 중요한 프로젝트를 위한 워크샵을 진행했지만 해당 프로젝트가 디지털 제품으로 이어지지 않았을 수 있습니다. 자랑스러운 모바일 앱이지만 클라이언트가 런칭 후 분석 자료를 공유하지 않았을 수도 있습니다.

이런 상황이 익숙하게 들릴까요?

많은 경험이 좋은 포트폴리오를 보장하지는 않습니다. 다양한 도구와 방법을 시도하고 다양한 도메인과 역할에서 일했더라도 여전히 종합적인 프로젝트가 부족할 수 있습니다. 그 결과로, 특정 복잡성의 작업을 다룰 수 있다는 것을 증명하기 위해 모든 좋은 결과물을 포트폴리오에 펌핑하려는 경향이 생길 수 있습니다.

가치 있는 작업의 예시를 가진 결과 중심의 포트폴리오지만 이야기가 없습니다. 불행히도, 이는 당신을 한 분만 알게 된 채용 담당자에게는 어지럽고 명확하지 않게 보일 것입니다. 대신에 모든 최고의 작품을 포함하지 않더라도 이야기를 중심으로 집중해주세요. 더 필요한 정보가 있다면 언제든지 물어보세요!

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

3️⃣ Spotify의 디자인 팀은 사용성을 놓쳤을까요?

💡 Spotify의 리디자인 - 일반적인 형태에 적응하려는 노력과 기능을 잃어버림.

매주 또는 매년 포장된 것을 발견하기 위해 사람들은 Spotify에서 음악을 스트리밍하는 것을 좋아합니다. 매일 반복되는 수백만의 사용자들을 보유한 Spotify는 새로운 기능과 디자인을 정기적으로 소개함으로써 그들의 대상을 계속해서 참여시킵니다. 그러나 그들의 새로운 디자인은 이번에는 목표에 명중하지 못했습니다.

Spotify의 리디자인은 섞인 리뷰를 일으켰습니다. 새로운 변화에 흥분하는 사람들도 있지만, 다른 사람들은 "너무 화려하다"고 말했습니다. 그래서 Spotify의 디자인 팀은 사용성에 대한 접근을 흩뿌렸을까요? 살펴보겠습니다.
이 글에서는 다음과 같은 내용을 살펴보겠습니다:

새로운 디자인 개요

Spotify는 새 음악 발견 및 단편 시청을 돕기 위해 핵심 홈 페이지를 리디자인했습니다. 새로운 디자인은 이미지 중심적이며, 수직 스크롤 형식의 앨범 커버와 GIF를 특징으로 합니다. 이는 TikTok과 매우 유사한 형식입니다.

Spotify는 "단순히 음악 스트리밍 앱"이 아니라고 하려고 애쓰고 있으며, 새로운 디자인을 통해 이것이 분명히 나타납니다. 지난 몇 년 동안 그들은 팟캐스트, 오디오북, 라이브 오디오 등에 크게 투자해왔습니다. 회사는 제작자들을 위한 허브가 되려고 하며, 따라서 TikTok 피드를 크게 닮은 새로운 디자인이 등장했습니다.

이 모든 것을 함께 묶으면 Spotify와 같은 앱에 많은 내용을 넣는 것이 됩니다. 그들은 차분하고 탐색 가능한 디자인을 만들려는 것처럼 보이지만 동시에 새로운 기능으로 관객을 유인하려는 노력도 하고 있습니다. 그들은 사람들을 더 구별되고 더 유리한 콘텐츠로 이끌기 위한 겉보기에는 냉혹한 노력을 했으며, 이는 음악을 듣기 어렵게 만드는 결과를 가져옵니다.

앱을 열 때 상단에 앨범과 재생목록 커버를 볼 수 있습니다. 그리고 그 아래에서는 비디오 팟캐스트의 자동 재생 스니펫이나 Instagram과 같은 게시물을 찾을 수 있습니다. 또한 상단의 "음악"이나 "쇼 및 팟캐스트" 버튼을 클릭하면 TikTok 인터페이스와 유사한 페이지로 이동합니다. 이 페이지는 수직 스크롤 형식이며, 팟캐스트와 새 음악을 위한 비디오 트레일러가 포함되어 있습니다. 새로운 디자인은 피드에서 음악을 저장하고 공유하며 탐색하고 좋아할 수 있게 해줍니다.

새로운 디자인에서는 분명한 긴장이 있습니다. Spotify는 디자인을 더 조용하고 탐색 가능하게 만들고 싶어하지만 동시에 새로운 기능으로 관객을 유인하려는 노력도 합니다. 재생목록은 일반적으로 주요 발견 수단으로 사용되었지만, 새로운 디자인은 당신에게 새 음악을 소개하는 데 훨씬 더 큰 강조를 둡니다. 이는 특히 팟캐스트 산업에서 유용한데, 그곳에서 그들은 상당한 투자를 했습니다.

디자인의 긍정적인 요소

디자인은 팟캐스트와 같은 다른 형태의 오디오 콘텐츠에 더 많은 공간을 만들기 위해 고안되었으며, 이는 많은 개인 콘텐츠 크리에이터들이 그들의 콘텐츠를 피드에 특징 지어 더 많은 주목을 받을 수 있게 도와줄 것입니다.

디자인은 사용자에게 새 음악을 원활하게 소개하는 Spotify의 미션을 중심으로 하고 있습니다. 디자인은 사용자가 그 작품에 시간을 투자하기 전에 30초의 조각을 경험할 수 있도록 함으로써 이 기능을 실제로 더 나은 상태로 만듭니다.

디자인의 또 다른 새로운 요소는 Smart Shuffle 기능입니다. Spotify는 인공지능을 활용하여 기존 재생목록 사이에 새로운 및 유사한 노래를 추가하여 사용자에게 새 음악을 소개합니다. 이는 플레이리스트의 진정성을 유지하려는 사람들을 자극할 수 있지만, 여전히 개인 취향에 따라 새 음악을 찾는 더 쉬운 방법입니다.

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

🎄from.designer 

🗓️ 행사 일정 & UXUI 자료 

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

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

🎥 유튜브 UXUI 공개 영상  

🔖 이메일 

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