[본캠프- Figma활용법(2)] 3주차 숙제- UI 차이점과 와이어프레임 그려보기

1. UI 차이점 찾아보기

1-1) OS 별로 차이가 있는 부분을 찾아보고, 왜인지 나름의 이유를 적어 보세요. 동일한 앱의 UI가 안드로이드 기기와 아이폰에서 다르게 보이는 부분을 찾고 왜 다른지 다양한 이유를 논의해보기

메인화면

• 아이폰의 경우 이미지, 로고 제외한 폰트가 아이폰 기본 폰트로 적용되고
갤럭시의 경우 기본 폰트나 사용자가 설정한 폰트로 적용됨 애플의 디자인 철학이 사용자 경험과 시각적 일관성을 중시하기 때문인 것 같다.
• 기본 운영체제의 하단 고정탭 방지의 차이로 아이폰은 드래그와 드래그후 잠시 멈춰
  있으면 홈화면과 사용중인 페이지를 볼 수 있다. 안드로이드는 기본 버튼 3가지 버튼 형식으로 있는데 뒤로가기 , 홈, 멀티태스팅 이렇게 있다.

검색바

• 아이폰 화면에는 뒤로가기 버튼이 없고 안드로이드 화면에는 취소 버튼이 없다

구매하기 화면

• 기본 운영체제의 상단 차이로 인해 팝업(ios 명 모달)이 다르다

 

1-2) 웹과 앱에 차이가 있는 부분을 찾아보고, 왜인지 나름의 이유를 적어 보세요.동일한 서비스의 UI가 앱과 모바일 웹에서 다르게 보이는 부분을 찾고 왜 다른지 다양한 이유를 논의해보기

2. 가상의 OTT 서비스 와이어프레임

• 가상의 OTT 서비스의 콘텐츠 목록 화면과 콘텐츠 상세 정보 화면