iPhone X 대응방안 및미대응 사례를 통한 이슈사항 사전 예측

2017/01/10UX팀

Safe Area 대응별도의 주석을 달지 않았습니다.

디바이스별 Safe Area

디바이스별 Safe Area_ 가로/세로 전환 시

iPhone X Safe Area 대응

iPhone X Safe Area 대응

iPhone X Safe Area 대응

iPhone X Safe Area 대응

서비스별iPhone X 대응 현황

서비스별 iPhone X Safe Area 대응 현황

서비스별 iPhone X Safe Area 대응 현황

서비스별 iPhone X Safe Area 대응 현황

서비스별 iPhone X Safe Area 대응 현황

서비스별 iPhone X Safe Area 대응 현황

참조자료

잡코리아

고정메뉴에 외곽 라인이 들어간 경우와그렇지 않은 경우를 비교해 주세요.

붕 떠보이는 이 영역을Airbnb와 비교해 주세요.

알바몬System Status 영역과타이틀 영역에 차이가..

본 영역과네이버, 다음 등의 화면을비교해볼 수 있습니다.붕 떠보이는 이 영역을

Airbnb와 비교해 주세요.

위비뱅크

복지로

BNK부산은행

iONE뱅크

아내의식탁

본 이미지 배너 영역을다음검색과 비교해 주세요.

만개의레시피

뒤 늦게 만들어진 화면들은아직 대응되지 못했습니다.

부동산114System Status 영역의

높아진 높이값이 다르게 반영되어 있습니다.

NH농협생명 모바일창구

Liiv ON 부동산

지하철

Worknet

Behance

다음검색

배너 이미지 하단을동일색상의 이미지로 채워

붕 떠보이는 어색함을 줄였습니다.

Airbnb

Airbnb

네이버검색System Status영역이 확연히 높아진

것을 확인할 수 있습니다.

네이버검색

Oksusu

참고문헌

[Things to keep in mind when designing for “new” iPhone X]https://medium.com/sketch-app-sources/things-to-keep-in-mind-when-designing-for-new-iphone-x-bfc19a7703ae

[How to Design for iPhone X (without an iPhone X)]https://blog.halide.cam/how-to-design-for-iphone-x-without-an-iphone-x-e7226ef0616

[Human Interface Guidelines iOS]https://developer.apple.com/ios/human-interface-guidelines/overview/iphone-x/

[iPhone X Design Guideline(번역본)https://brunch.co.kr/@zalhanilll/168

[How To Prepare Your Apps For The iPhone X]https://novemberfive.co/blog/apple-september-event-iphonex-apps/

[Positioning Content Relative to the Safe Area]https://developer.apple.com/documentation/uikit/uiview/positioning_content_relative_to_the_safe_area

[iOS Safe Area]https://medium.com/rosberryapps/ios-safe-area-ca10e919526f

지금까지 현황파악을 위한 정보를 확인해 보았으며 ‘어떻게’ 대응할지는 아래의 참고문헌을 참조 바랍니다.

감사합니다.