이 글은 Aimee Liang의 "How to make Glassmorphism more accessible"을 번역한 글입니다. 원문 보기: https://bootcamp.uxdesign.cc/how-to-make-glassmorphism-more-accessible-9121d816004c 2021년의 디자인 트렌드, 글래스모피즘은 인클루시브한가? 접근성이 높은가? - 인클루시브(inclusive)란 배제하는 사용자 없이 모두가 두루 잘 쓸 수 있는 것을 의미합니다. - 접근성 역시 모든 사용자가 잘 쓸 수 있는 특성을 의미합니다. 새 프로젝트를 위해 CSS 기술을 확장하고 HTML과 CSS를 사용하여 웹앱의 랜딩페이지를 만들기로 결정했습니다. 저는 글래스모피즘을 활용하고 싶었습니다. 글래스모피즘(Gl..

이 글은 Michal Malewicz의 를 번역한 글입니다. 원문: https://uxdesign.cc/accessibility-vs-design-trends-aeb24a45ef4 2019년 말, Neumorphism 아티클을 작성한 적이 있는데, 당시 50만 명이 넘는 독자 반으로 나뉘어 논쟁을 했습니다. 현재의 디자인 트렌드가 점차 지루해짐에 따라 절반은 새로운 스큐어모피즘(New Skeuomorphism)이라는 아이디어를 좋아했습니다. 그들은 그것을 탐구하고 그것이 어떻게 사용될 수 있는지 보기를 원했습니다. 그러나 더 크고 공격적인 그룹은 접근성(Accessibility) 옹호자들이었습니다. 그들의 관심사는 뉴모피즘은 접근성이 좋지 못하다는 점이었습니다. 그분들은 접근성에 대해 수많은 블로그 게시..

이 글은 SEJ의 Website Accessibility & the Law: Why Your Website Must Be Compliant를 번역한 글입니다. 출처: https://www.searchenginejournal.com/website-accessibility-law/285199/#close 인클루시브(표용력 있는) 디자인과 및 웹 사이트 접근성을 위한 디자인은 규정 준수 목적 외에도 올바른 비즈니스를 위한 결정입니다. 여기에서 이유를 알아보세요. 웹사이트 접근성에 대해 명확하지 않은 법률 환경은 기업과 법원이 접근 가능한 웹 비즈니스가 무엇이며 이를 준수하도록 만드는 방법을 이해하는 데에 혼란을 야기합니다. 미국에서는 일부 순회 법원 판사의 반발로 디지털 접근성 소송이 계속 증가하고 있습니다...

이 글은 UX Planet에 게시된 Edward Chechique의 Figma Slot Components: why and how to use them를 번역한 글입니다. 링크: https://uxplanet.org/figma-slot-components-why-and-how-to-use-them-c06edd529ca Figma에서 슬롯 구성 요소를 사용하는 것은 많은 디자이너가 채택하기 시작한 기술입니다. 다음은 작동 방식과 Figma에서 UI KIT를 빌드할 때 사용할 가치가 있는 이유입니다. Figma UI 키트를 구축하면서 일부 구성 요소에는 다른 구성 요소보다 더 많은 유연성이 필요하다는 것을 알게 될 것입니다. Figma는 훌륭한 디자인 도구이며 오늘날 변형 및 구성 요소 인스턴스를 사용할 수..

이 글은 Pencile & Page의 UX Pattern Analysis: Enterprise Filtering를 번역한 글입니다. Written By: Fanny Vassilatos & Ceara Crawshaw 링크: https://pencilandpaper.io/articles/ux-pattern-analysis-enterprise-filtering/ E커머스를 넘어서.. 대부분의 애플리케이션에서 필터링이 필요한 이유는 데이터가 복잡하고 종종 사용자가 생성하기 때문입니다. 우리는 일반적으로 긴 프로젝트 제목, 예측할 수 없는 사용자 정의 필드, 복잡하고 부가적인 변수 등을 다루고 있습니다. 필터는 언제 사용됩니까? 필터는 동일한 요소를 많이 찾을 수 있는 모든 화면과 관련이 있습니다. 이는 데이터 ..

"https://www.nngroup.com/articles/modal-nonmodal-dialog/"를 번역한 글입니다 요약 모달 대화 상자는 사용자를 방해하고 액션을 요구합니다. 중요한 정보에 집중해야 할 때 적절합니다. 모달과 논모달 차이점을 더 잘 이해하기 위해 "대화 상자(dialog)"와 "모달(modal)"이라는 용어의 의미를 살펴보겠습니다. 대화 상자(dialog)는 두 사람 간의 대화를 말합니다. UI에서 대화 상자는 시스템과 사용자 간의 "대화"이며, 종종 사용자에게 정보나 작업을 요청합니다. 모드는 동일한 시스템에 약간 다른 사용자 인터페이스가 있는 특수한 상태입니다. 각 모드에는 다른 명령이 있을 수 있으며 동일한 명령(또는 작업)이 시스템 모드에 따라 다른 결과를 생성할 수 있습니..