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

🔖 2024년 7월 4주 TOP3

1️⃣ 더 나은 알림 디자인

2️⃣ FAANG UX 사례 연구

3️⃣ 디자인 시스템 vs. 스타일 가이드 vs. UI 키트

1️⃣ 더 나은 알림 디자인

일상적인 것부터 중요한 일까지, 우리는 우리의 주의와 행동을 방해하고 경보를 울리며 우리의 방향을 바꾸게 하는 알림에 시달립니다.

디지털 세계의 알림은 사소한 것처럼 보일 수 있지만, 그것들은 큰 주의와 책임감을 가지고 제작되어야 합니다. 이 글은 더 나은 사용자 인터페이스 알림을 디자인하는 방법에 중점을 두고 있습니다.

알림 유형: 정보 알림 (Informational alerts)

정보 알림은 사용자에게 정보에 대한 수동적인 호출을 제공합니다. 이 유형의 알림은 페이지 콘텐츠 내에 있을 수도 있고 z-index 계층 구조의 맨 위에 표시될 수도 있습니다. 정보 알림은 일반적으로 모달에 포함되지 않아야 합니다. 이는 수동적인 호출에 방해가 되기 때문입니다. 정보 알림에는 일반적으로 알림을 닫는 기능을 제외하고는 액션 버튼이 포함되지 않습니다.

알림 유형: 토스트 (Toasts)

토스트는 작업에 대한 응답으로 중요하지 않은 메시지와 함께 화면 하단에서 팝업되는 알림입니다. 토스트는 몇 초 후에 사라져야하며 사용자의 현재 작업을 방해해서는 안 됩니다. 토스트는 종종 방금 한 작업을 되돌리거나 방금 발생한 작업을 사용자에게 알리는 기능을 제공합니다. 토스트에는 반드시 조치를 취해야 하는 중요한 오류 메시지나 항목이 포함되어서는 안 됩니다.

알림 유형: 알림 (Notifications)

알림은 보통 다른 사용자의 행동(예: 게시물에 댓글 작성)이나 시스템에서 생성된 이벤트에 의해 활성화됩니다. 토스트와는 달리, 알림은 일시적이지 않으며 일반적으로 알림 메뉴에 저장됩니다. 그러나 토스트와 마찬가지로 알림은 사용자의 현재 작업을 방해해서는 안 됩니다.

알림 유형: 확인 (Confirmations)

확인은 사용자에게 작업을 확인하도록 요청합니다. 확인은 파괴적인 작업(예: 항목이 포함된 폴더 삭제)이나 결과적인 생성 작업(예: 글 게시)에 사용됩니다. 확인은 일반적으로 모달 형태로 제시되며, 결정이 내려질 때까지 다른 사용자 상호작용을 방지합니다. 확인은 작업의 결과를 명시해야 합니다.

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

2️⃣ FAANG UX 사례 연구

디자이너, 사례 연구는 지루할 필요가 없습니다. 문제를 해결하기 위해 여행을 떠나는 이야기로 바꿔보세요. 당신의 기술과 열정을 보여주기 위해 그것을 사용하십시오! 인상을 남기세요!

7년 전, 쌍둥이 여동생인 유난(Yunan)과 저는 대학 마지막 학년을 마무리하고 있었습니다. 대학 졸업 후 우리의 꿈의 직업은 에어비앤비 베이징 사무실에서 일하는 것이었습니다! 그러나 우리는 좋은 UX 사례 연구나 인턴십 경험이 없었습니다. 우리가 가진 것은 최근에 마친 UX 부트캠프에서 나온 몇 가지 일반적이고 평범한 사례 연구뿐이었습니다.

꿈의 직업을 갖기로 결심한 우리는 겨울 방학 중 4주 동안 중국 여행자를 위한 에어비앤비 개인 프로젝트를 진행했습니다! 우리는 에어비앤비 채용 담당자 에게 우리가 그 일을 할 수 있다는 것을 보여주는 것 보다 더 나은 방법이 없을 것이라고 생각했습니다 . 우리는 프로젝트 작업을 좋아했고 그 결과를 자랑스럽게 생각했습니다. 모든 노력 끝에 우리는 에어비앤비에서 꿈에 그리던 일자리를 얻었습니다! 아니... 농담이에요. 에어비앤비에서는 인터뷰를 한 번도 받은 적이 없어요. 하지만! 우리는 구글과 메타로부터 제안을 받았습니다(당시에는 페이스북이었습니다)!

