SlideShare una empresa de Scribd logo
1 de 6
iOS Human Interface Guidelines
번역자 : 시스포유아이앤씨 마영희 주임
작성일 : 2013년 6월 14일
VI. iOS 기술 사용 가이드라인
10. VoiceOver 와 접근성
VoiceOver는 저 시력자 들의 접근성 향상을 위해 만들어 졌으며 특정학습 과제를 가진 사용자를
위한 것이다.
VoiceOver의 사용자가 당신의 어플리케이션을 사용할 수 있게 만들기 위해 당신은 당신의 사용자
인터페이스 화면과 컨트롤에 관한 몇몇의 정보를 제공해야 할지도 모른다. VoiceOver를 지원하기
위해, UI의 시각적 디자인을 변경할 필요가 없습니다.
완전한 표준 방법으로 표준 UI 요소를 사용하려면 몇몇의 추가적인 작업을 해야 한다. 좀더 사용
자 정의화된 UI는 당신의 어플리케이션에서 VoiceOver를 정확하게 설명하기 위해 좀 더 많은 정
보를 제공할 필요가 있다.
VoiceOver 기능을 지원하는 것은 또한 당신이 여러 관할 기관에 의해 생성 접근성 지침을 해결할
수 있습니다.
11. 편집메뉴
사용자는 잘라 내기, 붙여 넣기, 텍스트보기에서 선택, 웹 보기 또는 이미지보기 등의 작업을 수
행 할 수 있는 편집 메뉴를 공개 할 수 있다.
당신은 사용자가 어플리케이션의 컨텐츠를 보다 효율적으로 관리할 수 있게 메뉴 동작의 일부를
조정할 수 있다. 예를 들면 다음과 같다.
 현재 컨텍스트에 적합한 표준 메뉴 명령을 지정
 중요한 UI가 가려지는 것을 방지하기 위해서 그것이 나타나기 전에 메뉴의 위치를 결정
해야 한다.
 사용자가 메뉴를 나타내기 위해 두 번 누를 때 초기값이 선택되도록 객체를 정의한다.
당신은 색상과 메뉴 자체의 모양을 변경할 수 없다.
코드에서 이 동작을 구현하는 방법은 iOS 어플리케이션 프로그래밍 가이드 "복사 & 붙여 넣기
작업"을 참조하십시오.
당신의 어플리케이션이 사용자의 예상대로 편집 메뉴가 작동하는지 보장하기 위해 다음을 수행해
야 한다.
현재 내용의 의미를 가진 명령을 표시해야 한다. 예를 들면 아무것도 선택하지 않았을 때 메뉴에
복사나 잘라내기를 포함할 필요는 없다. 왜냐하면 이 명령은 선택의 행동이기 때문이다. 뭔가를
선택하는 경우에는 마찬가지로 메뉴가 선택 포함 할 수 없습니다. 사용자 지정보기에서 편집 메
뉴를 지원하려면 메뉴가 표시되는 명령은 현재 내용에 대한 적절한 지 확인할 책임이 있다.
당신의 레이아웃 메뉴표시에 적용하라. iOS가 사용 가능한 공간에 따라 위 또는 삽입 지점 또는
아래의 편집 메뉴가 표시되고 사용자가 메뉴 명령은 컨텐츠 관련 여부를 볼 수 있도록 메뉴에 포
인터를 놓는다. 그것이 필요한 경우 숨겨져 있기 때문에 당신의 UI의 중요한 부분을 방지 할 수
있도록 표시되기 전에 프로그램 메뉴의 위치를 결정할 수 있습니다.
메뉴를 호출하는 데 사용할 수 있는 두 제스처를 지원한다. 터치와 홀드 제스처는 사용자가 편집
메뉴를 나타나게 하는 주된 방법이지만, 그들은 또한 단어를 선택하고 동시에 메뉴를 제시하기
위해 텍스트 화면의 단어를 더블 탭 할 수 있다. 사용자 정의 보기 메뉴를 지원하는 경우 두 가
지 제스처를 반응하도록 해야 한다. 또한 사용자가 더블 탭을 할 때 기본적으로 선택된 객체를
정의 할 수 있다.
편집 메뉴에서 사용 가능한 명령을 실행하여 UI의 버튼을 생성하지 않아야 한다. 사용자에게 복
사 버튼을 제공하는 것보다 편집 메뉴를 사용하여 복사 작업을 수행 할 수 있게 하는 것이 좋다.
왜냐하면 사용자는 같은 일을 할 때 두 가지 방식이 있다면 궁금해 하기 때문이다.
사용자의 편의를 위해 텍스트 선택을 활성화하는 것이 좋다. 예를 들면 사용자는 이미지의 캡션
을 복사 하고 싶어 할지도 모른다. 그러나 그들은 탭 항목의 레이블 또는 화면의 제목을 복사하
길 원하지는 않는다. 텍스트 화면에서는 낱말로 선택하는 것이 기본이 되어야 한다.
버튼의 제목을 선택하지 마시오. 선택버튼이 어려운 사용자가 버튼을 활성화 시키지 않고 편집메
뉴를 나타낼 수 있다. 일반적으로 버튼과 같이 동작하는 요소는 선택할 필요가 없다.
실행 취소, 복사 및 붙여 넣기 지원과 다시 위한 지원을 겸비하고 있다. 사람들은 종종 그들이 그
들의 마음을 변경하면 최근 작업을 취소 할 수 있도록 기대하고 있다. 해당 작업이 실행되기 전
에 편집 메뉴가 확인이 필요하지 않기 때문에 사용자는 이러한 작업을 실행 취소하거나 다시 기
회를 주어야 한다.
iOS 4 이상에서 편집 메뉴에 표시되는 사용자 지정 어플리케이션 관련 명령을 제공 할 수 있다.
다음 예제에서는 사용자가 텍스트를 복사가 아니라 단순히 스타일을 복사 할 수 있는 메뉴를 보
여준다.
노트: 현재내용을 외부의 방식으로 선택한 텍스트 나 개체를 사용하여 작업을 활성화 해야 하는
경우, 액션 시트를 사용하는 것이 좋다. 당신은 사람들이 다른 사람과 자신의 선택을 공유 할 수
있도록 하려는 경우, 당신이 선택한 특정 사이트에 전송 작업을 가능하게 하기 위해 소셜 네트워
킹 사이트를 목록 액션으로 나타낼 수 있다.
사용자 지정 편집 메뉴 항목을 작성해야 하는 경우 다음 지침을 따르면 된다.
편집, 변경하거나 사용자의 선택에 따라 직접 행동하는 메뉴 항목을 편집하라. 사람들은 표준 편
집 메뉴 항목은 현재 내용 내에서 텍스트 나 개체에 따라 행동 할 것으로 예상하고, 사용자 지정
메뉴 항목 비슷하게 동작 하는 것이 좋다.
모든 시스템에서 제공하는 품목 뒤에 함께 사용자 정의 항목을 나열합니다. 시스템에서 제공하는
것들과 사용자 정의 항목을 산재하지 않는다.
사용자 정의 항목의 수가 적절하게 유지한다. 너무 많은 선택을 사용자에게 강요해서는 안 된다.
사용자 정의 메뉴 항목에 대한 간결한 이름을 사용하고 이름이 정확하게 어떤 명령을 의미하는지
설명해야 한다. 일반적으로, 항목 이름은 수행 할 작업을 설명하는 동사여야 한다. 당신은 일반적
으로 항목 이름에 대해 하나의 대문자 단어를 사용해야 하지만 짧은 구문을 사용해야 하는 경우,
제목을 대문자로 사용한다.
12. 실행 취소 및 재 실행
사용자는 그들이 할 수 있는 경고를 표시하는 장치를 흔들어 실행 취소 작업을 시작
 단지 입력한 내용을 취소
 이전 취소 입력을 다시 반복
 실행 취소 작업을 취소
