모바일 UI/UX 디자인 가이드를 읽고 내용을 정리하고 내 생각도 간략히 정리하였다.
모바일 UI/UX 정리
- 중복되는 역할을 가지는 버튼을 만들지 않는다.
- 정보를 입력할 수 있는 페이지가 화면 전체를 차지한다면 최상단의 좌측에는 닫기버튼을 우측에는 행동 버튼을 넣는다. => 모바일에서 키보드가 올라오게 되면 하단의 버튼이 가려지기에 상단으로 동일한 기능을 하는 버튼을 옮긴 것 같다.
- 버튼의 특성을 긍정/부정으로 나눴을 때 부정은 좌측 긍정은 우측에 배치한다. => 2번에서 닫기버튼과 행동버튼을 해당 위치에 배치한 근거이다.
- 사용자가 오류화면을 최대한 볼 수 없도록 한다. => 예시로 정보를 작성할 수 있는 페이지에서는 해당 작업이 끝나기 전까지는 정보를 보내는 동작에 해당하는 버튼을 비활성화한다.
- 입력하는 내용에 맞는 키보드를 제공한다. => 숫자만 입력하거나 이메일 또는 검색할 시에는 검색버튼이 노출되도록 한다.
- 사용자에게 행동이 가능한 부분을 암시할 수 있도록 한다. => 이 글에서는 시각적 힌트라고 표현했지만 사실 스크린리더를 통해서도 인지할 수 있어야한다고 생각한다. (접근성)
- 사용자가 이벤트를 발생시켰을 때 기대한대로 동작해야한다. => 예를 들면 버튼 사이의 간격이 너무 좁아서 터치할 때 원하지 않는 동작을 하는 것.
- 스타일(색, 모양, 크기 등등)을 사용하여 중요도를 명시한다.
- 시각적 노이즈 최소화 => 사용하는 색과 노출하는 컨텐츠를 최대한 줄인다. => 기법: 여백 활용, 테두리 최소화
