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

🔖 2024년 4월 4주 TOP3

1️⃣ 뉴로 디자인 - 감정을 디자인에 녹여내는 단계별 가이드

2️⃣ 스타트업 MVP - 경쟁력있는 프로덕트 만들기

3️⃣ UI 디자이너가 Flexbox와 CSS Grid를 이해해야 하는 이유

1️⃣ 뉴로 디자인 - 감정을 디자인에 녹여내는 단계별 가이드

제가 처음으로 할머니와 함께 런던의 애플 스토어에 들어섰을 때, 저를 감싸는 특별한 분위기가 있었습니다. 내 눈길을 사로잡은 것은 단순히 미니멀한 티크 목재 테이블이나 세련된 맥북들 때문만이 아니었습니다 — 공기 중에 무언가 있었습니다.

제 상상일까요? 아니었습니다.

애플 스토어는 자극을 세심하게 조정합니다. 은은한 향 — 편안함을 느낄 수 있도록 설계되었습니다. 혁신적입니다. 미래 지향적인 것의 일부입니다. 많은 상징적인 브랜드와 마찬가지로, 애플은 올바른 감정을 불러일으키는 것이 얼마나 큰 영향을 미치는지 잘 알고 있습니다. 그것은 감정을 자극하고 브랜드와의 연결을 심화시키도록 만들어진 감각적 경험입니다.

디자인은 의도를 표현하는 것입니다. — Jared Spool

모든 매장, 모든 제품, 모든 경험은 의도적으로 특정 감정을 불러일으킬 수 있습니다. 여러분의 임무 중 일부는 사용자의 경험에 녹여넣고자 하는 감정적 층을 정의하는 것입니다.

이 가이드가 도움이 될 것입니다.

1단계: 감정 바퀴를 연구하기

감정 바퀴는 기본적인 감정부터 더 복잡한 상태에 이르기까지 인간의 감정 스펙트럼을 설명하는 시각적 도구입니다. 이것은 여러분이 불러일으키고 싶은 구체적인 감정을 정의하고 정확히 찾아내는 데 도움이 될 것입니다.

. .

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

2️⃣ 스타트업 MVP - 경쟁력있는 프로덕트 만들기

많은 창업자들이 알고 있듯이, MVP가 오늘날의 프로덕트가 구축되는 현실을 반영하지 않습니다.

가치있는 것을 만들어내는 것은 더 이상 가능한 빨리 새로운 아이디어를 검증하는 게 아닙니다. 오늘날의 MVP는 현재 존재하는것보다 더 나은 버전을 만드는 것입니다. 우리 대부분은 새로운 시장을 만들지 않습니다. 그보다는 기존 카테고리를 개선할 기회를 찾습니다. 기존 시장에서 경쟁할 수 있게 초기 아이디어를 반복하며 개선하는 것에 도움이 되는 MVP 개념이 필요합니다.

자회사 서비스인 Linear의 MVP를 구축하기 시작했을 때, 우리는 사용자와 많은 대화를 나누고, 타깃을 좁히고, 우리가 만들고 있는 것을 테스트했습니다. 그리고 이것은 우리 프로덕트(그리고 일반적으로 위대한 프로덕트를 만드는 것)에 대한 몇 가지 중요한 교훈을 가르쳐주었습니다.

이 글에서는 오늘날 시장에서 프로덕트를 만들기위해 새롭게 개선된 MVP의 개념을 필요로 하는 이유, 프로덕트 누구를타깃을 좁히는 것의 중요성, 전략적 웨이트리스트 사용의힘, 그리고 초기에 마켓핏을 찾을 때 볼 수 있는 몇 가지 지표에 대해 논의하겠습니다.

MVP는 순간이 아닌, 여정이다

MVP를 빠르고 저렴하게 제작하여 프로덕트를 검증하는 방식은 더 이상 효과가 없습니다. 많은 프로덕트의 카테고리가 다양한 대안들로 이미 포화 상태이며, 새로운 아이디어의 실행 가능성을 진정으로 테스트하려면 훨씬 더 나은 것을 만들어야 합니다.

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

3️⃣ UI 디자이너가 Flexbox와 CSS Grid를 이해해야 하는 이유

아니면 이제 견고한 칼럼 그리드 레이아웃과 안녕입니다.

대부분의 디자이너는 모든 화면 크기를 포괄하는 고정 브레이크 포인트가 있는 칼럼 기반 레이아웃 접근 방식인 반응형 디자인에 익숙합니다. 그러나 현대적인 CSS 레이아웃을 사용하면 경직된 구조를 뛰어넘어 다양한 화면 크기에 원활하게 조정되는 유연하고 역동적인 디자인을 만들 수 있습니다.

레이아웃, 특히 그리드를 논의할 때 디자이너와 개발자가 서로 다른 멘탈 모델을 갖고 있기 때문에 협업 시 많은 오해가 발생합니다.

이 글은 완벽한 핸드오프에 관한 것이 아니라(아직도 그런 일이 존재해야 하는지 의심스럽습니다) 대화와 협업을 위한 공통점을 찾기 위해 서로의 도구와 한계를 이해하는 것에 관한 것입니다.

저는 여러분에게 다음 사항에 대해 조금 말씀드리고 싶습니다.

프레임워크를 사용한 전통적인 칼럼 기반 디자인

먼저 우리가 어디에서 왔는지 이해합시다. UI 디자이너라면 요소를 배치하는 칼럼, 거터 및 마진으로 구성된 고전적인 칼럼 그리드 설정에 더 익숙할 것입니다. 이 그리드는 디자인의 기초 역할을 하며 구조화된 프레임워크를 제공합니다.

클래식 그리드 레이아웃의 브레이크 포인트 이해

반응형 디자인에 대한 이러한 접근 방식의 핵심은 브레이크 포인트에 있습니다. 브레이크 포인트는 CSS 미디어 쿼리에 의해 정의되고 다양한 화면 크기에 맞게 레이아웃을 조정하는 데 중요합니다. 웹 사이트의 구조는 미리 정의된 지점에서 동적으로 조정됩니다. 즉, 가독성을 높이기 위해 요소가 재정렬되거나, 간단한 탐색 메뉴가 확장되거나, 텍스트 크기가 변경될 수 있습니다. 이러한 유연성 덕분에 디자인은 여러 장치에 걸쳐 기능적이며 미학적으로 만족스러운 상태로 유지됩니다.

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

🎄from.designer 

🗓️ 행사 일정 & UXUI 자료 

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

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

🎥 유튜브 UXUI 공개 영상  

🔖 이메일 

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