[디자인] 모바일 UI 디자인 방법론

Techniques to increase the screen surface area
1. Dialogue boxes
- Pop up 형식
- Application보다 우선순위를 갖는다
- 사용자가 다음 Task를 위해 반드시 거쳐가야 함
- Step-by-step으로 사용자왿� 대화하는 효율적인 interface element
2. Windows
- 움직임, 크기 조절, 열거나 닫는 것이 자유로움
- Small screen에서는 아직 많이 사용되지 않음 (공간 부족, 양손을 사용해야 함)
3. Taps
- 많은 옵션을 빠르게 불러올 수 있는 효율적인 컨셉
- 복잡한 구조를 쉽게 navigation 할 수 있도록 해줌
- pull-down과 pop-up의 장점을 갖고 있으나 한 화면에 최대 5~7개의 Tap만 보여줄 수 있음
- one hand operation에 유리한 navigation
- Tabs at the top edge of the screen : stylus를 든 손으로 content를 가리기 때문에 피해야 함
- Tabs at the bottom edge of the screen : Small screen에 적절한 layout
- Multi-row taps : 혼란스럽고, small screen에서 content를 표시해야 할 공간을 차지함
4. Pull-down and pop-up menus
- Pull-down menu : 위에서 아래로 / Pop-up menu : 아래서 위로
- large screen에서 사용되는 Application을 small screen에 사용할 때 유리함 (Pocket PC 등)
- Stylus를 사용하는 device에서는 pop-up menu가 유리하다 (손으로 가려지지 않음)
- Nested Pull-down and pop-up menu : 메뉴가 공간을 너무 많이 차지할 수 있으므로 지양해야 함