read: fail

이 기사는 시각 장애인을 위해 이미지를 음성으로 설명할 수 있는 앱을 만드는 방법에 대해 설명합니다. 시각 언어 모델(VLM)과 음성 변환 기술(TTS)을 활용하여, 이미지를 텍스트로 변환하고 이를 자연스러운 음성으로 출력하는 과정을 다룹니다. 또한, BLIP VLM과 VITS TTS 모델을 사용한 데모 앱 구축 과정을 소개하며, 이는 접근성 향상에 유용할 수 있습니다.

WCAG 2.2 버전에서는 대화형, 비인라인 요소의 최소 크기를 24x24 픽셀로 규정하고 있습니다. 이는 이전 버전과 비교하여 새로운 요구사항입니다. 또한, 인라인 대화형 요소는 이 규정에서 제외됩니다. 사용자의 다양한 입력 방식을 고려하여 포괄적인 사용자 경험을 제공하는 것이 권장됩니다.

Penpot은 오픈 소스 디자인 도구로, 디자이너와 개발자 간의 협업을 혁신적으로 변화시키고 있습니다. 이 도구는 컴포넌트를 재사용 가능하게 만들고, 변형을 생성하며, 외부 컴포넌트를 가져오는 기능을 제공하여 디자인과 코드 간의 간극을 좁힙니다.

이 기사는 대화형 검색의 세 가지 핵심 단계와 각 단계에서 AI 에이전트가 사용자 경험을 어떻게 향상시킬 수 있는지에 대해 설명합니다. 사용자의 질문을 명확히 하는 데 도움을 주고, 정보 탐색을 용이하게 하며, 새로운 통찰력에 따라 질문을 재구성할 때 AI가 어떻게 적응하는지에 대한 전략이 포함되어 있습니다.

이 기사는 현재의 전자상거래 디자인이 과도한 소비를 유도하고 있다고 지적하며, 디자이너들이 더 의식적이고 지속 가능한 쇼핑 경험을 제공하도록 전환할 방법을 제안합니다. '친절한 상거래' 접근 방식을 통해 사용자가 신중하게 구매를 고려할 수 있도록 체크아웃 과정에 마찰을 추가하고, 제품의 사회적, 환경적 영향에 대한 투명한 정보를 제공하는 것이 포함됩니다.

고객 여정 지도는 전체 팀이 사용자 경험을 시각화하는 데 효과적입니다. AirBnB와 Spotify 같은 회사의 예시를 통해 정책, 고객 서비스, 모바일/데스크톱 화면, 문제점 등을 어떻게 매핑하는지 보여줍니다. 또한, Figma와 Miro에서 사용할 수 있는 무료 템플릿 링크도 제공하며, '스마트 인터페이스 디자인 패턴' 비디오 코스도 소개합니다.

전 세계 예술가들이 창조한 2024년 7월을 담은 바탕화면 컬렉션을 소개합니다. 달력이 있는 버전과 없는 버전 모두 제공되며, 스매싱 매거진의 7월 인기 아카이브도 함께 즐길 수 있습니다. 창의적 자유를 바탕으로 제작된 이 작품들은 각자의 감정과 경험을 표현합니다. 독자들도 자신의 작품을 제출해 특집 기회를 얻을 수 있습니다.

제품과 사용자 간의 대화처럼 인터페이스 복사본을 다루고, 개인 데이터나 금융과 같은 민감한 주제에 대해 투명하고 명확하게 표현하세요. 또한, 버튼 레이블은 다음 단계를 정확히 반영해야 하며, 사용자가 특정 행동을 왜 해야 하는지 설명하여 신뢰를 구축해야 합니다. 이 글은 비전문가도 쉽게 따라할 수 있는 유용한 체크리스트를 제공합니다.

접근성을 강화하기 위해 이해당사자들을 설득하는 것은 종종 어려움을 겪습니다. 이를 위해, 저자는 접근성을 시각화하고 제품과 고객의 특정 요구에 맞추어 설명하는 방법을 제안합니다. 또한, 접근성이 비즈니스 가치가 없다는 등의 흔한 이의에 대응할 수 있는 여러 템플릿을 제공합니다.

웹사이트나 앱을 런칭한 후에는 지속적인 모니터링과 개선이 필요합니다. 실제 사용자의 반응을 보고 문제를 진단하며, Google Analytics와 같은 도구를 사용해 개선점을 찾아야 합니다. 또한, A/B 테스팅을 통해 솔루션을 테스트하고, 문제를 해결한 후에는 다음 문제로 넘어가는 반복적인 과정이 중요합니다.

웹이 글쓰기를 더 상호작용적이고 동적으로 만들면서, MDX는 마크다운을 확장하여 멀티미디어와 사용자 상호작용을 지원합니다. 이를 통해 작가들은 단순히 글을 넘어서 이미지, 데이터 시각화, 인터랙티브 요소를 통해 아이디어를 전달할 수 있게 됩니다. MDX는 글쓰기의 새로운 차원을 열어줍니다.

이 기사에서는 PWA(진보적 웹 앱) 의 기능을 강화할 수 있는 네 가지 덜 알려진 자바스크립트 API를 소개합니다. 스크린 방향, 기기 방향, 진동, 연락처 선택 API 등이 있으며, 이들은 웹 앱이 네이티브 앱처럼 더욱 풍부한 경험을 제공할 수 있게 돕습니다. 하지만, 브라우저 지원이 완벽하지 않아 개발자는 사용 전 주의가 필요합니다.

디자이너 채용 시, 'T-형' 디자이너는 한 분야의 전문가로서 인접 분야에 대한 폭넓은 이해를 갖추어야 한다고 강조합니다. 반면, 'V-형' 디자이너는 경계를 넘나들며 혁신을 이끌 수 있는 가치를 지니고 있습니다. 이 글은 고용주와 구직자 모두가 디자인 역할에 있어 유연하고 개방적인 태도를 가져야 한다고 조언하며, V-형 디자이너가 세우는 새로운 연결고리의 중요성을 강조합니다.

디자이너를 위한 이메일 뉴스레터는 다양한 디자인 주제에 대한 통찰력, 영감, 자원을 제공합니다. 디자인 & 프론트엔드, UX, UX 글쓰기 & 콘텐츠 전략, 사용자 연구, 상호작용 디자인, 디자인 시스템 & 피그마, 정보 구조, 제품 디자인, 윤리적 디자인 & 지속 가능성, AI, 비즈니스, 경력 & 리더십 등의 주제를 다룹니다.

2페이지 로그인 패턴은 사용자가 이메일을 먼저 입력하고 비밀번호를 입력하도록 유도하는 점점 흔해지는 방식입니다. 이 방식은 SSO 인증을 위해 사용되지만, 비SSO 사용자에게는 불편을 줄 수 있습니다. 대안으로, 이메일과 비밀번호를 한 페이지에서 입력받고 SSO 활성화 여부를 자동 감지하여 사용자 경험을 개선하는 방안이 제시됩니다.

CSS 컨테이너 쿼리는 개발자들이 뷰포트 크기가 아닌 요소의 컨테이너 크기나 스타일에 따라 스타일을 적용할 수 있게 해줍니다. 특히, 새로운 스타일 쿼리는 CSS를 더욱 모듈화하고 유지보수하기 쉽게 만들어주지만, 일부는 불필요한 복잡성을 추가한다고 주장합니다.

향기는 우리의 기분, 행동, 그리고 기억에 강력한 영향을 미칩니다. 브랜드들은 독특한 정체성을 만들기 위해 향기를 사용하며, 가상 현실 게임이나 교육 분야에서도 후각의 활용이 탐구되고 있습니다. 기술이 발전함에 따라, 디지털 경험에 향기를 통합할 가능성이 커지고 있어, 이는 후각 디자인의 미개척 영역을 탐색하는 흥미로운 주제입니다.

구글 라이트하우스는 웹 페이지의 성능, 접근성, SEO, 최적의 관행을 평가하는 효과적인 도구입니다. 하지만, 실제 사용자 데이터가 중요하며, 라이트하우스 점수를 '해킹'하는 방법도 있지만, 이는 반드시 좋은 사용자 경험을 의미하지는 않습니다. 실제 사용자 경험에 초점을 맞추는 것이 웹 성능을 향상시키는 최선의 방법입니다.

CSS는 컨테이너 쿼리, 캐스케이드 레이어, CSS 중첩, :has 선택자, 그리드와 서브그리드, 새로운 색상 공간 등 새로운 기능들로 더욱 강력해졌습니다. 이 글에서는 CSS의 우선 순위와 특정성을 설명하고, CSS 변수를 이용한 해결책, hanging-punctuation 속성의 부작용 해결 방법 등을 다룹니다. 또한, CSS 기술을 향상시킬 수 있는 Smashing 이벤트와 워크숍 정보도 제공합니다.

UX 연구 결과와 디자인 개념을 이해관계자에게 효과적으로 전달하는 것은 UX 실무자가 실제 영향을 미치는 데 중요합니다. 호블랜드-예일 모델은 설득적 커뮤니케이션을 이해하는 데 도움을 주며, 소스, 메시지, 그리고 청중의 세 가지 독립 변수에 중점을 둡니다. 이 글은 UX 실무자들이 설득력 있게 연구와 디자인을 제시할 수 있는 구체적인 방법과 팁을 제공합니다.