Google Photos tăng số người dùng hoạt động hằng ngày nhờ việc tạo ứng dụng cho màn hình lớn
Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang
Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.
Google Photos là nơi lưu trữ kỷ niệm của bạn. Nhóm phát triển của Google Photos tin rằng mọi người đều có thể thưởng thức những kỷ niệm đó trên mọi thiết bị. Để đảm bảo các tính năng của ứng dụng hoạt động hiệu quả trên máy tính bảng Android, thiết bị có thể gập lại và thiết bị ChromeOS, họ đã đầu tư vào việc phát triển bố cục thích ứng trên tất cả màn hình.
Những việc họ đã làm
Nhóm phát triển Google Photos đã cân nhắc cách sửa đổi bố cục cho màn hình lớn. Họ dựa vào các phương pháp hay nhất về khả năng sử dụng và nghiên cứu để xác định cách họ muốn sửa đổi bố cục cho màn hình lớn. Trước tiên, họ đã cải thiện bố cục dạng lưới bằng cách giảm mật độ khi màn hình tăng lên trên 600 dp đối với máy tính bảng và 1008 dp đối với máy tính xách tay. Nhờ đó, người dùng có thể dễ dàng xem và cuộn qua ảnh trên thiết bị có kích thước lớn hơn.
Sau đó, họ thay thế ngăn dưới cùng của bảng thông tin bằng một thanh bên. Vì máy tính bảng và màn hình máy tính thường được dùng ở chế độ ngang, nên thay đổi này giúp giảm tình trạng kéo giãn trên màn hình rộng hơn và mang lại trải nghiệm thoải mái hơn cho cách người dùng máy tính bảng cầm thiết bị. Họ cũng cải thiện hộp thoại bảng dưới cùng và thêm thanh thông báo nhanh để hiển thị thông báo cho người dùng dễ dàng hơn trên màn hình lớn.
Họ đã thay đổi thành phần điều hướng từ thanh dưới cùng thành dải dọc để giúp người dùng dễ dàng điều hướng và hoàn thành các tác vụ. Mặc dù Google Photos đã tạo thành phần này trong cơ sở mã của riêng họ, nhưng các nhà phát triển có thể tạo thành phần này bằng thành phần Material Navigation rail mới để cải thiện công thái học, giảm tình trạng kéo giãn và tăng không gian màn hình cho các ứng dụng có thể cuộn theo chiều dọc.
Nhóm phát triển cũng đã điều chỉnh kích thước lưới một cách linh hoạt để đơn giản hoá quá trình chuyển đổi giữa các tư thế và kích thước màn hình, đồng thời cải thiện khả năng hỗ trợ cho các phụ kiện như bàn phím và bút cảm ứng. Do số lượng người tiêu dùng sử dụng thiết bị ChromeOS để làm việc ngày càng tăng, nên việc đảm bảo các ứng dụng hỗ trợ nhiều phương thức nhập, bao gồm cả bàn phím, chuột và thao tác chạm, ngày càng trở nên quan trọng.
Kết quả
Nhóm đã triển khai những thay đổi này thông qua một thử nghiệm A/B và nhận thấy DAU tổng thể tăng lên đối với các tính năng chính của sản phẩm trên màn hình lớn, trong đó tính năng Lưu trữ có mức sử dụng tăng tới 53%. Nhóm Google Photos sẽ tiếp tục đầu tư vào việc cải thiện trải nghiệm người dùng trên mọi kích thước màn hình để đảm bảo trải nghiệm tuyệt vời trên tất cả các thiết bị.
Bắt đầu
Tìm hiểu thêm về cách bắt đầu tối ưu hoá ứng dụng cho màn hình lớn.
Nội dung và mã mẫu trên trang này phải tuân thủ các giấy phép như mô tả trong phần Giấy phép nội dung. Java và OpenJDK là nhãn hiệu hoặc nhãn hiệu đã đăng ký của Oracle và/hoặc đơn vị liên kết của Oracle.
Cập nhật lần gần đây nhất: 2021-09-02 UTC.
[[["Dễ hiểu","easyToUnderstand","thumb-up"],["Giúp tôi giải quyết được vấn đề","solvedMyProblem","thumb-up"],["Khác","otherUp","thumb-up"]],[["Thiếu thông tin tôi cần","missingTheInformationINeed","thumb-down"],["Quá phức tạp/quá nhiều bước","tooComplicatedTooManySteps","thumb-down"],["Đã lỗi thời","outOfDate","thumb-down"],["Vấn đề về bản dịch","translationIssue","thumb-down"],["Vấn đề về mẫu/mã","samplesCodeIssue","thumb-down"],["Khác","otherDown","thumb-down"]],["Cập nhật lần gần đây nhất: 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)."]]