brunch

You can make anything
by writing

C.S.Lewis

by Lawn Jan 20. 2023

[HIG] Entering data

명확하고 실수없는 데이터 입력

본 문서는 Apple의 Human Interface Guideline(이하 HIG) 문서를 한글로 번역한 것입니다. iOS 생태계 내에서 HIG를 읽으시는 분들이 번역본이 없어 불편함을 겪는 것을 알게 되었고, 이에 한글로 번역을 하게 되었습니다. iOS 커뮤니티 Async Swift에서 자율적으로 모인 9명이 함께 번역했으며, 일체의 상업적인 목적을 띄지 않습니다. 이 문서를 학습에 적극적으로 이용해 주시돼, 상업적인 용도로 이용하시는 것은 지양해 주시기 바랍니다. 감사합니다.


Introduction


사용자들이 데이터를 입력할 때 실수 없이 쉽게 입력할 수 있는 방법을 제공하세요.


데이터를 입력하는 일은 사람들에게 지루한 과정일 겁니다. 사람들이 입력해야 하는 데이터의 양을 최소화하기 위해서 가능한 한 많은 정보를 사전에 수집하고, 사용 가능한 모든 입력 방법을 지원하여 사람들이 적합한 방법을 선택할 수 있도록 사용자 경험을 개선해야 합니다.


Best practices


가능한 시스템 안에서 자체적으로 정보를 얻으세요. 사람들에게 자동으로 수집할 수 있는 정보를 입력하도록 재요청하지 마세요. 예를 들어 설정에서 불러온 데이터 또는 위치나 캘린더 정보 등을 승인을 받아 사용하는 방법 등이 있습니다.


필요한 데이터를 사용자들에게 명확히 알려주세요. 예를 들어 이메일을 입력하는 텍스트 필드에 미리 "username @company.com" 또는 "이메일"과 같이 정보를 설명하는 소개 레이블을 제공할 수 있습니다. 사용자의 의사 결정을 최소화하고 데이터 입력 속도를 높일 수 있는 합리적인 기본값으로 필드를 미리 채울 수도 있습니다.


민감한 데이터의 경우 보안 텍스트 입력 필드(secure text field)를 사용하세요. 앱이나 게임에서 민감한 데이터가 필요한 경우 각 문자에 대해 채워진 작은 원 기호를 표시하여 입력된 데이터를 가리는 필드를 사용합니다. 개발자 지침은 SecureField를 참고하세요. TvOS에서는 사람들이 입력하는 숫자를 가리도록 digit entry view를 구성할 수도 있습니다. 개발자 가이드라인은 isSecureDigitEntry을 참고하세요.   


역자설명 : 하단의 이미지가 각 문자에 대해 채워진 작은 원 기호를 표시하여 데이터를 보안할 수 있는 텍스트 입력필드입니다.

암호 필드를 미리 채우지 마세요. 사람들에게 매번 비밀번호를 입력하거나 생체 인식 또는 키체인 인증을 사용하도록 요청하세요. 가이드라인은 Managing accounts를 참고하세요.


필드의 값을 유동적으로 검증하세요. 사람들이 긴 양식의 데이터를 입력하다가 발생한 오류를 나중에 발견하게 된다면 짜증이 날 수 있습니다. 입력하는 값을 확인하고, 문제를 감지하는 즉시 피드백을 제공해 사용자들이 오류를 즉시 수정할 수 있게 하는 것이 좋습니다. 특히 숫자 데이터의 경우 숫자 값만 허용하는 텍스트 필드를 제공해 자동으로 숫자 포맷터(number formatter)가 되도록 하는 것이 좋습니다. 특정 소수점 이하 자릿수, 백분율 또는 통화와 같은 특정 방식으로 값을 표시하도록 포맷터를 구성할 수도 있습니다.


가능하면 텍스트 입력보다 선택을 할 수 있는 목록을 제공하세요. 키보드를 사용할 수 있는 경우에도 정보를 입력하는 것보다 목록에서 선택하는 것이 더 쉽고 효율적입니다. picker, menu 또는 이외의 선택 구성 요소를 사용하여 사람들에게 필요한 정보를 쉽게 제공할 수 있는 방법을 고려하세요.


역자설명 : 하단의 이미지가 피커와 메뉴입니다.

사용자들이 데이터를 끌어다 놓거나 붙여 넣는 방식으로 데이터를 입력할 수 있도록 하세요. 이러한 상호 작용을 지원하면 데이터 입력이 쉬워지고 통합된 사용자 경험을 제공할 수 있습니다.


필요한 데이터의 경우, 데이터가 입력된 후에만 버튼을 활성화하세요. 다음 또는 계속 버튼을 활성화하기 전에 필요한 데이터가 데이터 필드에 있는지 확인하세요. 버튼이 활성화되면 사람들은 필요한 데이터를 입력하지 않고 넘어갈 수도 있습니다.


Platform considerations


No additional considerations for iOS, iPadOS, tvOS, or watchOS.


mac OS

필드에 잘린 텍스트를 모두 표시하려면, 확장 도구 설명(Expansion tooltip)을 사용하는 것이 좋습니다. 확장 도구 설명(expansion tooltip) 은 포인터가 필드 위에 있을 때 나타나며 도움말 태그(help tag)처럼 기능합니다. (즉, 컨트롤 위에 마우스를 놓으면 확장 도구 설명이 표시됩니다.) Mac에서 실행되는 iOS 및 iPadOS 앱을 포함하여 macOS에서 실행되는 앱은 텍스트 필드가 너무 작아 표시할 수 없을 때 사람들이 입력한 전체 데이터를 볼 수 있도록 확장 도구 설명을 사용할 수 있습니다. 가이드라인은 Offering help 참고하세요.   


역자설명 : 하단의 이미지가 확장 도구 설명(expansion tooltip)입니다.

Resources


Related   

Text fields

Onscreen keyboards

Keyboards


Developer documentation   

User input — SwiftUI


Videos   

What's new in UIKit WWDC21


작가의 이전글 [HIG] Drag & Drop
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari