편물
전환하는 모바일용 리드 젠 랜딩 페이지 디자인
리드 캡처 페이지는 여러 면에서 기존 웹 페이지와 크게 다릅니다. 리드 생성 페이지를 모바일에 배치하면 이러한 차이가 확대되고 모바일에서 가능하다고 생각했던 것의 한계를 테스트할 수도 있습니다. 오늘은 이러한 차이점을 활용하여 리드 캡처 페이지가 모바일에서 얼마나 잘 전환되는지 개선하는 몇 가지 팁을 살펴보겠습니다.
더 읽어보기프라이버시 UX: 더 나은 알림 및 권한 요청
이 시리즈의 세 번째 기사에서는 쿠키 동의 프롬프트, 푸시 알림 및 타사 추적을 처리하는 방법에 대한 몇 가지 정중한 방법을 탐구합니다.
더 읽어보기리소스 힌트로 성능 최적화
사용자가 실제로 수행하기 전에 수행할 작업을 예측할 수 있을 때 많은 성능 최적화를 수행할 수 있습니다. 리소스 힌트는 웹 개발자가 브라우저가 사용자보다 한 발 앞서 있고 페이지를 빠르게 유지하도록 도울 수 있는 간단하지만 효과적인 방법입니다.
더 읽어보기사용자의 관점: 스토리 구조를 사용하여 사용자의 입장에 서기
스토리 구조는 우리가 웹사이트를 보는 렌즈가 될 수 있습니다. 그것은 우리가 사용자의 입장이 되어 사용자가 우리 웹사이트와 상호작용하는 위치와 방법을 이해하는 데 도움이 됩니다. 웹 전문가이자 사이트 소유자인 우리는 그들의 이야기에 등장하는 인물이며 우리가 그렇게 행동할 때입니다.
더 읽어보기대규모 설계: Figma와 함께 1년
대규모 팀, 기업 및 B2B를 위한 대규모 Figma 사용에 대한 실용적인 가이드. 효율성의 작은 개선이 디자인 팀의 효율성을 크게 높일 수 있습니다.
더 읽어보기월간 웹 개발 업데이트 4⁄2019: 디자인 윤리와 스타일보다 명확성
브라우저 뉴스에서 UI/UX 조언과 편리한 팁, 트릭 및 도구에 이르기까지 Anselm Hannemann은 일상적인 프론트 엔드 및 디자인 문제를 마스터하는 데 도움이 되는 최신 리소스를 요약했습니다.
더 읽어보기CSS 모양을 사용한 웹 아트 디렉션
작년에 Rachel Andrew는 "[Take A New Look At CSS Shapes](https://www.smashingmagazine.com/2018/09/css-shapes/)"에서 독자들에게 CSS Shapes 사용의 기본 사항을 다시 소개했습니다. 이 새로운 튜토리얼에서 Andy Clarke는 CSS Shapes를 사용하여 "[Art Direction for Web](https://www.smashingmagazine.com/printed-books/art-direction-for-the-web/)"의 주제를 확장합니다. 흥미롭고 영감을 주는 새로운 디자인 아이디어를 창출합니다.
더 읽어보기개인 정보 UX: 더 나은 쿠키 동의 경험
이 시리즈의 두 번째 파트에서는 악명 높은 GDPR 쿠키 동의 프롬프트와 사용자의 개인 정보 보호를 염두에 두고 이러한 환경을 더 잘 설계할 수 있는 방법을 살펴보겠습니다.
더 읽어보기하위 리소스 무결성 이해
사이트에 추가하는 모든 JavaScript는 해커의 잠재적인 방법입니다. JavaScript가 공개 CDN과 같은 다른 사람에 의해 호스팅되는 경우 이는 두 배로 사실입니다. 하위 리소스 무결성은 사용 중인 코드가 의도한 것과 정확히 일치하는지 확인하는 데 사용할 수 있는 브라우저 기능입니다.
더 읽어보기디스플레이 속성 자세히 알아보기: 디스플레이의 두 가지 가치
우리는 Flexbox와 CSS Grid Layout에 대해 많이 이야기하지만 이러한 레이아웃 방법은 본질적으로 많은 관심을 받지 못하는 속성의 핵심인 CSS 'display' 속성의 값입니다. Rachel Andrew는 짧은 시리즈에서 더 나은 모습을 보여줍니다.
더 읽어보기