Đó là những điều nhỏ nhặt giúp cải thiện trải nghiệm người dùng!

Hôm nay là ngày đầu tiên của tôi trên cương vị mới là Giám đốc Công nghệ của một công ty phần mềm Tiếp thị và Thương mại điện tử trẻ ở Indianapolis, được gọi là Đường bảo trợ. Khi tôi xem xét phần mềm của chúng tôi ngày hôm nay và hỗ trợ tích hợp mới, tôi đã được khuyến khích bởi sự tinh vi của ứng dụng. Ứng dụng của chúng tôi tích hợp đặt hàng trực tuyến với một số POS hệ thống.

Tôi mong muốn được làm việc với các nhóm phát triển của chúng tôi để mang đến Giao diện người dùng có thể tùy chỉnh hoàn toàn bằng cách sử dụng CSS và, có lẽ, một số AJAX. Tin tốt là đây phần lớn là những thay đổi thẩm mỹ sẽ không yêu cầu rút ruột và xây dựng lại ứng dụng. Nói chung, tôi tin rằng ứng dụng có thể được cải thiện theo hai cách, thứ nhất là khả năng tùy chỉnh tương tác của khách hàng và thứ hai là thực hiện một số 'điều nhỏ' cơ bản.

Khi tôi làm việc ở Paypal đêm qua, tôi chỉ tìm thấy một 'điều nhỏ'. Khi bạn di chuột qua các liên kết cụ thể trong giao diện Paypal, một chú giải công cụ mờ dần xuất hiện và mờ dần khi bạn di chuột ra khỏi nó. Đây là ảnh chụp màn hình:

Di chuột qua Paypal

Thường khi tôi nhận thấy những kỹ thuật này, tôi sẽ đào sâu một chút để tìm hiểu thêm. Trong trường hợp này, tôi phát hiện ra rằng Paypal chỉ đơn giản là sử dụng Yahoo! Thư viện giao diện người dùng để xây dựng chú giải công cụ. Thậm chí tốt hơn, chúng chỉ đơn giản là hiển thị thông điệp của tiêu đề thực trong thẻ (a) nchor. Điều này có nghĩa là trang được phát triển bình thường, nhưng khi lớp được thêm vào, JavaScript sẽ lo phần còn lại.

Đó là những điểm nhấn nhỏ như thế này trên phần mềm thực sự khiến nó mang lại trải nghiệm người dùng tốt hơn. Có lẽ ấn tượng hơn là các nhà phát triển tại Paypal đã không bận tâm đến việc 'phát minh lại bánh xe', họ đã tìm thấy một thư viện tốt và triển khai nó.

Tôi sẽ tìm kiếm những kỹ thuật này và các kỹ thuật khác trong những tháng tới để cải thiện trải nghiệm người dùng đối với các ứng dụng của chúng tôi.

2 Comments

  1. 1

    Chào Douglas

    WOW, tôi không biết thư viện giao diện người dùng của Yahoo là mã nguồn mở và trên Sourceforge… đó là một món đồ chơi mới khác mà tôi phải chơi cùng. 🙂

    Những gì tôi nghĩ là một trải nghiệm người dùng bổ sung thực sự thú vị gần đây là khi tôi chuyển qua Yahoo Webmail Beta mới và được coi là hướng dẫn trực quan trông rất đẹp với các chú giải công cụ phù hợp với từng mục liên quan.

    Tôi không biết liệu mã này có phải là một phần của Thư viện YUI hay không, nhưng nếu có, có thể là một điều thú vị để thêm vào ứng dụng thương mại điện tử của bạn.

    Nick 🙂

    • 2

      Yahoo có một bộ sưu tập khổng lồ các thành phần giao diện người dùng, Nick. Hãy chắc chắn kiểm tra các điều khiển lưới của họ. Đơn giản là tuyệt vời. Và khi đọc tài liệu và thỏa thuận cấp phép của họ - tất cả đều có sẵn miễn là bạn không tìm kiếm hỗ trợ.

      Tuy nhiên, tôi không phải là luật sư… bạn có thể muốn kiểm tra lại!

Bạn nghĩ gì?

Trang web này sử dụng Akismet để giảm spam. Tìm hiểu cách xử lý dữ liệu nhận xét của bạn.