Ui Ux Pro Max

• 기존 인터페이스를 검토하거나 개선하고 싶으며, 모호한 조언이 아닌 실행 가능하고 우선순위가 정해진 권고사항을 원할 때.
• 복잡한 워크플로우를 위한 사용자 플로우를 설계할 때 — 다단계 폼, 온보딩 시퀀스, 또는 마스터-디테일 레이아웃 — 체계적인 접근 방식이 필요한 경우.
• 컴포넌트 계층 구조, 간격 규칙, 상태 정의 및 사용 가이드라인을 포함하여 디자인 시스템을 구축하거나 감사하고 싶을 때.
• 인터페이스를 빠르고 의도적으로 느껴지게 만드는 로딩 상태, 빈 상태, 마이크로 인터랙션, 전환 효과와 같은 UI polish 세부 사항을 구현할 때.

• 시각적 에셋 제작 (아이콘, 일러스트레이션, 목업 또는 프로덕션 디자인 파일)이 필요한 경우 — 이 스킬은 그래픽 결과물이 아닌 가이던스와 코드 수준의 패턴을 제공합니다.
• 일반적인 웹/앱 UX 원칙보다 플랫폼별 네이티브 디자인 (예: SwiftUI Human Interface Guidelines 심층 분석 또는 Android Material 3 컴포넌트 라이브러리)을 찾고 있는 경우.

이 스킬은 점진적 공개, 피드백 루프, 오류 방지, 회상보다 인식, 일관성 등의 기초 원칙을 귀하의 특정 디자인 상황에 직접 적용합니다. 추상적인 이론이 아닌, 귀하의 사용자, 작업, 플랫폼에 맞춘 구체적인 의사결정을 제공합니다.

내비게이션 패턴(상단 내비게이션, 사이드바, 탭 바, 브레드크럼, 커맨드 팔레트), 폼 패턴(단일 열, 위저드, 인라인 편집), 데이터 표시 패턴(테이블, 카드 그리드, 목록, 대시보드)을 다루며, 각각의 패턴이 적합한 상황에 대한 명확한 가이드를 제공합니다.

로딩 상태(스켈레톤 스크린, 낙관적 UI), 빈 상태, 전환(지속 시간, 이징, 모션 값), 그리고 버튼 누름 피드백, 토글 애니메이션, 폼 제출 상태와 같은 마이크로 인터랙션에 대한 정확한 구현 명세를 제공합니다.

변형 계층 구조, 크기 척도, 완전한 상태 명세(기본, 호버, 활성, 포커스, 비활성화, 로딩)를 포함한 구조화된 컴포넌트 정의를 생성합니다. 버튼 시스템 예시는 정확한 픽셀 값, 불투명도 규칙, 사용 제약 조건 등 세부 사항의 수준을 보여줍니다.

실용적인 검증 방법들을 포함합니다: 페이지 명확성을 위한 5초 테스트, 시각적 계층 구조를 위한 눈 가늘게 뜨기 테스트, 키보드 탐색성을 위한 탭 테스트, 그리고 오류 상태 테스트. 이 방법들은 Ui Ux Pro Max를 통해 배포 전에 문제를 발견하는 데 도움을 줍니다.

설정 페이지가 복잡하거나 정리되지 않은 느낌을 줄 때, Ui Ux Pro Max은 현재 구조를 감사하고, 그룹화 및 상호작용 문제를 파악하며, 자동 저장 기능, 변경 표시기, 필드별 초기화 컨트롤을 갖춘 사이드바 내비게이션 레이아웃을 권장합니다 — 구체적인 컴포넌트 패턴도 함께 제공됩니다.

새로운 앱 기능이나 제품을 위해, Ui Ux Pro Max 스킬은 단계별 온보딩 시퀀스를 설계합니다. 각 단계마다 하나의 주요 액션, 시각적으로 명확한 진행 표시기, 스마트하게 미리 채워진 기본값, 명확하게 표시된 선택적 단계, 그리고 전체 소요 시간 목표를 포함하며 — 엔지니어링 팀에 바로 전달할 수 있는 상태로 완성됩니다.

앱에 일관성 없는 버튼이나 행동 유도(CTA) 요소가 있을 때, Ui Ux Pro Max 스킬은 완전한 버튼 시스템을 생성합니다: 네 가지 의미론적 변형(Primary, Secondary, Ghost, Destructive), 정확한 치수가 포함된 세 가지 크기 단계, 그리고 정밀한 시각적 사양이 담긴 모든 필수 인터랙션 상태를 제공합니다.

이 스킬을 사용하여 키보드 탐색 가능성, 시각적 포커스 링, 색상 대비, 모션 환경설정, 스크린 리더 지원 등을 기준으로 인터페이스를 평가하세요 — 접근성을 사후 고려사항이 아닌 핵심 UX 요구사항으로 다룹니다.