[제로베이스 PM 파트타임스쿨] 96일차 - 디자이너와 협업하기2 / 모바일 플랫폼 가이드라인

 

비트맵은 확대하면 깨진다. bmp, jpg, png

백터파일은 안깨진다 svg 그래서 반응형웹에 svg를 많이 사용한다.

 

Affordance : 사용자들에게 가이드를 제공하지 않아도 자연스럽게 사용을 할 수 있는..

아래는 affordance가 좋은 사례

디자이너와 협업할때는 개인적인 의견보다는 요구사항만 전달하는 것이 좋다.

팝업의 위치를 요구한다기 보다는 팝업이 강조되었으면 좋겠고, 어떤 배경에 의해 강조를 원하는지를 설명해주는게 좋다.

---

안드로이드는 구글 material 디자인가이드,  ios는 휴먼 인터페이스 가이드라인을 가지고 있다.

 

안드로이드는 하단에 물리적으로 백버튼이 있거나 하단 네비게이션에 제공되지만 아이폰의 경우에는 각 어플 화면 상단에 백 버튼이 노출되어 있거나 엣지스와이프를 통해 이동한다.

 

서브 메뉴를 노출을 위한 아이콘이 다르기도 하다. 안드로이드는 햄버거베뉴, 아이폰은 ...으로 하단에 위치한다. 

 

cta 버튼의 위치도 다르다. 안드로이드는 플로팅으로 가이드하고 있다. 아이폰의 경우 상단에 정의하고 있다. 개인적으로 안드로이드 유저라서일지는 모르겠는데 플로팅이 더 좋다고 생각한다. 

서치 버튼의 위치도 다른 것을 볼 수 있다.

 

안드로이드와 아이폰은 동일한 기능도 디자인이 다름을 볼 수 있다.

 

대표적을 공유기능 아이콘도 서로 다르다.

 

대부분의 텍스트를 왼쪽 정렬한 안드로이드와 다르게 ios는 가운데 정렬을 한다. 

안드로이드는 의견 수렴 버튼들은 오른쪽 정렬한 것을 할 수 있는데 대부분의 사용자들이 오른손잡이이기 때문이다.