당신의 구체화된 어플리케이션에 의해 일반적인 방법으로 취소 실행을 지원 할 수 있다.
 동작은 사용자가 실행 취소하거나 다시 실행할 수 있다.
 얼마나 많은 취소 수준을 지원 하는가.
코드에서 이 동작을 구현 하는 법을 배우기 위해 Undo Architecture를 참조하면 된다. 만약 실행
취소 및 재 실행을 당신 어플리케이션이 지원한다면, 다음 가이드라인이 훌륭한 사용자 경험을
제공하는데 도움이 될 것이다.
그들이 취소 또는 다시 실행하고 있는지 정확하게 사용자에게 전달 하기 위해 간결한 의미 있는
문구를 지정하라. iOS가 자동으로 취소 버튼 제목에 취소 또는 다시 실행 문구를 제공하지만, 당
신은 단어나 사용자 실행하는 취소나 재 실행에 대한 두 가지 행동을 설명을 제공할 수 있어야
한다. 예를 들어, Undo Delete name나 Redo Address Change 등의 버튼 제목을 만들기 위해 삭제
된 이름이나 변경된 주소를 제공할지도 모른다.
텍스트를 너무 길게 제공하는 것을 피하라. 버튼 제목이 너무 길면 끝 부분이 잘려서 사용자가
이해하기 힘들다. 그렇게 때문에 버튼 제목은 대문자를 사용하고 단어를 추가하지 않아야 한다.
흔드는 제스처의 과도한 사용은 피한다. 심지어 당신의 어플리케이션이 흔들기 이벤트에 방해를
받을 때 흔들기 동장으로 취소할 수 있다 만약 그들이 또 다른 흔들기 동작을 실행 한다면 사용
자들은 혼란에 빠질 위험이 있다. 당신의 어플리케이션과 사용자가 상호작용을 분석하고 흔들기
제스처를 사용하였을 때 예상치 못한 결과를 가져오는 상황을 피하도록 만들어야 한다.
만약 당신의 어플리케이션에서 실행 취소 및 재실행하는 것이 주요 작업이라면 시스템에서 제공
한 실행취소 및 재 실행 버튼을 사용하라. 흔들기 제스처는 사용자가 실행 취소 및 재실행을 시
작하는 주요 방법이며, 그것은 동일한 작업을 두 가지 방식으로 제공하면 혼동을 줄 수 있다는
것을 기억해야 한다. 당신은 취소 및 다시 실행을 위해 명시 적으로 전용 컨트롤을 제공하는 것
이 중요하다. 결정한 경우, 탐색 바의 시스템이 제공하는 버튼을 배치 할 수 있다.
13. 키보드와 입력화면
필요한 경우, 시스템에서 제공하는 화면 키보드를 대체하는 사용자 정의 입력 화면을 디자인 할
수 있다. 예를 들면, 대다수의 iPad에 제공된 입력화면은 날짜와 시간에 간편하게 들어갈 수 있도
록 설계되어 있다.
만약 사용자 저의 입력 화면을 제공하는 경우 사람들에게 그 기능을 분명히 한다. 또한 입력화면
을 누를 수 있는 것처럼 보여지게 만든다.
당신의 또한 키보드 상단에 나타나는 사용자 정의 입력 부가화면을 제공할 수 있다. 예를 들면
어떤 맥락에서, 숫자는 사용자가 스프레시트 값의 표준 또는 사용자 정의 계산을 수행 할 수 있
는 입력 보조 화면을 표시한다.
iOS4.2 이상에서는 사람들이 당신의 입력 화면에 사용자 지정 컨트롤을 누르면 표준 키보드가
음성 피드백을 제공하기 위해 소리를 내는 기능을 사용할 수 있다.
노트: 표준 클릭 사운드는 현재 화면에 있는 사용자 정의 입력화면에서만 이용 가능하다. 사람
들은 키보드의 클릭음을 끌 수도 있다.

Más contenido relacionado

