본문 바로가기
인터넷 & 모바일/뉴미디어디자인 & UX

(3/3) 뉴미디어 UI의 개념 - Content Views 2 & Controls : Alert, Action Sheet, Modal View

by 자꾸웃음이나와 a4b4 2011. 1. 6.
728x90
반응형




 

    4) Alert

      경고창은 어플리케이션이나 기타 서비스를 이용하는 과정에서 사용자 주의를 요하는 경우 또는 추가 옵션이나 기능을 제공하고 이용자가 이를 인지하거나 선택 할 수 있도록 하는 기능이다. 

      기능적으로 해당 창은 화면의 중앙에 위치하도록 배열하며, 이용자가 이를 확인(해지)하기 전에는 현재 실행중인 응용 프로그램을 사용할 수 없게 구성한다. 

      또한 경고창의 내용은 가능하면 짧고 간결하게 제공되어야 한다. 오른쪽 하단의 이미지와 같이 긴 문장의 경고문은 피해야 한다. 통상 한줄에서 두줄로 간결하게 내용이 제공되어야 한다.























     5) Action Sheet

     액션 시트는 사용자가 실행한 작업과 관련하여 기능을 선택할 수 있도록 구성한 세트를 정의한다. 엑션 시트의 경우 아이폰과 아이패드에서 구현되는 방식과 디자인이 다르게 되어있다.

     아이폰(왼쪽 이미지)의 경우에는 어플리케이션의 하단에서 출력된다. 아이패드의 경우(오른쪽 이미지)에는 항상 팝오버 내에 표시된다. 이러한 액션시트 목적은 사용자가 작업을 완료할 수 있도록 적어도 두 개 이상의 버튼을 제공하게 된다. 또한 이중 하나의 버튼을 선택하면 해당 시트는 사라지고 선택한 액션이 진행된다.


     또한 삭제등의 파괴적인(destructive) 행동을 요구하는 경우에는 빨간 버튼을 적용하여 이용자에게 주의를 요할 수 있다.










     6) Modal View

     모달뷰는 사용자의 입력이나 현재 작업하고 있는 과정에서 사용자의 입력등을 요구하는 자체 기능을 정의한다. 또한 모달 뷰는 각각의 어플리케이션의 디자인에 어울리는 스타일로 보여줄 수 있다.





3. Controls

       컨트롤은 사용자가 정보를 얻기 위하여 행동하거나 여러 가지 작업을 진행하는 과정에서 제공되는 UI 요소들이다.


- Page indicator : 전체 페이지의 분량과 현재 페이지의 위치를 표시
 





- Progress View : 작업 또는 진행상황을 안내
  




- Scope Bar : 사용자가 검색의 범위를 지정할 수 있으며, 검색창과 함께 사용할 수 있다. 아래 검색범위가 제외된 모양을 search bar이라고 한다.





- Slider





- Switch 
 




- Segmented Control :
각각의 다른 뷰를 보여주는 버튼들이 나열된 하나의 세트를 의미한다.

728x90
반응형

댓글0