Haru's 개발 블로그

[HIG] Settings 본문

IOS/HIG(UI,UX)

[HIG] Settings

Haru_29 2022. 5. 29. 10:06

일부 앱은 설정 또는 구성을 선택하는 방법을 제공해야 할 수 있지만 대부분의 앱은 그렇게 하는 것을 피하거나 지연할 수 있습니다. 성공적인 앱은 대부분의 사람들에게 즉시 잘 작동하는 동시에 경험을 조정할 수 있는 몇 가지 편리한 방법을 제공합니다. 대부분의 사람들이 기대하는 방식으로 앱이 작동하도록 디자인하면 설정의 필요성이 줄어듭니다.

시스템에서 무엇을 할 수 있는지 추론합니다. 사용자, 장치 또는 환경에 대한 정보가 필요한 경우 사용자에게 묻지 말고 가능하면 시스템에 쿼리하십시오. 예를 들어, 지역 옵션을 제시할 수 있도록 다른 사람에게 우편 번호를 입력하도록 요청하는 대신 현재 위치를 사용할 수 있는 권한을 요청하십시오. 사용자가 자신의 정보에 대한 액세스를 거부하는 경우 수동 입력으로 정상적으로 대체합니다.

앱 내에서 구성 옵션의 우선 순위를 신중하게 지정하세요. 앱의 메인 화면은 필수적이거나 자주 변경되는 옵션을 위한 좋은 장소입니다. 보조 화면은 가끔씩만 변경되는 옵션에 더 좋습니다.

설정에서 자주 변경되지 않는 구성 옵션을 노출합니다. 설정 앱은 시스템 전체에서 구성을 변경하기 위한 중앙 위치이지만 사람들이 거기에 가려면 앱을 떠나야 합니다. 앱 내에서 직접 설정을 조정하는 것이 훨씬 더 편리합니다. 

적절한 경우 설정에 대한 바로 가기를 제공합니다. 앱에 "설정 > MyApp > 개인 정보 보호 > 위치 서비스로 이동"과 같이 사용자를 설정으로 안내하는 텍스트가 포함된 경우 해당 위치를 자동으로 여는 버튼을 제공해야 합니다. 

 

이 사용자 흐름은 이메일 주소를 업데이트하는 데 필요한 작업을 나타냅니다.

 

더 나은 앱 설정 UX를 위한 지침

그룹 카테고리

앱에 여러 설정이 있는 경우 사용자가 필요한 것을 찾기 어려울 수 있습니다. 해결 방법은 설정을 범주로 그룹화하는 것입니다. 예를 들어 Shopify에는 긴 설정 목록이 있지만 탐색하기 쉬운 범주로 정렬되어 있습니다.

시각적 계층 구조 설정

설정 패널은 시각적 계층 구조 없이는 성공할 수 없습니다. 자주 사용하는 설정을 맨 앞으로 가져오는 것이 좋습니다. 옵션이 너무 많으면 범주를 하위 페이지로 분리하여 인지 부하를 줄입니다.

.

전문 용어로 이름을 피하십시오

전문 용어는 사용자가 설정 패널 외부에서 컨텍스트를 찾도록 합니다. 설정은 기능을 나타내는 일반 언어로 가장 잘 설명됩니다. 제품 및 마케팅 팀을 달래지만 사용자를 혼란스럽게 하는 이름은 피해야 합니다. Calm의 설정 카테고리는 이해하기 쉽습니다.

 

명확한 설명 제공

설정에는 영향을 설명하는 설명이 필요합니다. 설정이 수행하는 작업을 명확하게 정의하되 사용자가 중요한 세부 사항을 간과할 정도로 많은 정보를 제공하지 마십시오. 다시 한 번 일상 언어를 사용하고 기본 설정을 복원하는 옵션을 활성화합니다. Brave의 설명은 각 설정의 영향을 명확하게 설명합니다.

 

저장된 상태에 대한 상태 표시기 및 피드백 제공

많은 앱에서 업데이트된 설정은 자동으로 저장되지만 사용자는 여전히 변경 사항을 확인하는 피드백이 필요합니다. 사용자가 '저장' 버튼을 클릭해야 하는 경우 눈에 잘 띄도록 해야합니다. 사용자가 강제로 스크롤하면 설정이 저장되지 않을 수 있습니다. Atlassian Jira는 설정이 업데이트되면 사용자에게 즉각적인 피드백을 제공합니다.

 

적절한 UI 컨트롤 사용

라디오 버튼과 체크박스는 설정 패널의 표준 UI 컨트롤이지만 서로 바꿔 사용할 수 없습니다.

작업에 검토 또는 확인이 필요하지 않은 경우 토글 스위치를 사용하고 보다 명확하게 하기 위해 "켜기/끄기" 레이블을 추가하는 것이 좋습니다.

 

기본 및 고급 설정 제공

다양한 설정이 있는 앱을 처리하는 좋은 방법은 두 가지 수준의 입력을 제공하는 것입니다. 기본 설정은 기본적으로 설정 패널을 채우고 일반 사용자의 요구 사항을 충족하는 반면 고급 설정은 보다 세분화된 제어를 원하는 사용자에게 적합합니다. Spotify의 고급 설정을 통해 사용자는 청취 경험을 미세 조정할 수 있습니다.

 

이메일 확인 보내기

많은 앱에는 금융 정보를 비롯한 민감한 데이터가 포함되어 있습니다. 이메일 확인은 설정 패널 외부에 존재하지만 계정 세부 정보가 변경될 때 사용자에게 알려야 하므로 중요합니다. 관련된 앱 또는 설정에 따라 모든 업데이트에 대해 확인을 보낼 필요는 없습니다. 사용자가 로그인 자격 증명을 업데이트할 때마다 확인 이메일을 보내야 합니다.

 

 

 

 

출처: https://www.toptal.com/designers/ux/settings-ux

 

How to Improve App Settings UX

Well-designed settings panels allow users to tailor apps to their needs and help companies lower customer-support costs. What techniques ensure effortless settings UX? #uxdesign #design #web

www.toptal.com

https://developer.apple.com/design/human-interface-guidelines/ios/app-architecture/modality/

'IOS > HIG(UI,UX)' 카테고리의 다른 글

[HIG] Accounts  (0) 2022.06.06
[HIG] 3D touch  (0) 2022.06.05
[HIG] Navigation  (0) 2022.05.29
[HIG] Accessing User Data and Resources  (0) 2022.05.29
[HIG] Modality  (0) 2022.05.29
Comments