La actualidad más candente

iOS Human Interface Guidlines #5_SYS4U
iOS Human Interface Guidlines #5_SYS4UiOS Human Interface Guidlines #5_SYS4U
iOS Human Interface Guidlines #5_SYS4Usys4u
 
iOS_Human_Interface_Guidlines_#4_SYS4U
iOS_Human_Interface_Guidlines_#4_SYS4UiOS_Human_Interface_Guidlines_#4_SYS4U
iOS_Human_Interface_Guidlines_#4_SYS4Usys4u
 
UX Layout Design_SYS4U
UX Layout Design_SYS4UUX Layout Design_SYS4U
UX Layout Design_SYS4Usys4u
 
iOS Human Interface Guidlines #3_SYS4U
iOS Human Interface Guidlines #3_SYS4UiOS Human Interface Guidlines #3_SYS4U
iOS Human Interface Guidlines #3_SYS4Usys4u
 
iOS Human_Interface_Guidlines_#1_SYS4U
iOS Human_Interface_Guidlines_#1_SYS4UiOS Human_Interface_Guidlines_#1_SYS4U
iOS Human_Interface_Guidlines_#1_SYS4Usys4u
 
안드로이드 머터리얼 디자인 기반의 앱 레이아웃 가이드 (1)
안드로이드 머터리얼 디자인 기반의 앱 레이아웃 가이드 (1)안드로이드 머터리얼 디자인 기반의 앱 레이아웃 가이드 (1)
안드로이드 머터리얼 디자인 기반의 앱 레이아웃 가이드 (1)Booseol Shin
 
2013 10 guide_to_mobile_appui_20131028
2013 10 guide_to_mobile_appui_201310282013 10 guide_to_mobile_appui_20131028
2013 10 guide_to_mobile_appui_20131028Yun Jin Kim
 

La actualidad más candente (7)

iOS Human Interface Guidlines #5_SYS4U
iOS Human Interface Guidlines #5_SYS4UiOS Human Interface Guidlines #5_SYS4U
iOS Human Interface Guidlines #5_SYS4U
 
iOS_Human_Interface_Guidlines_#4_SYS4U
iOS_Human_Interface_Guidlines_#4_SYS4UiOS_Human_Interface_Guidlines_#4_SYS4U
iOS_Human_Interface_Guidlines_#4_SYS4U
 
UX Layout Design_SYS4U
UX Layout Design_SYS4UUX Layout Design_SYS4U
UX Layout Design_SYS4U
 
iOS Human Interface Guidlines #3_SYS4U
iOS Human Interface Guidlines #3_SYS4UiOS Human Interface Guidlines #3_SYS4U
iOS Human Interface Guidlines #3_SYS4U
 
iOS Human_Interface_Guidlines_#1_SYS4U
iOS Human_Interface_Guidlines_#1_SYS4UiOS Human_Interface_Guidlines_#1_SYS4U
iOS Human_Interface_Guidlines_#1_SYS4U
 
안드로이드 머터리얼 디자인 기반의 앱 레이아웃 가이드 (1)
안드로이드 머터리얼 디자인 기반의 앱 레이아웃 가이드 (1)안드로이드 머터리얼 디자인 기반의 앱 레이아웃 가이드 (1)
안드로이드 머터리얼 디자인 기반의 앱 레이아웃 가이드 (1)
 
2013 10 guide_to_mobile_appui_20131028
2013 10 guide_to_mobile_appui_201310282013 10 guide_to_mobile_appui_20131028
2013 10 guide_to_mobile_appui_20131028
 

Destacado

About Color_SYS4U
About Color_SYS4UAbout Color_SYS4U
About Color_SYS4Usys4u
 
Html5_SYS4U
Html5_SYS4UHtml5_SYS4U
Html5_SYS4Usys4u
 
웹어워드컨퍼런스강연자료 시스포유
웹어워드컨퍼런스강연자료 시스포유웹어워드컨퍼런스강연자료 시스포유
웹어워드컨퍼런스강연자료 시스포유sys4u
 
2012 UX Design Trend Report Part 2_SYS4U I&C
2012 UX Design Trend Report Part 2_SYS4U I&C2012 UX Design Trend Report Part 2_SYS4U I&C
2012 UX Design Trend Report Part 2_SYS4U I&Csys4u
 
UIX UNIT_Several UI Teminologies Easy To Miss_SYS4U I&C
UIX UNIT_Several UI Teminologies Easy To Miss_SYS4U I&CUIX UNIT_Several UI Teminologies Easy To Miss_SYS4U I&C
UIX UNIT_Several UI Teminologies Easy To Miss_SYS4U I&Csys4u
 
Advanced SWOT Analysis of e-commerce_SYS4U
Advanced SWOT Analysis of e-commerce_SYS4UAdvanced SWOT Analysis of e-commerce_SYS4U
Advanced SWOT Analysis of e-commerce_SYS4Usys4u
 
UX Planning Training Course_SYS4U I&C
UX Planning Training Course_SYS4U I&CUX Planning Training Course_SYS4U I&C
UX Planning Training Course_SYS4U I&Csys4u
 
2012 UX Design Trend Report Part 1_SYS4U I&C
2012 UX Design Trend Report Part 1_SYS4U I&C2012 UX Design Trend Report Part 1_SYS4U I&C
2012 UX Design Trend Report Part 1_SYS4U I&Csys4u
 
JavaEE6 Tutorial - Java Message Service_sys4u
JavaEE6 Tutorial - Java Message Service_sys4uJavaEE6 Tutorial - Java Message Service_sys4u
JavaEE6 Tutorial - Java Message Service_sys4usys4u
 
JavaScript Profiling With The Chrome Developer Tools_SYS4U I&C
JavaScript Profiling With The Chrome Developer Tools_SYS4U I&CJavaScript Profiling With The Chrome Developer Tools_SYS4U I&C
JavaScript Profiling With The Chrome Developer Tools_SYS4U I&Csys4u
 
