온보딩
모바일 앱 온보딩 사례: 다음 흐름을 설계하기 전에 살펴볼 패턴
온보딩을 환영 화면의 묶음이 아닌 결정의 순서로 살펴보세요. 이 가상의 모바일 패턴은 언제 안내하고, 언제 질문하며, 언제 사용자가 자유롭게 진행하도록 해야 하는지 보여 줍니다.
ScreenKits 저널
더 나은 앱의 시작은
자세히 살펴보기.
실제 앱 패턴, 실용적인 디자인 결정, 다음에 만들 제품을 위한 약간의 영감.
온보딩
모바일 앱 온보딩 사례: 다음 흐름을 설계하기 전에 살펴볼 패턴
온보딩을 환영 화면의 묶음이 아닌 결정의 순서로 살펴보세요. 이 가상의 모바일 패턴은 언제 안내하고, 언제 질문하며, 언제 사용자가 자유롭게 진행하도록 해야 하는지 보여 줍니다.
수익화
모바일 앱 페이월 디자인: 구독 선택을 명확하게 만들기
좋은 페이월은 구독으로 무엇을 이용할 수 있는지, 비용은 얼마인지, 결제는 언제 시작되는지, 구매하지 않고 어떻게 계속할 수 있는지 설명합니다. 이 가이드와 점검 목록으로 구매 버튼뿐 아니라 전체 결정 과정을 검토하세요.
온보딩
모바일 로그인 및 회원가입 디자인: 계정 단계를 명확하게 만들기
가치가 생기는 시점을 중심으로 계정 흐름을 설계하세요. 명확한 로그인 선택지, 간결한 양식, 도움이 되는 오류 메시지, 사용자가 하던 작업으로 자연스럽게 돌아가게 하는 경로를 제공하세요.
UI 패턴
빈 상태 UI 디자인: 콘텐츠가 없을 때 다음 행동 안내하기
빈 화면이 나타나는 이유는 여러 가지일 수 있습니다. 콘텐츠가 없는 이유를 파악하고 상태를 명확하게 설명한 뒤 상황에 맞는 다음 행동을 제시하세요.
디자인 워크플로
모바일 앱 UI 영감을 찾고 디자인 브리프로 바꾸는 방법
집중적인 참고 자료 모음을 만들고, 배울 가치가 있는 디자인 결정을 찾아내며, 다른 앱의 외관이 아닌 사용자 과업을 바탕으로 스크린샷을 디자인 브리프로 바꾸세요.
디자인 워크플로
앱 흐름과 개별 스크린샷: 화면 순서를 살펴보는 방법
화면 한 장은 한순간을 보여 줍니다. 흐름을 검토할 때는 그 전에 무엇이 있었고, 무엇이 바뀌었으며, 다음에 무엇을 할 수 있는지 묻습니다. 스크린샷 묶음이 전체 이야기를 담고 있다고 가정하지 않고 순서를 살펴보는 실용적인 방법을 알아보세요.
UI 패턴
핀테크 앱 UI 디자인: 금융 작업을 명확하고 차분하게 만들기
사용자가 숫자의 의미와 거래 진행 상태, 금융 작업을 확정하기 전에 어떤 일이 일어날지 이해할 수 있게 도와주세요.
실제 적용된 패턴을 살펴보세요.
실제 모바일 화면을 둘러보고 그 뒤에 있는 흐름을 따라가세요.