iOS 16 Beta hiển thị phần trăm pin không trực quan, các nhà thiết kế trên MXH tự sửa lại cho đẹp

Một thay đổi giao diện đáng hoan nghênh trên iOS 16 Beta 5 ra mắt ít hôm trước là icon pin giờ có thêm lựa chọn hiển thị số phần trăm để thấy rõ hơn pin còn nhiều hay ít.

https://tinhte.vn/thread/chi-tiet-ios-16-beta-5-hien-thi-phan-tram-pin-ben-ngoai-van-co-loi-go-tieng-viet.3551213/

Vấn đề về mặt trải nghiệm người dùng là, lựa chọn này sẽ không hiển thị dung lượng pin còn lại về mặt đồ họa nữa, mà icon pin sẽ chỉ có một màu, với con số chỉ thị phần trăm pin màu sắc tương phản ở bên trong. Chỉ đến khi pin xuống dưới 20% thì mới hiển thị vạch đỏ chiếm 1/5 bề rộng icon pin trên giao diện:



Về mặt UI, nhìn nó đẹp. Nhưng về mặt UX, theo nhiều nhà thiết kế, cách triển khai đồ họa như thế này dễ gây hiểu lầm. Lấy ví dụ liếc vào icon pin mà không nhìn kỹ số, rất dễ nhầm máy vẫn còn đầy pin, vì mọi người đã quá quen với việc vạch pin của icon này tụt tương ứng với lượng pin còn lại trong máy.

Quảng cáo

Brian Michel, một nhà thiết kế giao diện phần mềm chứng minh rằng kết hợp số chỉ thị phần trăm pin còn lại, với giao diện vạch pin tương ứng là điều hoàn toàn khả thi:

https://twitter.com/brianmichel/status/1556825088078528512

Just recreating the battery indicator pic.twitter.com/cK8PZDe9Y5

— Brian Michel (@brianmichel) August 9, 2022

Theo một nhà thiết kế khác, Mikael Johansson, giải pháp masking con số phần trăm, đổi màu tương phản dựa vào vị trí vạch pin như clip ngắn trên đây là một ý tưởng hay. Nhưng vì tốc độ tụt pin không nhanh nên nhìn lâu sẽ thấy không ổn. Con số nửa đen nửa trắng nhìn dễ rối mắt, không tiện. Thay vào đó, Johansson đưa ra vài giải pháp khác, ví dụ như vạch pin giảm opacity màu sắc để không phải chọn giải pháp mask số bằng màu tương phản. Một giải pháp khác dễ ứng dụng hơn là tạo viền cho số phần trăm pin, nhưng có vẻ không đẹp như "Option A":

https://twitter.com/michaelnevernot/status/1557165131888476160

Nothing wrong with what Apple released but I think I might've preferred something like Alternative A for the battery indicator pic.twitter.com/a44879RIFk

— Mikael Johansson (@michaelnevernot) August 10, 2022

Hoàn toàn có khả năng Apple sẽ chỉnh sửa cách hiển thị phần trăm pin trên iOS 16 khi phiên bản hệ điều hành này ra mắt chính thức. Còn ở thời điểm hiện tại, anh em đang dùng thử iOS 16 Beta 5 có gặp tình trạng mất thời gian để làm quen với icon pin mới không? Nếu có thì liệu những giải pháp của các nhà thiết kế trên Twitter có tốt hơn những gì Apple đang ứng dụng hiện tại với bản Beta 5 không?

Theo Creative Bloq

CHUYÊN MỤC NGHỆ THUẬT LÀM GIÀU BỀN VỮNG

Nhấn vào đây để bắt đầu học

Khóa học Machine Learning cơ bản- Khoa học dữ liệu - AI

Nhấn vào đây để bắt đầu khóa học

==***==

Khoá học Quản trị Chiến lược Dành cho Lãnh đạo Doanh nghiệp

Nhấn vào đây để bắt đầu khóa học

==***==

Nơi hội tụ Tinh Hoa Tri Thức - Khơi nguồn Sáng tạo

Để tham gia khóa học công nghệ truy cập link: http://thuvien.hocviendaotao.com

Mọi hỗ trợ về công nghệ email: dinhanhtuan68@gmail.com

--- 

Khóa học Hacker và Marketing từ A-Z trên ZALO!

Nhấn vào đây để bắt đầu khóa học

