모바일 UI UX 디자인 가이드라인

모달 창 상단 우측 닫기 버튼 노출하지 않기

• 한 손으로 사용하는 사용자를 위해 닫기 버튼은 하단에 넣기

Full-Frame 대화창 닫기 버튼은 왼쪽 상단에

• Full- Frame 대화창
  • 사용자가 특정 정보 입력을 요청할 경우 사용되는 창
• 네비게이션 바 왼쪽은 햄버거 버튼 / 뒤로가기 버튼 등 네비게이션 컨트롤이 위치함
• 네비게이션 바 우측엔 기타 부가적인 컨트롤을 위치시키는 것이 기본
• UI 일관성을 위해 네비게이션 컨트롤은 항상 동일 위치에 두기

긍정적인 액션 버튼은 우측에

• 구글 / ios 가이드라인에 따라 대체적으로 긍정적 행동은 오른쪽에 배치

입력 완료가 안 된 상태 → 완료 버튼은 비활성화 하기

• 모바일 작업은 성공보다 실패하는 경우가 더 많음, 오류 가능성 최소화하기
• 오류 메세지는 UX를 해치는 주범, 최대한 오류를 방지해야 함

입력 내용에 맞는 키보드 제공

• 화면의 반을 키보드가 차지하기 때문에 양식을 채우는 과정에서 필드가 가려지는 걸 고려해야 함
• 가려진 필드를 입력하기 위해 스크롤해야 함, 오타 가능성이 높아짐
• 따라서 오류를 방지하기 위해 숫자 입력란에는 숫자 키보드를 제공해야 함

검색 필드 우측 검색 버튼 불필요함