본문 바로가기
iOS - 실무관련/HIG(Human Interface Guidelines)

iOS - Themes

by print_soo 2022. 3. 29.

[iOS Design Themes]

명확성

문자는 각각의 크기마다 읽기 쉬우며, 아이콘은 정확하고 뚜렷하게, 장식은 섬세하며 적절하고, 기능에 명확히 집중해 디자인에 동기부여를 한다. 네거티브 스페이스, 색, 서체, 그래픽 그리고 인터페이스의 요소들은 중요한 내용을 미묘하게 강조하고, 상호작용성을 전달한다.

 

차이

유연한 움직임과 아름다운 인터페이스는 사람들이 하지 않고 내용을 이해하고, 상호작용하는데 도움을 준다. 내용(컨텐츠)는 대부분 화면의 전체를 채우거나, 반투명과 블러 처리는 뭔가 더 있음을 암시한다. 베젤, 그라디언트와 드롭섀도우(그림자)사용을 최소화함으로서 인터페이스를 가볍게 만들고 내용을 무엇보다 중요하게 만든다. 

 

깊이

뚜렷하게 구분되는 시각 레이어와 사실적인 모션은 위계를 전달하고, 활기를 주며 이해를 돕는다. 터치와 발견 가능성은 즐거움을 높이고 맥락을 잃지 않으면서 기능과 추가 내용에 접근할 수 있게 한다. 트랜지션은 내용을 탐색하는 동안 깊이를 인지하는데 도움울 준다.

 

[Design Principles]

미적 온전함

미적 온전함은 앱의 모습과 동작이 얼마나 그 앱의 기능과 잘 통합되는지를 보여준다. 예를 들어, 중요한 일을 수행하는데 활용되는 앱은 미묘하고 야단스럽지 않은 그래픽, 표준의 컨트롤과 예측 가능한 행동을 통해 사용자를 집중시킬 수 있을 것이다. 반면, 게임과 같은 몰입형 앱은 즐거움과 흥미를 보여주는 모습으로, 새로운 발견을 장려하며 사용자의 마음을 사로잡을 수 있다.

 

일관성

일관적인 앱은 시스템에서 제공되는 인터페이스 요소와 잘 알려진 아이콘, 표준의 문자 스타일, 균일한 용어를 사용하며 전형적인 모범이 된다. 이 앱은 사용자들이 기대하는 방식의 기능 및 동작을 포함한다. 

 

직접적인 조작

스크린 위의 콘텐츠를 직접적으로 조작하는 것은 사용자의 관심을 끌고, 이해를 가능케한다. 사용자들은 기기를 돌리거나, 콘텐츠에 영향을 끼치는 제스처를 사용할 때 직접적인 조작을 경험한다. 직접적인 조작을 통해서, 그들의 행동의 결과를 즉각적 및 시각적으로 볼 수 있다.

 

피드백

피드백은 동작을 인지하고 그 결과를 보여줌으로써 사용자에게 정보를 제공한다. iOS의 기본 앱은 사용자의 동작에 답하여 인지가능한 피드백을 제공한다. 상호작용하는 요소들은 탭 됐을 때 짧게 강조되고, 진행 표시자(인디케이터)는 길게 이어지는 동작의 상태를 보여주며, 애니메이션과 소리는 동작의 결과를 명확하게 한다.

 

비유(Metaphors)

사용자들은 앱 안의 가상의 대상과 동작이 기존의 익숙한 경험을 비유하는 것일 때 (그 기원이 실제든 디지털 세상이든) 더 빨리 배울 수 있다. iOS에서 비유는 사람들이 물리적으로 화면과 상호작용하기 때문에 잘 작동한다. 그들은 아래의 내용을 보기 위해 뷰(컴포넌트)를 치워내고 내용을 드래그하고 스와이프한다. 스위치의 토글을 껐다 켜고, 슬라이더를 움직이며, Picker 리스트의 값을 스크롤합니다. 심지어 책과 잡지의 페이지를 넘기기 위해 휙 손가락을 튀기기도 한다.

 

사용자의 통제

사용자가 iOS 전체를 통제합니다. 앱은 몇 동작을 제안하거나, 위험한 결과를 미리 경고할 수는 있으나 이는 대개 의사결정을 앱에게 떠넘기는 실수입니다. 최고의 앱은 사용자가 마음껏 할 수 있게 하는 것과 원치않는 결과가 나오지 않도록 막는 것 사이에서 적정한 균형을 찾습니다. 앱은 상호작용의 요소를 친숙하고 예측 가능하도록 유지하고, 파괴적 행동(삭제 등)을 확인시키며, 심지어 사용자가 이미 진행중에 있다 하더라도 기능을 중단시키는데 쉽게 만드는 것을 통해 사용자가 스스로 통제권을 쥐고 있다고 느끼게 할 수 있다.

 

 

'iOS - 실무관련 > HIG(Human Interface Guidelines)' 카테고리의 다른 글

App architecture - Modality  (0) 2022.03.30
App architecture - Loading  (0) 2022.03.29
App architecture - Onboarding  (0) 2022.03.29
App architecture - Launching  (0) 2022.03.29
iOS - Interface Essentials  (0) 2022.03.29