Khóa học Hacker và Marketing từ A-Z trên Facebook!

Nhấn vào đây để bắt đầu khóa học

Khóa đào tạo Power BI phân tích báo cáo để bán hàng thành công

Nhấn vào đây để bắt đầu khóa học

Bảo mật và tấn công Website - Hacker mũ trắng

Nhấn vào đây để bắt đầu khóa học ​

KHÓA HỌC LẬP TRÌNH PYTHON TỪ CƠ BẢN ĐẾN CHUYÊN NGHIỆP

Nhấn vào đây để bắt đầu khóa học

Nhấn vào đây để bắt đầu khóa học

Khóa học Lập trình Visual Foxpro 9 - Dành cho nhà quản lý và kế toán

Nhấn vào đây để bắt đầu khóa học

Khóa học hướng dẫn về Moodle chuyên nghiệp và hay

Xây dựng hệ thống đào tạo trực tuyến chuyên nghiệp tốt nhất hiện nay.

Nhấn vào đây để bắt đầu khóa học

KHÓA EXCEL CHUYÊN NGHIỆP

Nhấn vào đây để bắt đầu khóa học

Khóa học AutoIt dành cho dân IT và Marketing chuyên nghiệp

Nhấn vào đây để bắt đầu khóa học

Khoá học Word từ cơ bản tới nâng cao, học nhanh, hiểu sâu

Nhấn vào đây để bắt đầu khóa học

Khóa học hướng dẫn sử dụng Powerpoint từ đơn giản đến phức tạp HIỆU QUẢ

Nhấn vào đây để bắt đầu khóa học

Khóa học Thiết kế, quản lý dữ liệu dự án chuyên nghiệp cho doanh nghiệp bằng Bizagi

Khóa học Phân tích dữ liệu sử dụng Power Query trong Excel

Nhấn vào đây để bắt đầu khóa học

Khóa học Lập trình WEB bằng PHP từ cơ bản đến nâng cao

Nhấn vào đây để bắt đầu khóa học

Khóa học Phân tích dữ liệu sử dụng TableAU - Chìa khóa thành công!

Nhấn vào đây để bắt đầu khóa học

Khóa học Phân tích dữ liệu sử dụng SPSS - Chìa khóa thành công!

Nhấn vào đây để bắt đầu khóa học

Khóa học "Thiết kế bài giảng điện tử", Video, hoạt hình 

kiếm tiền Youtube bằng phần mềm Camtasia Studio

Nhấn vào đây để bắt đầu khóa học

Khóa học HƯỚNG DẪN THIẾT KẾ VIDEO CLIP CHO DÂN MARKETING CHUYÊN NGHIỆP

​​​​​

HƯỚNG DẪN THIẾT KẾ QUẢNG CÁO VÀ ĐỒ HỌA CHUYÊN NGHIỆP VỚI CANVA

Hãy tham gia khóa học để trở thành người chuyên nghiệp. Tuyệt HAY!😲👍

 KHÓA HỌC VIDEO- XÂY DỰNG PHẦN MỀM QUẢN LÝ BẰNG MICROSOFT ACCESS

GOOGLE SPREADSHEETS phê không tưởng

Khóa hoc lập trình bằng Python tại đây

Hãy tham gia khóa học để biết mọi thứ

Để tham gia tất cả các bài học, Bạn nhấn vào đây 

Khóa học lập trình cho bé MSWLogo

Nhấn vào đây để bắt đầu học

Khóa học Ba, Mẹ và Bé - Cùng bé lập trình  TUYỆT VỜI

Khóa học sử dụng Adobe Presenter-Tạo bài giảng điện tử

Khóa học vẽ tạo giao diện demo cho website

Để thành thạo Wordpress bạn hãy tham gia khóa học 

Tham gia khóa học tại đây

Khóa học sử dụng Edmodo để dạy và học hiện đại để thành công

Nhấn vào đây để bắt đầu khóa học

==***==

Bảo hiểm nhân thọ - Bảo vệ người trụ cột

Cập nhật công nghệ từ Youtube tại link: congnghe.hocviendaotao.com
Tham gia nhóm Facebook
Để tham gia khóa học công nghệ truy cập link: http://thuvien.hocviendaotao.com
Mọi hỗ trợ về công nghệ email: dinhanhtuan68@gmail.com

Nguồn: Tinh Tế

Share !