Skip to content

iOS-native UX/UI field guide

AI로 만든 앱을
iOS답게 다듬기

ivibe는 vibe coding으로 빠르게 만든 앱이 iOS 사용자의 기대를 놓치지 않도록, HIG 기반 원칙·나쁜 예·좋은 예·SwiftUI 실습을 한 흐름으로 제공합니다.

iOS UX/UI Map으로 Structure, Navigation UI, Input, System, Feedback, Accessibility를 한눈에 보여주는 ivibe 앱 화면

Read · Compare · Try · Apply

문서를 읽는 순간부터 iOS 앱을 만지는 감각으로

ivibe의 웹사이트도 학습 대상입니다. iOS Settings, NavigationStack, Sheet, Form의 구조를 웹에 맞게 옮겨 사용합니다.

01

HIG Before Trend

Apple Human Interface Guidelines를 먼저 기준으로 삼고, 유행하는 웹/AI UI는 보조로만 사용합니다.

02

Bad vs Good

권한 요청, 폼, 키보드, 빈 상태처럼 실제 앱에서 자주 깨지는 장면을 비교합니다.

03

SwiftUI-ready

웹 문서의 구조가 나중에 SwiftUI 앱의 NavigationStack, List, Section, TabView로 옮겨지도록 설계합니다.

핵심 가이드

iOS답게 만드는 기본기

Bad UX

앱 실행 즉시 권한 요청

사용자는 아직 기능 가치를 이해하지 못했습니다. 거부 이후 회복 경로도 보이지 않습니다.

Good UX

필요한 순간에 이유 먼저 설명

기능 맥락 안에서 권한이 왜 필요한지 설명하고, 거부 상태에서도 다음 행동을 안내합니다.

기준 문서

기준은 명확하게, 표현은 ivibe답게