JQuery를 이용하여 웹 위젯 작성하기_(주)시스포유아이앤씨
JQuery를 이용하여 웹 위젯 작성하기_(주)시스포유아이앤씨JQuery를 이용하여 웹 위젯 작성하기_(주)시스포유아이앤씨
JQuery를 이용하여 웹 위젯 작성하기_(주)시스포유아이앤씨sys4u
 
iOS Human Interface Guidlines #11_SYS4U
iOS Human Interface Guidlines #11_SYS4UiOS Human Interface Guidlines #11_SYS4U
iOS Human Interface Guidlines #11_SYS4Usys4u
 
Introduction to Fork Join Framework_SYS4U I&C
Introduction to Fork Join Framework_SYS4U I&CIntroduction to Fork Join Framework_SYS4U I&C
Introduction to Fork Join Framework_SYS4U I&Csys4u
 

Destacado (13)

About Color_SYS4U
About Color_SYS4UAbout Color_SYS4U
About Color_SYS4U
 
Html5_SYS4U
Html5_SYS4UHtml5_SYS4U
Html5_SYS4U
 
웹어워드컨퍼런스강연자료 시스포유
웹어워드컨퍼런스강연자료 시스포유웹어워드컨퍼런스강연자료 시스포유
웹어워드컨퍼런스강연자료 시스포유
 
2012 UX Design Trend Report Part 2_SYS4U I&C
2012 UX Design Trend Report Part 2_SYS4U I&C2012 UX Design Trend Report Part 2_SYS4U I&C
2012 UX Design Trend Report Part 2_SYS4U I&C
 
UIX UNIT_Several UI Teminologies Easy To Miss_SYS4U I&C
UIX UNIT_Several UI Teminologies Easy To Miss_SYS4U I&CUIX UNIT_Several UI Teminologies Easy To Miss_SYS4U I&C
UIX UNIT_Several UI Teminologies Easy To Miss_SYS4U I&C
 
Advanced SWOT Analysis of e-commerce_SYS4U
Advanced SWOT Analysis of e-commerce_SYS4UAdvanced SWOT Analysis of e-commerce_SYS4U
Advanced SWOT Analysis of e-commerce_SYS4U
 
UX Planning Training Course_SYS4U I&C
UX Planning Training Course_SYS4U I&CUX Planning Training Course_SYS4U I&C
UX Planning Training Course_SYS4U I&C
 
2012 UX Design Trend Report Part 1_SYS4U I&C
2012 UX Design Trend Report Part 1_SYS4U I&C2012 UX Design Trend Report Part 1_SYS4U I&C
2012 UX Design Trend Report Part 1_SYS4U I&C
 
JavaEE6 Tutorial - Java Message Service_sys4u
JavaEE6 Tutorial - Java Message Service_sys4uJavaEE6 Tutorial - Java Message Service_sys4u
JavaEE6 Tutorial - Java Message Service_sys4u
 
JavaScript Profiling With The Chrome Developer Tools_SYS4U I&C
JavaScript Profiling With The Chrome Developer Tools_SYS4U I&CJavaScript Profiling With The Chrome Developer Tools_SYS4U I&C
JavaScript Profiling With The Chrome Developer Tools_SYS4U I&C
 
JQuery를 이용하여 웹 위젯 작성하기_(주)시스포유아이앤씨
JQuery를 이용하여 웹 위젯 작성하기_(주)시스포유아이앤씨JQuery를 이용하여 웹 위젯 작성하기_(주)시스포유아이앤씨
JQuery를 이용하여 웹 위젯 작성하기_(주)시스포유아이앤씨
 
iOS Human Interface Guidlines #11_SYS4U
iOS Human Interface Guidlines #11_SYS4UiOS Human Interface Guidlines #11_SYS4U
iOS Human Interface Guidlines #11_SYS4U
 
Introduction to Fork Join Framework_SYS4U I&C
Introduction to Fork Join Framework_SYS4U I&CIntroduction to Fork Join Framework_SYS4U I&C
Introduction to Fork Join Framework_SYS4U I&C
 

Similar a iOS Human Interface Guidlines #12_SYS4U

08 fragment 태블릿 대응
08 fragment   태블릿 대응08 fragment   태블릿 대응
08 fragment 태블릿 대응운용 최
 
iOS Human Interface Guidelines 한글 정리 문서입니다.
iOS Human Interface Guidelines 한글 정리 문서입니다.iOS Human Interface Guidelines 한글 정리 문서입니다.
iOS Human Interface Guidelines 한글 정리 문서입니다.Dong Jin Lee
 
220319 해외 아티클 스터디 5기 : 1주차 발표
220319 해외 아티클 스터디 5기 : 1주차 발표220319 해외 아티클 스터디 5기 : 1주차 발표
220319 해외 아티클 스터디 5기 : 1주차 발표Minho Lee
 
자주 사용되는 UI 패턴(컴포넌트) 과 UI 레이아웃
자주 사용되는 UI 패턴(컴포넌트) 과 UI 레이아웃자주 사용되는 UI 패턴(컴포넌트) 과 UI 레이아웃
자주 사용되는 UI 패턴(컴포넌트) 과 UI 레이아웃Dongsik Yang
 
서비스를 성공적으로 만드는 방법
서비스를 성공적으로 만드는 방법서비스를 성공적으로 만드는 방법
서비스를 성공적으로 만드는 방법우영 주
 
Ux 한글번역 멘플
Ux 한글번역 멘플Ux 한글번역 멘플
Ux 한글번역 멘플이창훈
 
[Iga works] live operation in app notice guide-1.1
[Iga works] live operation in app notice guide-1.1[Iga works] live operation in app notice guide-1.1
[Iga works] live operation in app notice guide-1.1성인 김
 
[Iga works] live operation in app notice guide-1.1
[Iga works] live operation in app notice guide-1.1[Iga works] live operation in app notice guide-1.1
[Iga works] live operation in app notice guide-1.1igaworks
 
