iOS/AOS별 디자인 가이드

UI/UX 디자이너의 공부하는 삶

지난 게시글들에서 플랫폼 환경의 현재와 미래, 모바일 플랫폼에서의 앱 종류와 특징에 대해서 정리해봤다. 

https://brunch.co.kr/@hyojungshin/65

플랫폼 환경의 현재와 미래

https://brunch.co.kr/@hyojungshin/66

모바일 플랫폼에서의 앱의 종류와 특징

이번에는 모바일의 UX 특성과 디자인 원칙에 대해서 정리해보고 참고해야 할 디자인 가이드 사이트 목록도 공유해보려 한다.

---

모바일 UX

모바일에서 사용자 경험이 강조되는 이유는 다음과 같이 정리할 수 있을 것 같다.

1. 작은 화면에서 이루어지는 서비스
2. 사용자가 원하는 정보를 직관적이고 신속하게 보여주고 반응해야 함
3. 불특정 다수가 대상이므로 대다수의 사용자 경험을 만족시켜야 한다는 점
4. 모바일 수요 증가 및 보급으로 모바일을 중심으로 한 니즈와 경험 증가 

모바일 UX의 기본적인 특성

1. 높은 사용자 접근성 (24시간 사용 가능)
2. 사용자와의 높은 상호작용 (interaction)
3. 다양화되는 입력 방식 (Touch, Gesture, Audio 등)
4. 센서 기반으로 이루어지는 동작 가능
5. 높은 휴대성
6. 모바일 운영체계가 존재 (OS)

모바일 UI/UX 디자인 원칙

1. 사용자의 인지적 관점에서 이해할 수 있는 디자인
2. 사용하기 쉬운 인터페이스
3. 원활한 상호작용 (interaction)
4. 간결하고 매력적인 디자인
5. 유용한 기능과 콘텐츠
6. 사용자 행동과 상황, 반응을 고려한 직관적인 디자인
7. 접근성의 극대화
8. 사용자 실수 방지 및 복구가 가능한 디자인
9. 표준을 준수한 일관된 디자인

---

OS별 UI/UX 디자인 가이드라인

1. iOS

iOS 휴먼 인터페이스 가이드라인(Human interface guidelines)

Human Interface Guidelines - Human Interface Guidelines - Design - Apple Developer

https://developer.apple.com/design/

Design - Apple Developer

애플 모바일 사용자 인터페이스의 원칙을 확인할 수 있다. 애플은 사용자가 목적을 이루고 편리한 사용성이 균형을 이루는 인터페이스를 제공하고자 한다. 훌륭한 UI는 기계의 성능이 아닌 사용자, 사용자의 생각과 동작을 고려한다.

1. 심미적 통합 (aesthetic integrity) - 앱의 아름다운 디자인과 좋은 기능의 통합
2. 일관성 (consistency) - iOS 표준 준수 여부, 컨트롤, 뷰, 아이콘 디자인의 일관성 등의 원칙들
3. 직접적 조작 (direct manipulation) - 자유자재로 UI를 조작함과 액션에 대한 즉각적인 반응 
4. 반응성 (heedback) - 사용자의 조작에 대해 즉각적인 피드백을 주는 것
5. 은유 (metaphors) - 메타포를 이용한 충분한 그래픽 이미지와 동작 제공
6. 사용자 통제성 (user control) - 표준 컨트롤과 액션 사용을 사용하고 취소할 기회 제공

2. AOS

Android를 위한 디자인

Material Design

1. 사용자에게 집중하라
2. 사용자에게 중요한 요소들의 시인성을 확보하라
3. 개발 도중에도 사용자의 의견을 반영하라
4. 사용자의 행동, 상황, 반응을 예측하라
5. 사용자가 오류를 범하더라도 정상 작동하게 하라

참고하면 좋은 디자인 가이드

https://www.microsoft.com/design/

Microsoft Design

http://design.samsung.com/global/index.html

DESIGN SAMSUNG

https://facebook.design/

Design at Meta is dedicated to what's new in design

https://airbnb.design/

A quick update

https://spotify.design/tools

Tools