[Apple] Apple Design Challenge (4) - 일관성, 근접성, 그룹핑

 

 

 

 

 

2023. 03. 20 월요일

뛰어난 앱 사용성 알아보기

모든 차들의 페달이 동일하게 동작

일관적인 자동차 디자인 - 기능

나의 어플도 다양한 iOS 앱들 중 하나라는 점을 명심해야 한다.

애플 티비로 캘린더 어플을 단순히 확대한다면?

해당 화면에 적합한 비율로 구성

iOS 에서 공유 버튼

안드로이드의 공유 버튼

?!

가로 바 없이 화살표 사용하는 것이 iOS

디자인 - 다른 특색을 띄는 것은 중요하다 (하지만 일관성을 유지하면서)

iOS

직접 피콜로 어플에 적용해보자

어떤 점들이 iOS 플랫폼 일관성을 저해하는가?

보통 아이콘이 텍스트보다 상단에 위치 -> 아래로 스크롤하면 다음과 같이 높이가 맞추어짐

총 3가지 부분

네비게이션 변경! + 콜렉션 뷰 타이틀 변경

터치 기능을 글씨 바로 옆에 두어도 된다

이곳도 3가지 - 플랫폼 일관성 포인트

변경된 모습 - 훨씬 깔끔해 보인다. 대박,, 👍

+ 보색을 활발히 활용함

글씨 - 배경색 명암비 (개인적으로 어도비 사이트 추천합니다)

더욱 명확하게! (4.5 이상이 일반적으로 적합)

HIG

브랜드 아이덴티티

둘 중 어느것이 우선되어야 하는가?

브랜드 아이덴티티의 중요성을 추구하게 되면, 

사용자의 사용성을 저해시킬 수 있다. 

따라서 iOS 디자인 가이드라인을 중요시해야 함

호텔을 방문한 경험을 떠올려보자

화장실 조명은 화장실 문 근처에, 침실 조명은 침대 근처에

조명 버튼/스위치를 살펴보자

첫번째가 블라인드 조절용 버튼이라면, 나머지 3개도 블라인드 관련 버튼으로 인식된다

만약 기능이 다르다면 분리해야한다

나아가 디자인을 변경하는 것도 좋은 방법이다

내가 담은 주문 + 추천 메뉴 -> 구분?

기본 카메라 어플 - 그룹핑이 잘 되어있다

기존 플래쉬에 야간 모드가 추가되며, 유사한 기능끼리 버튼을 모아둠

배율 조정도 마찬가지로 묶어두었다 + 화면 바로 위에 띄움으로써 해당 설정이 뒷 배경 (카메라 프레임) 조작에 영향을 미친다는 것을 직관적으로 전달

어떻게 그룹핑하면 좋을까?

스페이싱

디바이드 라인 추가

마지막 주제는 사용자의 피드백

어플 사용자 (유저)와 직접 대화한다고 생각해보자

메일함의 표식으로 읽지 않은 메일을 확인할 수 있다 (사용자에게 주는 피드백 방식)

참석하지 않은 사람에 대한 표식

동영상 버튼 활성화와 더불어 상단의 시간 흐름으로 통해, 동영상 촬영 중을 알리는 피드백

완료 동작 (애니메이션)

팅! 소리 + 진동 등등

경고를 알릴 수도 있다

이메일 회원가입 절차에서 올바르지 않은 입력이 들어온다면?

다음과 같이 워닝 메세지를 줄 수 있다

6월에는 31일이 없다 -> 이러한 입력에 대한 대응은?

7월 1일을 추천해줄 수 있다 (좋은 로직같다고 생각했다)

카페 알바생이라고 생각해보자

우유와 오트를 잘못 알고, 헷갈렸다. (우유 대신 오트를 넣음)

가장 좋은 피드백은? -> 대안을 제시한 존의 방식

실행가능성 X

명확하지 X

이 모든 요소를 잘 고려하여, 애플이 추구하는 가치 (Humanity)를 충족시키는 좋은 어플을 만들어보자!