2016276_심윤서_수정.pdf
2016276_심윤서_수정.pdf2016276_심윤서_수정.pdf
2016276_심윤서_수정.pdfssuser956a25
 
220806 UX/UI 해외 인기 아티클 6기 : 3주차 발표
220806 UX/UI 해외 인기 아티클 6기 : 3주차 발표220806 UX/UI 해외 인기 아티클 6기 : 3주차 발표
220806 UX/UI 해외 인기 아티클 6기 : 3주차 발표Minho Lee
 
사용자 스토리 기반의 스크럼(Scrum)
사용자 스토리 기반의 스크럼(Scrum)사용자 스토리 기반의 스크럼(Scrum)
사용자 스토리 기반의 스크럼(Scrum)재능마켓 크몽
 
사용자 스토리 기반의 스크럼
사용자 스토리 기반의 스크럼사용자 스토리 기반의 스크럼
사용자 스토리 기반의 스크럼Junyi Song
 
중간관리자를 위한 모바일 어플리케이션 _ WETEAM
중간관리자를 위한 모바일 어플리케이션 _ WETEAM중간관리자를 위한 모바일 어플리케이션 _ WETEAM
중간관리자를 위한 모바일 어플리케이션 _ WETEAMChaemin Lim
 
iOS Human Interface Guidelines 정리 (1)
iOS Human Interface Guidelines 정리 (1)iOS Human Interface Guidelines 정리 (1)
iOS Human Interface Guidelines 정리 (1)Theodore(Yongbin) Cha
 
What Can I say? Addressing User Experience Challenges of a Mobile Voice User ...
What Can I say? Addressing User Experience Challenges of a Mobile Voice User ...What Can I say? Addressing User Experience Challenges of a Mobile Voice User ...
What Can I say? Addressing User Experience Challenges of a Mobile Voice User ...skkang0617
 
Flutter로 글로벌앱 출시를 위한 꿀팁 - Droidknights2020
Flutter로 글로벌앱 출시를 위한 꿀팁 - Droidknights2020Flutter로 글로벌앱 출시를 위한 꿀팁 - Droidknights2020
Flutter로 글로벌앱 출시를 위한 꿀팁 - Droidknights2020Bansook Nam
 
실무를위한모바일 UI UX step up
실무를위한모바일 UI UX step up실무를위한모바일 UI UX step up
실무를위한모바일 UI UX step upAmy Young Ah Kim
 
UX원칙 (C.14~C.17)
UX원칙 (C.14~C.17)UX원칙 (C.14~C.17)
UX원칙 (C.14~C.17)ssuser4316c4
 
[NEXT] Android 개발 경험 프로젝트 5일차 (Actionbar, SideNavigation)
[NEXT] Android 개발 경험 프로젝트 5일차 (Actionbar, SideNavigation)[NEXT] Android 개발 경험 프로젝트 5일차 (Actionbar, SideNavigation)
[NEXT] Android 개발 경험 프로젝트 5일차 (Actionbar, SideNavigation)YoungSu Son
 

Similar a iOS Human Interface Guidlines #12_SYS4U (20)

08 fragment 태블릿 대응
08 fragment   태블릿 대응08 fragment   태블릿 대응
08 fragment 태블릿 대응
 
iOS Human Interface Guidelines 한글 정리 문서입니다.
iOS Human Interface Guidelines 한글 정리 문서입니다.iOS Human Interface Guidelines 한글 정리 문서입니다.
iOS Human Interface Guidelines 한글 정리 문서입니다.
 
220319 해외 아티클 스터디 5기 : 1주차 발표
220319 해외 아티클 스터디 5기 : 1주차 발표220319 해외 아티클 스터디 5기 : 1주차 발표
220319 해외 아티클 스터디 5기 : 1주차 발표
 
자주 사용되는 UI 패턴(컴포넌트) 과 UI 레이아웃
자주 사용되는 UI 패턴(컴포넌트) 과 UI 레이아웃자주 사용되는 UI 패턴(컴포넌트) 과 UI 레이아웃
자주 사용되는 UI 패턴(컴포넌트) 과 UI 레이아웃
 
서비스를 성공적으로 만드는 방법
서비스를 성공적으로 만드는 방법서비스를 성공적으로 만드는 방법
서비스를 성공적으로 만드는 방법
 
Ux 한글번역 멘플
Ux 한글번역 멘플Ux 한글번역 멘플
Ux 한글번역 멘플
 
[Iga works] live operation in app notice guide-1.1
[Iga works] live operation in app notice guide-1.1[Iga works] live operation in app notice guide-1.1
[Iga works] live operation in app notice guide-1.1
 
[Iga works] live operation in app notice guide-1.1
[Iga works] live operation in app notice guide-1.1[Iga works] live operation in app notice guide-1.1
[Iga works] live operation in app notice guide-1.1
 
2016276_심윤서_수정.pdf
2016276_심윤서_수정.pdf2016276_심윤서_수정.pdf
2016276_심윤서_수정.pdf
 
220806 UX/UI 해외 인기 아티클 6기 : 3주차 발표
220806 UX/UI 해외 인기 아티클 6기 : 3주차 발표220806 UX/UI 해외 인기 아티클 6기 : 3주차 발표
220806 UX/UI 해외 인기 아티클 6기 : 3주차 발표
 
사용자 스토리 기반의 스크럼(Scrum)
사용자 스토리 기반의 스크럼(Scrum)사용자 스토리 기반의 스크럼(Scrum)
사용자 스토리 기반의 스크럼(Scrum)
 
사용자 스토리 기반의 스크럼
사용자 스토리 기반의 스크럼사용자 스토리 기반의 스크럼
사용자 스토리 기반의 스크럼
 