지금까지 저희는 구글과 메타에서 6년 이상 근무했으며, New Grad 디자이너에서 숙련된 Staff Designer로 성장했으며, 200개 이상의 디자인 인터뷰를 수행했으며, 수백 개의 사례 연구를 수행했습니다.

우리는 디자이너들이 비슷한 실수를 저지르는 것을 종종 봅니다. 그들의 사례 연구는 삶과 열정이 부족하고 무뎌지는 것입니다.그들의 개선을 돕기 위해 우리는 에어비앤비 사례 연구를 예로 자주 사용합니다. 7년이 된 프로젝트임에도 불구하고 그 독특한 개성, 스토리텔링, 추진력은 오늘날의 취업 시장에서도 여전히 유효합니다.

이번 글 1부에서는 사례 연구를 공유하겠습니다. 2부에서는 사례 연구를 개선하는 데 도움이 되는 5가지 팁을 공유하겠습니다. 이 팁은 우리 자신의 포트폴리오뿐만 아니라 다른 디자이너들이 포트폴리오를 개선할 수 있도록 수년간 인터뷰하고 도움을 준 내용을 기반으로 합니다. 우리는 이러한 팁을 내재화하고 잘 적용하면 시간을 절약하고 더 나은 역할을 맡는 데 도움이 될 수 있다고 믿습니다!

다음은 귀하의 사례 연구를 향상시키기 위한 5가지 팁의 미리보기입니다.

그럼 시작해볼까요?

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

3️⃣ 디자인 시스템 vs 스타일 가이드 vs UI 키트

역동적인 디자인 세계를 탐색하면서 세 가지 주요 용어인 "디자인 시스템", "스타일 가이드" 및  "UI 키트"가 자주 주목을 받습니다. 이러한 용어는 동일한 디자인 앙상블의 일부처럼 들릴 수 있지만 각각은 고유한 특성을 가지며 프로덕트의 시각적, 기능적 측면에서 기여합니다. 이러한 개념들을 자세히 알아보고, 각각의 의미를 해독하고, 그들의 차이를 이해하기 위해 비교를 해보겠습니다.

역동적인 디자인 세계를 탐색하면서 세 가지 주요 용어인 "디자인 시스템", "스타일 가이드" 및  "UI 키트"가 자주 주목을 받습니다. 이러한 용어는 동일한 디자인 앙상블의 일부처럼 들릴 수 있지만 각각은 고유한 특성을 가지며 프로덕트의 시각적, 기능적 측면에서 기여합니다. 이러한 개념들을 자세히 알아보고, 각각의 의미를 해독하고, 그들의 차이를 이해하기 위해 비교를 해보겠습니다.
디자인 시스템이란 무엇인가요?

본질적으로 디자인 시스템은 시각적 및 기능적 조화의 수호자로 작용합니다. 프로덕트의 다양한 섹션 간에 매끄러운 통일성을 유도하여 신뢰감과 우아함을 불어넣습니다. 이 일관성에 대한 헌신은 단순히 심미적 선택이 아니라, 사용자 여정과 기억에 남는 기여를 하는 전략적 필수 요소입니다. 본질적으로, 디자인 시스템의 중요성은 프로덕트의 시각적 매력 뿐만 아니라 조직 내에서의 효율성, 협업, 적응력을 형성하는 능력에 있습니다.

디자인 시스템 구축: 실용적인 조언

여기 디자인 시스템에 포함되어야 할 몇 가지 실용적인 조언이 있습니다.

1. 디자인 토큰

2. 컴포넌트 라이브러리

3. 패턴

4. 원칙 및 지침

5. 접근성

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

🎄from.designer 

🗓️ 행사 일정 & UXUI 자료 

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

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

🎥 유튜브 UXUI 자료 영상  

🔖 이메일 

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