Swift - HIG (Human Interface Guide)

HIG (Human Interface Guide)

- 애플의 소프트웨어 제품군인 iOS 및 macOS의 디자인과 사용자 경험을 가이드하는 문서 집합 

- 이 가이드라인은 애플 제품의 사용자 인터페이스(UI)를 디자인하고 개발할 때 지켜야 할 디자인 원칙과 권장 사항 제시 

https://developer.apple.com/design/human-interface-guidelines/

Human Interface Guidelines | Apple Developer Documentation

 

 

iOS의 3가지 핵심 가치

1. Clarity (명확성)

- 가독성 높은 테스트, 이해하기 쉬운 아이콘, 최소화된 장식

- 기능 주도의 디자인, 중요한 요소들의 강조 

 

 

2. Deference (존중)

- 모든 화면을 활용한 컨텐츠 표시

- 메인 컨텐츠 이외의 다른 요소가 부각되지 않도록

- 베젤, 그라데이션의 활용

- 그림자 사용 최소화

- 밝은 인터페이스 유지 

 

 

3. Depth (깊이)

- 레이어와 모션을 활용해 계층을 표현

- 컨텐츠를 이동할 때 깊이감을 더해주도록 화면 전환

- 터치 및 검색 기능으로 컨텐츠에 엑섹스 쉽도록 도움 

 

 

 

 

HIG의 디자인 6 원칙

1. Aesthetic Integrity (심미적 통일)

- 미적 온전함 : 앱의 기능과 디자인이 잘 어울리는가?

- 앱의 모양, 동작이 기능과 얼마나 잘 통합되어 있는지 나타냄

 

2. Consistency (일관성)

- 일관성 : 앱의 아이콘, 텍스트 스타일 등 일관된 디자인으로 사용자에게 편리함 제공

- 아이콘, 표준 텍스트 스타일, 통일된 용어 등을 사용한 익숙한 표준 및 패러다임 구현 

 

3. Direct Manipualtion (직접 조작)

- 직접적인 조작 : 사용자들이 앱을 조작함으로 이에 대한 반응을 즉각적 시각적으로 확인 가능

- 장치 회전, 제스처 사용 등과 같은 직접 컨텐츠 조작을 통해 사용자의 이해도 높이기 

 

4. FeedBack (피드백)

- 피드백 : 탭 - 짧게 강조, 오래걸리는 작업 - 인디케이터, 동작의 결과 - 소리, 애니메이션 

- 사용자가 발생시킨 동작에 대해 그래픽, 사운드를 통한 작업 결과를 보여줌 

 

5. Metapors (비유)

- 메타포 : 책을 넘기는 실제 경험과 빗대어 사용자가 스와이프 하며 화면 전환

- 사용자들이 친숙하게 느낄만한 비유를 통해 이해를 도움

 

6. Use Controls (사용자 컨트롤)

- 사용자의 통제 : 사용자가 전체적으로 앱을 통제하고 있는 느낌을 알려줌 

- 중요한 작업은 사용자가 직접 결정하여 동작하도록 함

 

 

 

참고)

https://www.youtube.com/watch?v=W55tVydhWtw 

https://eastbyeden.tistory.com/30

https://seungchan.tistory.com/entry/HIG-%EC%95%8C%EC%95%84%EB%B3%B4%EA%B8%B0