중간관리자를 위한 모바일 어플리케이션 _ WETEAM
중간관리자를 위한 모바일 어플리케이션 _ WETEAM중간관리자를 위한 모바일 어플리케이션 _ WETEAM
중간관리자를 위한 모바일 어플리케이션 _ WETEAM
 
Dubuplus guide
Dubuplus guideDubuplus guide
Dubuplus guide
 
iOS Human Interface Guidelines 정리 (1)
iOS Human Interface Guidelines 정리 (1)iOS Human Interface Guidelines 정리 (1)
iOS Human Interface Guidelines 정리 (1)
 
What Can I say? Addressing User Experience Challenges of a Mobile Voice User ...
What Can I say? Addressing User Experience Challenges of a Mobile Voice User ...What Can I say? Addressing User Experience Challenges of a Mobile Voice User ...
What Can I say? Addressing User Experience Challenges of a Mobile Voice User ...
 
Flutter로 글로벌앱 출시를 위한 꿀팁 - Droidknights2020
Flutter로 글로벌앱 출시를 위한 꿀팁 - Droidknights2020Flutter로 글로벌앱 출시를 위한 꿀팁 - Droidknights2020
Flutter로 글로벌앱 출시를 위한 꿀팁 - Droidknights2020
 
실무를위한모바일 UI UX step up
실무를위한모바일 UI UX step up실무를위한모바일 UI UX step up
실무를위한모바일 UI UX step up
 
UX원칙 (C.14~C.17)
UX원칙 (C.14~C.17)UX원칙 (C.14~C.17)
UX원칙 (C.14~C.17)
 
[NEXT] Android 개발 경험 프로젝트 5일차 (Actionbar, SideNavigation)
[NEXT] Android 개발 경험 프로젝트 5일차 (Actionbar, SideNavigation)[NEXT] Android 개발 경험 프로젝트 5일차 (Actionbar, SideNavigation)
[NEXT] Android 개발 경험 프로젝트 5일차 (Actionbar, SideNavigation)
 

Más de sys4u

Observer Design Pattern in Java_SYS4U
Observer Design Pattern in Java_SYS4UObserver Design Pattern in Java_SYS4U
Observer Design Pattern in Java_SYS4Usys4u
 
30_eCommerce_sites_using_html5_SYS4U
30_eCommerce_sites_using_html5_SYS4U30_eCommerce_sites_using_html5_SYS4U
30_eCommerce_sites_using_html5_SYS4Usys4u
 
Proxy_design_pattern_in_Java_SYS4U
Proxy_design_pattern_in_Java_SYS4UProxy_design_pattern_in_Java_SYS4U
Proxy_design_pattern_in_Java_SYS4Usys4u
 
Memory_leak_patterns_in_JavaScript_SYS4U
Memory_leak_patterns_in_JavaScript_SYS4UMemory_leak_patterns_in_JavaScript_SYS4U
Memory_leak_patterns_in_JavaScript_SYS4Usys4u
 
Java_Concurrency_Programming_SYS4U
Java_Concurrency_Programming_SYS4UJava_Concurrency_Programming_SYS4U
Java_Concurrency_Programming_SYS4Usys4u
 
Implementing_AOP_in_Spring_SYS4U
Implementing_AOP_in_Spring_SYS4UImplementing_AOP_in_Spring_SYS4U
Implementing_AOP_in_Spring_SYS4Usys4u
 
Promotions_2nd_SYS4U I&C
Promotions_2nd_SYS4U I&CPromotions_2nd_SYS4U I&C
Promotions_2nd_SYS4U I&Csys4u
 
From Java code to Java heap_SYS4U I&C
From Java code to Java heap_SYS4U I&CFrom Java code to Java heap_SYS4U I&C
From Java code to Java heap_SYS4U I&Csys4u
 
2013 UX Design Trend Report Part 3_SYS4U I&C
2013 UX Design Trend Report Part 3_SYS4U I&C2013 UX Design Trend Report Part 3_SYS4U I&C
2013 UX Design Trend Report Part 3_SYS4U I&Csys4u
 

Más de sys4u (9)

Observer Design Pattern in Java_SYS4U
Observer Design Pattern in Java_SYS4UObserver Design Pattern in Java_SYS4U
Observer Design Pattern in Java_SYS4U
 
30_eCommerce_sites_using_html5_SYS4U
30_eCommerce_sites_using_html5_SYS4U30_eCommerce_sites_using_html5_SYS4U
30_eCommerce_sites_using_html5_SYS4U
 
Proxy_design_pattern_in_Java_SYS4U
Proxy_design_pattern_in_Java_SYS4UProxy_design_pattern_in_Java_SYS4U
Proxy_design_pattern_in_Java_SYS4U
 
Memory_leak_patterns_in_JavaScript_SYS4U
Memory_leak_patterns_in_JavaScript_SYS4UMemory_leak_patterns_in_JavaScript_SYS4U
Memory_leak_patterns_in_JavaScript_SYS4U
 
Java_Concurrency_Programming_SYS4U
Java_Concurrency_Programming_SYS4UJava_Concurrency_Programming_SYS4U
Java_Concurrency_Programming_SYS4U
 
Implementing_AOP_in_Spring_SYS4U
Implementing_AOP_in_Spring_SYS4UImplementing_AOP_in_Spring_SYS4U
Implementing_AOP_in_Spring_SYS4U
 
Promotions_2nd_SYS4U I&C
Promotions_2nd_SYS4U I&CPromotions_2nd_SYS4U I&C
Promotions_2nd_SYS4U I&C
 
From Java code to Java heap_SYS4U I&C
From Java code to Java heap_SYS4U I&CFrom Java code to Java heap_SYS4U I&C
From Java code to Java heap_SYS4U I&C
 
2013 UX Design Trend Report Part 3_SYS4U I&C
2013 UX Design Trend Report Part 3_SYS4U I&C2013 UX Design Trend Report Part 3_SYS4U I&C
2013 UX Design Trend Report Part 3_SYS4U I&C
 

