과제 1 : UI 차이점 찾아보기
OS 별로 차이가 있는 부분을 찾아보고, 왜인지 나름의 이유를 적어 보세요.
넷플릭스
↑안드로이드
↑ios
검색
안드로이드 - 검색필드
ios - 검색 아이콘
상단 카테고리
안드로이드는 텍스트 버튼
ios는 아웃라인 버튼
홈화면
안드로이드 - 추천영화 이미지를 그라데이션
- 마이리스트, 플레이 외 인포 컴포넌트
ios - 추천영화를 카드 형식
- 인포 컴포넌트를 찾을 수 없다.
네비게이션바
안드로이드 - Games를 포함한 5개
ios - Games가 빠진 4개
홈화면에 추천영화 이미지를 넣는 방식이 왜 다른지 찾지 못 했다. 하지만 검색창과 카테고리 버튼은 추천영화 이미지를 넣는 방식이 달라서 차이가 나는거 같다.
슬랙
↑안드로이드
↑ios
네비게이션 바
안드로이드 - 없음
ios - 있음
안드로이드는 뒤로가기버튼이 있어서 네비게이션 바가 없는거 같다.
↑안드로이드
↑ios
FAB버튼
안드로이드 - 사각형에 곡률이 있음
ios - 동그라미
유튜브
Human Interface Guidelines에서 FAB 디자인 가이드는 찾지 못 했지만 Material Design 에서 안드로이드의 플로팅 액션 버튼의 가이드를 확인 할 수 있었다.
웹과 앱에 차이가 있는 부분을 찾아보고, 왜인지 나름의 이유를 적어 보세요.
↑웹
↑안드로이드
메뉴
웹 - 아코디언
앱 - 네비게이션 바
아무래도 웹은 가로로 길고 앱은 세로로 긴 화면을 사용해서 웹은 옆에 앱은 아래에 둔거 같다.
인스타그램
↑웹
↑안드로이드
인스타그램의 게시물은 세로가 더 길어서 유튜브와 마찬가지로 가운데에 메인 콘텐츠를 넣고 앱에선 네비게이션 바에 있는 메뉴를 왼쪽에 배치했다. 그리고 오른쪽은 팔로워 추천을 해주는 영역을 추가했다.
smooth talker -> sumith talker