Bảy thực hành tốt nhất để thiết kế sản phẩm bao gồm

Long Thành | Nhà thiết kế chính của Pinterest, Trải nghiệm cốt lõi

Tại Pinterest, nhiệm vụ của chúng tôi là giúp bạn khám phá và làm những gì bạn yêu thích. Chúng tôi đang xây dựng một sản phẩm cho tất cả mọi người, vì Pinterest tốt nhất là bao gồm và dễ dàng sử dụng cho những người có tất cả các cấp độ. Đó là lý do tại sao hôm nay chúng tôi chia sẻ những kiến ​​thức và thực tiễn tốt nhất mà chúng tôi đã phát triển trong năm qua khi chúng tôi thiết kế lại Pinterest để dễ tiếp cận hơn cho những người mù và khiếm thị.

1. Tăng độ tương phản màu sắc

Nhóm thiết kế sản phẩm Pinterest thách thức giả định chung rằng màu sắc có thể truy cập không đẹp bằng. Chúng tôi đã tạo một bảng màu cho sản phẩm của chúng tôi mà có thể truy cập được với tỷ lệ tương phản 3.00: 1 trở lên.

Vì vậy, bất kể các tính năng trợ năng của bạn có được bật hay không, các văn bản đều dễ đọc khi được đặt trên nền màu.

2. Sử dụng hệ thống phân cấp kiểu chữ mạnh mẽ

Chúng tôi nghĩ rằng typography tốt là chìa khóa để thiết kế tốt. Chúng tôi đảm bảo rằng hệ thống phân cấp typographic có ý nghĩa mà không sử dụng quá nhiều sắc thái khác nhau của màu xám. Chúng tôi dựa vào kích thước và độ mạnh của loại mạnh để tạo ra một hệ thống phân cấp có ý nghĩa để thông tin có ý nghĩa trong nháy mắt. Chúng tôi cũng kích hoạt hỗ trợ cho kích thước phông chữ động trên các ứng dụng của chúng tôi. Bằng cách này, bạn có thể sử dụng tính năng trợ năng mặc định để thay đổi kích thước của văn bản thành nội dung phù hợp nhất với bạn.

3. Có chỉ số tập trung rõ ràng

Người khuyết tật thị giác và xe máy có thể điều hướng Pinterest mà không cần chuột hoặc bàn di chuột. Chúng tôi đã tạo các chỉ số tập trung thẳng và rõ ràng cho tất cả các Pinners để bất kể mức độ khả năng của bạn, bạn có thể sử dụng trang web hoặc ứng dụng của chúng tôi một cách rõ ràng.

4. Don Quảng dựa vào màu sắc

Trong tất cả các luồng người dùng của chúng tôi, chúng tôi dựa vào thang độ xám chỉ với một lời kêu gọi rõ ràng về màu sắc hành động. Điều này rất tốt cho những người bị mù màu vì chúng tôi không dựa vào màu sắc để biểu thị thông tin. Thay vào đó, chúng tôi dựa vào việc sử dụng tốt hệ thống phân cấp chính tả và không gian trong các luồng người dùng của chúng tôi để tạo ra ý nghĩa và cấu trúc thông tin.

5. Sử dụng SVG

Thay thế PNG bằng SVG để các biểu tượng và thành phần giao diện người dùng hiển thị rõ ràng và sắc nét khi bạn sử dụng tính năng thu phóng tích hợp có sẵn trên hầu hết các hệ điều hành và trình duyệt. Điều này cho phép những người có tầm nhìn thấp có thể phóng to và nhìn thấy những vật nhỏ sạch sẽ và sắc nét, bất kể mật độ pixel và tỷ lệ phần trăm thu phóng.

6. Xem xét hỗ trợ trình đọc màn hình

Trình đọc màn hình cho phép những người khiếm thị và khiếm thị nhận được phản hồi bằng giọng nói. Trước khi chúng tôi bắt đầu dự án này, những người khiếm thị đã không có kinh nghiệm đăng ký liền mạch cho Pinterest, bởi vì đăng ký và trải nghiệm người dùng mới của chúng tôi đã được tối ưu hóa cho trình đọc màn hình. Họ cũng gặp khó khăn khi điều hướng ứng dụng của chúng tôi, từ nguồn cấp dữ liệu tại nhà để tìm kiếm đến hồ sơ của họ. Chúng tôi đã thực hiện các cập nhật quan trọng để Pinterest hoàn toàn có thể sử dụng được với trình đọc màn hình.

7. Làm cho khả năng tiếp cận trở thành một tư duy cho các kỹ sư và nhà thiết kế

Sản phẩm tốt nhất được bao gồm ở mọi giai đoạn của quá trình thiết kế và kỹ thuật. Đó là lý do tại sao chúng tôi tạo ra một thư viện UI hoàn toàn mới bao gồm các thành phần có thể truy cập để các kỹ sư và nhà thiết kế sử dụng khi họ xây dựng và thiết kế Pinterest. Ngoài ra, kiểm tra khả năng truy cập tự động được đưa ra để đảm bảo chúng tôi có các biểu tượng và thành phần được dán nhãn rõ ràng cho bất kỳ tính năng mới nào.

Với những thực tiễn tốt nhất này, chúng tôi tiếp tục làm cho Pinterest bao gồm tất cả mọi người hơn. Chúng tôi đã đạt được tiến bộ đáng kể khi cập nhật nền tảng iOS và web của mình để đáp ứng phần lớn các tiêu chuẩn về khả năng truy cập và chúng tôi làm việc để đưa những thay đổi này lên Android dần dần. Khi bạn nhận được nó, hãy cho chúng tôi biết những gì bạn nghĩ.

Lời cảm ơn: Scott Andreae, Julia Cochran, Chris Lloyd, Rahul Malik, Shira Netter, Mallika Potter, Mara Sohn, Christian Vuerings, Alice Yuan, Joey Zingarelli, Linnea Zulch và phần còn lại của Nhóm làm việc tiếp cận tại Pinterest.