2025-01-27 주간 URL 모음

  • [미디클] 라디오 vs 체크박스 뭐가 좋을까? EP.1
    • 요약
      • '미스터리 디자인 클럽'은 연구와 실험을 통해 사용자 경험에 대한 의문을 탐구하고 기존의 UX 패턴 뒤에 숨겨진 진실을 밝혀내는 데 중점을 둡니다.
      • 이번 토론에서는 선택 화면의 디자인 선택, 특히 라디오 버튼과 체크박스의 사용에 대해 집중적으로 논의합니다.
      • 라디오 버튼은 전통적으로 하나의 옵션만 선택할 수 있을 때 사용되지만, 작은 대상을 탭해야 하는 어려움으로 인해 모바일 디바이스에서는 그 효율성에 의문이 제기되고 있습니다.
      • 많은 디자이너가 모바일 디자인 시스템에 라디오 버튼을 추가하는 것을 지지하지만, 모바일 인터페이스의 고유한 요구 사항을 고려할 때 항상 적합하지 않을 수 있습니다.
      • 사용자가 버튼 디자인에 따라 어떻게 선택하는지 관찰하기 위해 세 가지 유형의 질문으로 사용자 테스트(UT)를 실시했습니다.
      • 그 결과, 사용자들은 선택을 할 때 버튼 디자인보다는 질문의 맥락에 주로 집중하는 것으로 나타났습니다.
      • 사용자들은 라디오 버튼이나 체크박스의 사용 여부와 관계없이 질문의 맥락에 따라 선택 규칙을 이해하는 것으로 나타났습니다.
      • 문맥적 단서는 사용자가 선택할 수 있는 옵션의 수를 안내하는 데 매우 중요하므로 디자인 내에서 명확한 지침을 제공하는 것이 필수적입니다.
      • 조사 결과에 따르면 단일 선택 항목에 항상 라디오 버튼을 사용하는 것과 같은 기존의 관습은 실제 사용자의 요구보다는 디자이너의 습관에서 비롯된 것일 수 있습니다.
      • 궁극적으로 이 문서는 모바일 디자인에 라디오 버튼이 반드시 필요한 것은 아니라고 강조하며 사용자 컨텍스트와 경험에 따라 유연성을 발휘해야 한다고 주장합니다.
  • 한국 디지털 정부서비스 UI/UX 가이드라인, KRDS로 발전 | GeekNews
    • 요약
      • 가이드라인은 2025년 1월 16일에 업데이트되어 새로운 이름과 프레임워크를 도입했습니다.
      • 입면 및 고대비 모드와 같은 스타일을 다루는 11개의 새로운 디자인 가이드라인이 추가되었습니다.
      • 탐색 개선 사항에는 탭 바 구현이 포함됩니다.
      • 스플래시 화면 및 텍스트 목록과 같은 새로운 레이아웃 요소가 도입되었습니다.
      • 토글 스위치 및 도구 설명과 같은 대화형 구성 요소가 추가되어 사용자 경험이 향상되었습니다.
      • 이제 설정 기능에 언어 전환 및 화면 크기 조정 옵션이 추가되었습니다.
      • 접근성 개선 사항에는 시각적으로 숨겨진 콘텐츠와 접근 가능한 미디어에 대한 지원이 포함됩니다.
      • 기존 가이드라인이 개선되어 색상, 타이포그래피 및 레이아웃에 대한 세부 사항이 개선되었습니다.
      • 표준 프로토타입은 머리글, 바닥글, 주 메뉴와 같은 추가 구성 요소로 보완되었습니다.
      • 이 페이지에서는 다른 국가의 디자인 시스템과 구현을 위한 코드 예시 등 관련 리소스에 대한 링크를 제공합니다.
  • Tailwind CSS v4.0 - Tailwind CSS
    • 요약
      • 고성능 엔진: 새로운 엔진으로 전체 빌드는 최대 5배, 증분 빌드는 100배 이상 빨라져 개발 속도가 크게 향상되었습니다.
      • 최신 웹 디자인: 캐스케이드 레이어, 등록된 사용자 정의 속성, 색상 혼합과 같은 고급 CSS 기능을 활용하여 사용자 정의 기능을 강화한 Tailwind CSS v4.0.
      • 간소화된 설치: 설정 프로세스가 단 한 줄의 CSS로 간소화되어 광범위한 구성이 필요 없고 종속성이 줄어듭니다.
      • 자사 Vite 플러그인: 전용 Vite 플러그인을 사용하면 PostCSS 없이도 더욱 긴밀한 통합을 통해 성능을 향상시킬 수 있습니다.
      • 자동 콘텐츠 감지: 이제 프레임워크가 템플릿 파일을 자동으로 감지하여 콘텐츠 배열을 수동으로 구성할 필요가 없습니다.
      • CSS 우선 구성: 이제 구성이 CSS에서 직접 수행되므로 별도의 구성 파일이 필요하지 않아 개발자 환경이 간소화됩니다.
      • 동적 유틸리티 값: 이제 유틸리티에서 추가 설정 없이 임의의 값을 사용할 수 있어 더욱 유연한 디자인이 가능합니다.
      • 현대화된 컬러 팔레트: 기본 색상 팔레트가 OKLCH 색 공간을 사용하도록 업그레이드되어 더욱 선명한 색상과 디스플레이 호환성이 향상되었습니다.
      • 컨테이너 쿼리 지원: 컨테이너 쿼리가 기본 지원되어 컨테이너 크기에 따른 스타일링이 가능해져 반응형 디자인 기능이 향상되었습니다.
      • 새로운 유틸리티 및 변형: 3D 트랜스폼 유틸리티, 확장된 그라데이션 API 등 다양한 새 유틸리티를 통해 개발자는 복잡한 디자인을 위한 더 많은 도구를 사용할 수 있습니다.