모바일 UI UX 디자인 가이드라인
모달 창 상단 우측 닫기 버튼 노출하지 않기
- 한 손으로 사용하는 사용자를 위해 닫기 버튼은 하단에 넣기
Full-Frame 대화창 닫기 버튼은 왼쪽 상단에
- Full- Frame 대화창
- 사용자가 특정 정보 입력을 요청할 경우 사용되는 창
- 네비게이션 바 왼쪽은 햄버거 버튼 / 뒤로가기 버튼 등 네비게이션 컨트롤이 위치함
- 네비게이션 바 우측엔 기타 부가적인 컨트롤을 위치시키는 것이 기본
- UI 일관성을 위해 네비게이션 컨트롤은 항상 동일 위치에 두기
긍정적인 액션 버튼은 우측에
- 구글 / ios 가이드라인에 따라 대체적으로 긍정적 행동은 오른쪽에 배치
입력 완료가 안 된 상태 → 완료 버튼은 비활성화 하기
- 모바일 작업은 성공보다 실패하는 경우가 더 많음, 오류 가능성 최소화하기
- 오류 메세지는 UX를 해치는 주범, 최대한 오류를 방지해야 함
입력 내용에 맞는 키보드 제공
- 화면의 반을 키보드가 차지하기 때문에 양식을 채우는 과정에서 필드가 가려지는 걸 고려해야 함
- 가려진 필드를 입력하기 위해 스크롤해야 함, 오타 가능성이 높아짐
- 따라서 오류를 방지하기 위해 숫자 입력란에는 숫자 키보드를 제공해야 함
검색 필드 우측 검색 버튼 불필요함