대형 화면용으로 빌드하여 일일 활성 사용자를 늘린 Google 포토
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
Google 포토는 추억을 위한 공간이며, Google 포토의 개발팀은 사람들이 모든 기기에서 추억을 즐길 수 있어야 한다고 생각합니다. 이 앱의 기능이 Android 태블릿, 폴더블, ChromeOS 기기에서 원활하게 작동하도록 하기 위해 모든 화면에서 반응형 레이아웃을 개발하는 데 투자했습니다.
진행한 작업
Google 포토 개발팀은 대형 화면에 맞게 레이아웃을 수정하는 방법을 검토했습니다. 또한 사용성 권장사항과 연구를 바탕으로 대형 화면에 맞게 레이아웃을 수정하는 방법을 결정했습니다. 먼저 화면 크기가 증가(태블릿의 경우 600dp 이상, 노트북의 경우 1008dp 이상)할 때 밀도를 줄여 그리드 레이아웃을 개선했습니다. 이를 통해 사용자는 더 큰 폼 팩터에서 사진을 더 쉽게 보고 스크롤할 수 있게 되었습니다.
그런 다음 정보 패널 하단 창을 사이드바로 대체했습니다. 태블릿과 데스크톱의 화면은 가로 모드로 사용되는 경우가 많으므로, 이러한 변경사항을 통해 큰 화면에서 늘어나는 현상을 줄이고 태블릿 사용자가 더 인체공학적으로 기기를 들고 사용할 수 있도록 했습니다. 또한 하단 시트 대화상자를 개선하고 대형 화면에서 사용자 메시지를 더 쉽게 표시할 수 있도록 스낵바를 추가했습니다.
팀은 탐색 구성요소를 하단 메뉴에서 세로 레일로 변경하여 사용자가 더 쉽게 작업을 탐색하고 완료할 수 있도록 했습니다. Google 포토에서는 자체 코드베이스 내에서 이를 빌드했지만 개발자는 새로운 탐색 레일 머티리얼 구성요소를 사용하여 빌드할 수 있습니다. 이를 통해 인체공학을 개선하고 늘어나는 양을 줄이며 세로 스크롤 앱의 화면 공간을 늘릴 수 있습니다.
또한 개발팀은 그리드 크기 조절을 동적으로 만들어 다양한 상태와 화면 크기 간 전환을 간소화하고 키보드 및 스타일러스 펜과 같은 액세서리에 제공되는 지원을 개선했습니다. 생산성을 위해 ChromeOS 기기를 사용하는 소비자가 점점 늘어나면서 앱에서 키보드, 마우스, 터치 등 다양한 입력 방법을 지원하도록 하는 것이 점점 더 중요해지고 있습니다.
결과
팀은 A/B 테스트를 통해 이러한 변경사항을 출시한 결과, 대형 화면에서 주요 제품 기능의 DAU가 전반적으로 증가했으며, 보관 파일의 사용량이 53% 나 증가한 것을 확인했습니다. Google 포토팀은 모든 기기에서 뛰어난 환경을 제공할 수 있도록 모든 화면 크기에서 사용자 환경을 개선하는 데 지속적으로 투자할 것입니다.
시작하기
큰 화면에 맞게 앱을 최적화하는 방법을 자세히 알아보세요.
이 페이지에 나와 있는 콘텐츠와 코드 샘플에는 콘텐츠 라이선스에서 설명하는 라이선스가 적용됩니다. 자바 및 OpenJDK는 Oracle 및 Oracle 계열사의 상표 또는 등록 상표입니다.
최종 업데이트: 2021-09-02(UTC)
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2021-09-02(UTC)"],[],[],null,["# Google Photos increased daily active users by building for large screens\n\nGoogle Photos is the home for your memories, and their development team believes people should be able to enjoy those memories across all devices. To make sure the app's features worked well across Android tablet, foldable, and ChromeOS devices, they invested in developing responsive layouts across all screens.\n\nWhat they did\n-------------\n\nThe Google Photos development team thought through how to modify their layout for large screens. They leaned on [usability best practices](https://material.io/blog/material-design-for-large-screens) and research to determine how they wanted to modify their layouts for large screens. First they improved the grid layout by reducing the density when screens increase beyond 600dp for tablets, and 1008 dp for laptops. This made it easier for users to view and scroll through their photos on the larger form factor. \n\nThen they replaced the info panel bottom drawer with a sidebar. Since tablets and desktop screens are often used in landscape, this approach change reduces stretching across wider screens and provides better ergonomics for the way tablet users hold devices. They also improved the [bottom sheet dialog](https://developer.android.com/reference/com/google/android/material/bottomsheet/BottomSheetDialog), and added [snackbars](https://developer.android.com/reference/com/google/android/material/snackbar/Snackbar) to display user messages easier on large screens. \n\nThey changed the navigation component from a bottom bar to a vertical rail, to make it easier for users to navigate and complete tasks. While Google Photos built this within their own codebase, developers can build this using the new [Navigation rail material component](https://material.io/components/navigation-rail) to improve ergonomics, reduce stretching, and increase the screen real estate for vertical scrolling apps.\n\nThe development team also made grid resizing dynamic to streamline transitioning between different postures and screen sizes, and improved the support they provide for accessories such as keyboards and stylus pens. Given the growth we've seen amongst consumers using ChromeOS devices for productivity, it is increasingly important to ensure apps support a variety of input methods, including keyboard, mouse, and touch.\n\nResults\n-------\n\nThe team rolled out these changes through an A/B test, and noticed an overall **increase in DAU for key product features on large screens, with Archive seeing as much as a 53% usage increase**. The Google Photos team will continue investing in improving the user experience across all screen sizes to ensure a great experience on all devices.\n\nGet Started\n-----------\n\nLearn more about how you can get started with [optimizing your app for larger screens](https://developer.android.com/large-screens)."]]