iOS Human Interface Guidlines #12_SYS4U

  • 1. iOS Human Interface Guidelines 번역자 : 시스포유아이앤씨 마영희 주임 작성일 : 2013년 6월 14일 VI. iOS 기술 사용 가이드라인 10. VoiceOver 와 접근성 VoiceOver는 저 시력자 들의 접근성 향상을 위해 만들어 졌으며 특정학습 과제를 가진 사용자를 위한 것이다.
  • 2. VoiceOver의 사용자가 당신의 어플리케이션을 사용할 수 있게 만들기 위해 당신은 당신의 사용자 인터페이스 화면과 컨트롤에 관한 몇몇의 정보를 제공해야 할지도 모른다. VoiceOver를 지원하기 위해, UI의 시각적 디자인을 변경할 필요가 없습니다. 완전한 표준 방법으로 표준 UI 요소를 사용하려면 몇몇의 추가적인 작업을 해야 한다. 좀더 사용 자 정의화된 UI는 당신의 어플리케이션에서 VoiceOver를 정확하게 설명하기 위해 좀 더 많은 정 보를 제공할 필요가 있다. VoiceOver 기능을 지원하는 것은 또한 당신이 여러 관할 기관에 의해 생성 접근성 지침을 해결할 수 있습니다. 11. 편집메뉴 사용자는 잘라 내기, 붙여 넣기, 텍스트보기에서 선택, 웹 보기 또는 이미지보기 등의 작업을 수 행 할 수 있는 편집 메뉴를 공개 할 수 있다. 당신은 사용자가 어플리케이션의 컨텐츠를 보다 효율적으로 관리할 수 있게 메뉴 동작의 일부를 조정할 수 있다. 예를 들면 다음과 같다.  현재 컨텍스트에 적합한 표준 메뉴 명령을 지정  중요한 UI가 가려지는 것을 방지하기 위해서 그것이 나타나기 전에 메뉴의 위치를 결정 해야 한다.  사용자가 메뉴를 나타내기 위해 두 번 누를 때 초기값이 선택되도록 객체를 정의한다. 당신은 색상과 메뉴 자체의 모양을 변경할 수 없다. 코드에서 이 동작을 구현하는 방법은 iOS 어플리케이션 프로그래밍 가이드 "복사 & 붙여 넣기 작업"을 참조하십시오. 당신의 어플리케이션이 사용자의 예상대로 편집 메뉴가 작동하는지 보장하기 위해 다음을 수행해 야 한다. 현재 내용의 의미를 가진 명령을 표시해야 한다. 예를 들면 아무것도 선택하지 않았을 때 메뉴에
  • 3. 복사나 잘라내기를 포함할 필요는 없다. 왜냐하면 이 명령은 선택의 행동이기 때문이다. 뭔가를 선택하는 경우에는 마찬가지로 메뉴가 선택 포함 할 수 없습니다. 사용자 지정보기에서 편집 메 뉴를 지원하려면 메뉴가 표시되는 명령은 현재 내용에 대한 적절한 지 확인할 책임이 있다. 당신의 레이아웃 메뉴표시에 적용하라. iOS가 사용 가능한 공간에 따라 위 또는 삽입 지점 또는 아래의 편집 메뉴가 표시되고 사용자가 메뉴 명령은 컨텐츠 관련 여부를 볼 수 있도록 메뉴에 포 인터를 놓는다. 그것이 필요한 경우 숨겨져 있기 때문에 당신의 UI의 중요한 부분을 방지 할 수 있도록 표시되기 전에 프로그램 메뉴의 위치를 결정할 수 있습니다. 메뉴를 호출하는 데 사용할 수 있는 두 제스처를 지원한다. 터치와 홀드 제스처는 사용자가 편집 메뉴를 나타나게 하는 주된 방법이지만, 그들은 또한 단어를 선택하고 동시에 메뉴를 제시하기 위해 텍스트 화면의 단어를 더블 탭 할 수 있다. 사용자 정의 보기 메뉴를 지원하는 경우 두 가 지 제스처를 반응하도록 해야 한다. 또한 사용자가 더블 탭을 할 때 기본적으로 선택된 객체를 정의 할 수 있다. 편집 메뉴에서 사용 가능한 명령을 실행하여 UI의 버튼을 생성하지 않아야 한다. 사용자에게 복 사 버튼을 제공하는 것보다 편집 메뉴를 사용하여 복사 작업을 수행 할 수 있게 하는 것이 좋다. 왜냐하면 사용자는 같은 일을 할 때 두 가지 방식이 있다면 궁금해 하기 때문이다. 사용자의 편의를 위해 텍스트 선택을 활성화하는 것이 좋다. 예를 들면 사용자는 이미지의 캡션 을 복사 하고 싶어 할지도 모른다. 그러나 그들은 탭 항목의 레이블 또는 화면의 제목을 복사하 길 원하지는 않는다. 텍스트 화면에서는 낱말로 선택하는 것이 기본이 되어야 한다. 버튼의 제목을 선택하지 마시오. 선택버튼이 어려운 사용자가 버튼을 활성화 시키지 않고 편집메 뉴를 나타낼 수 있다. 일반적으로 버튼과 같이 동작하는 요소는 선택할 필요가 없다. 실행 취소, 복사 및 붙여 넣기 지원과 다시 위한 지원을 겸비하고 있다. 사람들은 종종 그들이 그 들의 마음을 변경하면 최근 작업을 취소 할 수 있도록 기대하고 있다. 해당 작업이 실행되기 전 에 편집 메뉴가 확인이 필요하지 않기 때문에 사용자는 이러한 작업을 실행 취소하거나 다시 기 회를 주어야 한다. iOS 4 이상에서 편집 메뉴에 표시되는 사용자 지정 어플리케이션 관련 명령을 제공 할 수 있다. 다음 예제에서는 사용자가 텍스트를 복사가 아니라 단순히 스타일을 복사 할 수 있는 메뉴를 보 여준다.
  • 4. 노트: 현재내용을 외부의 방식으로 선택한 텍스트 나 개체를 사용하여 작업을 활성화 해야 하는 경우, 액션 시트를 사용하는 것이 좋다. 당신은 사람들이 다른 사람과 자신의 선택을 공유 할 수 있도록 하려는 경우, 당신이 선택한 특정 사이트에 전송 작업을 가능하게 하기 위해 소셜 네트워 킹 사이트를 목록 액션으로 나타낼 수 있다. 사용자 지정 편집 메뉴 항목을 작성해야 하는 경우 다음 지침을 따르면 된다. 편집, 변경하거나 사용자의 선택에 따라 직접 행동하는 메뉴 항목을 편집하라. 사람들은 표준 편 집 메뉴 항목은 현재 내용 내에서 텍스트 나 개체에 따라 행동 할 것으로 예상하고, 사용자 지정 메뉴 항목 비슷하게 동작 하는 것이 좋다. 모든 시스템에서 제공하는 품목 뒤에 함께 사용자 정의 항목을 나열합니다. 시스템에서 제공하는 것들과 사용자 정의 항목을 산재하지 않는다. 사용자 정의 항목의 수가 적절하게 유지한다. 너무 많은 선택을 사용자에게 강요해서는 안 된다. 사용자 정의 메뉴 항목에 대한 간결한 이름을 사용하고 이름이 정확하게 어떤 명령을 의미하는지 설명해야 한다. 일반적으로, 항목 이름은 수행 할 작업을 설명하는 동사여야 한다. 당신은 일반적 으로 항목 이름에 대해 하나의 대문자 단어를 사용해야 하지만 짧은 구문을 사용해야 하는 경우, 제목을 대문자로 사용한다. 12. 실행 취소 및 재 실행 사용자는 그들이 할 수 있는 경고를 표시하는 장치를 흔들어 실행 취소 작업을 시작  단지 입력한 내용을 취소  이전 취소 입력을 다시 반복  실행 취소 작업을 취소 당신의 구체화된 어플리케이션에 의해 일반적인 방법으로 취소 실행을 지원 할 수 있다.  동작은 사용자가 실행 취소하거나 다시 실행할 수 있다.  얼마나 많은 취소 수준을 지원 하는가. 코드에서 이 동작을 구현 하는 법을 배우기 위해 Undo Architecture를 참조하면 된다. 만약 실행
  • 5. 취소 및 재 실행을 당신 어플리케이션이 지원한다면, 다음 가이드라인이 훌륭한 사용자 경험을 제공하는데 도움이 될 것이다. 그들이 취소 또는 다시 실행하고 있는지 정확하게 사용자에게 전달 하기 위해 간결한 의미 있는 문구를 지정하라. iOS가 자동으로 취소 버튼 제목에 취소 또는 다시 실행 문구를 제공하지만, 당 신은 단어나 사용자 실행하는 취소나 재 실행에 대한 두 가지 행동을 설명을 제공할 수 있어야 한다. 예를 들어, Undo Delete name나 Redo Address Change 등의 버튼 제목을 만들기 위해 삭제 된 이름이나 변경된 주소를 제공할지도 모른다. 텍스트를 너무 길게 제공하는 것을 피하라. 버튼 제목이 너무 길면 끝 부분이 잘려서 사용자가 이해하기 힘들다. 그렇게 때문에 버튼 제목은 대문자를 사용하고 단어를 추가하지 않아야 한다. 흔드는 제스처의 과도한 사용은 피한다. 심지어 당신의 어플리케이션이 흔들기 이벤트에 방해를 받을 때 흔들기 동장으로 취소할 수 있다 만약 그들이 또 다른 흔들기 동작을 실행 한다면 사용 자들은 혼란에 빠질 위험이 있다. 당신의 어플리케이션과 사용자가 상호작용을 분석하고 흔들기 제스처를 사용하였을 때 예상치 못한 결과를 가져오는 상황을 피하도록 만들어야 한다. 만약 당신의 어플리케이션에서 실행 취소 및 재실행하는 것이 주요 작업이라면 시스템에서 제공 한 실행취소 및 재 실행 버튼을 사용하라. 흔들기 제스처는 사용자가 실행 취소 및 재실행을 시 작하는 주요 방법이며, 그것은 동일한 작업을 두 가지 방식으로 제공하면 혼동을 줄 수 있다는 것을 기억해야 한다. 당신은 취소 및 다시 실행을 위해 명시 적으로 전용 컨트롤을 제공하는 것 이 중요하다. 결정한 경우, 탐색 바의 시스템이 제공하는 버튼을 배치 할 수 있다.
  • 6. 13. 키보드와 입력화면 필요한 경우, 시스템에서 제공하는 화면 키보드를 대체하는 사용자 정의 입력 화면을 디자인 할 수 있다. 예를 들면, 대다수의 iPad에 제공된 입력화면은 날짜와 시간에 간편하게 들어갈 수 있도 록 설계되어 있다. 만약 사용자 저의 입력 화면을 제공하는 경우 사람들에게 그 기능을 분명히 한다. 또한 입력화면 을 누를 수 있는 것처럼 보여지게 만든다. 당신의 또한 키보드 상단에 나타나는 사용자 정의 입력 부가화면을 제공할 수 있다. 예를 들면 어떤 맥락에서, 숫자는 사용자가 스프레시트 값의 표준 또는 사용자 정의 계산을 수행 할 수 있 는 입력 보조 화면을 표시한다. iOS4.2 이상에서는 사람들이 당신의 입력 화면에 사용자 지정 컨트롤을 누르면 표준 키보드가 음성 피드백을 제공하기 위해 소리를 내는 기능을 사용할 수 있다. 노트: 표준 클릭 사운드는 현재 화면에 있는 사용자 정의 입력화면에서만 이용 가능하다. 사람 들은 키보드의 클릭음을 끌 수도 있다.