핸드폰이라는 작은 화면에 많은 기능과 정보를 제공해야할 때가 많다.

동시에 세련된 애니메이션으로 사용자가 지루하지않게 해줘야 한다.

1. Button navigation bar

   • router 역할을 하여 쉽게 이동을 한다.
   • 현 화면에 대한 toggle 효과가 필요하다.
   • 화면에 집중하기 위해 숨기기 기능 (위로 스크롤시 다시 나타남)

2. 상단 Logo title bar

   • 앱에관한 혹은 현재 페이지에 관한 identity를 제공한다.
   • 자주 사용되는 common 기능을 담아 두면 좋다.
   • 최상단 위로 스크롤시 추가 bar를 확장하여 더 많은 기능 제공.
   • 세부 페이지에서는 뒤로가기 버튼이 필요하다. (폼이면 닫기 버튼)

3. 로딩 progress 모달

   • 실행하는 동안 다른 동작 불가.
   • 간단한 gif 만들어서 띄워주는 것도 상당히 좋은 것 같다.

4. Drag를 통한 동작

   • 화면 새로고침, 화면 이동.

5. 새로운 form에 관해선 아래에서 전체화면 모달 올리기.

• 위로 스크롤시 숨겨진 기능 띄워 주기 (검색 창)

참고할 만한 좋은 웹 디자인

https://m.liivmate.com/katsv2/KATLW01.do