Bạn được giao nhiệm vụ thiết kế một tính năng mới dựa trên AI. Các khả năng dường như vô tận, nhưng tiềm năng tạo ra một trải nghiệm khó hiểu hoặc khó chịu cũng vậy. Bạn nên bắt đầu từ đâu? Cách tiếp cận cổ điển là chỉ cần thêm một hộp văn bản trò chuyện đang tỏ ra là một giải pháp chậm và thường không hiệu quả. Để tạo ra các giao diện AI mang lại cảm giác trực quan, mạnh mẽ và thực sự hữu ích, các nhà thiết kế cần một bộ công cụ và mẫu thiết kế mới. Cẩm nang này chia nhỏ thách thức thành năm lĩnh vực cốt lõi, cung cấp các mẫu UX cho AI (AI UX patterns) hữu dụng và một cách tiếp cận có hệ thống để hướng dẫn quy trình thiết kế của bạn. Hãy quên đi "chiếc hộp đen ma thuật" và bắt đầu xây dựng thiết kế giao diện AI minh bạch, có thể kiểm soát và có giá trị ngay hôm nay.
Mẫu 1: Làm Chủ UX Đầu Vào - Giảm Rào Cản Thể Hiện Ý Định
Thách thức lớn nhất trong tương tác AI là giúp người dùng diễn đạt ý định của họ một cách rõ ràng và hiệu quả. Một lời nhắc văn bản trống rỗng đặt toàn bộ gánh nặng lên người dùng. Mục tiêu của chúng ta với tư cách là nhà thiết kế là giảm bớt rào cản này.
Vượt Lên Trên Lời Nhắc Thủ Công
Thay vì buộc người dùng phải gõ từ đầu, chúng ta có thể cung cấp sự hỗ trợ đáng kể.
Lời Nhắc Gợi Ý Do AI Tạo Ra: Cung cấp một lựa chọn các lời nhắc khởi đầu hoặc các mẫu dựa trên các trường hợp sử dụng phổ biến.
Bổ Sung Lời Nhắc: Khi người dùng gõ, AI có thể đề xuất các bổ sung hoặc tinh chỉnh cho lời nhắc của họ trong thời gian thực, hướng dẫn họ đến một truy vấn hiệu quả hơn.
Công Cụ Xây Dựng Truy Vấn: Sử dụng các biểu mẫu có cấu trúc với các menu thả xuống, các nút và các trường văn bản để giúp người dùng xây dựng một truy vấn phức tạp từng bước.
Đầu Vào Trực Quan Và Trực Tiếp
Gõ là một sự trừu tượng hóa. Tương tác trực quan thường nhanh hơn và trực quan hơn.
Canvas Dựa Trên Nút (Node): Đối với các quy trình công việc phức tạp, hãy cho phép người dùng kết nối các nguồn dữ liệu và lệnh khác nhau một cách trực quan, như đã thấy với Flora AI. Điều này biến một lời giải thích phức tạp thành một sơ đồ đơn giản.
Thao Tác Đối Tượng Trực Tiếp: Thay vì mô tả một thay đổi mong muốn, hãy để người dùng thao tác trên một biểu diễn trực quan của đối tượng. Krea.ai đã làm điều này một cách xuất sắc, cho phép người dùng di chuyển, thay đổi kích thước và sửa đổi các hình dạng trên canvas để hướng dẫn việc tạo hình ảnh của AI.
Giảm rào cản thể hiện ý định bằng cách làm chủ UX đầu vào
Mẫu 2: Thiết Kế UX Đầu Ra Có Ý Nghĩa - Từ Văn Bản Đến Hiểu Biết Sâu Sắc
Kết quả thô của AI hiếm khi là câu trả lời cuối cùng. Thiết kế của đầu ra là rất quan trọng để giúp người dùng hiểu thông tin và thực hiện bước tiếp theo.
Trực Quan Hóa Kết Quả
Đừng chỉ hiển thị một danh sách các gạch đầu dòng. Hãy trình bày thông tin ở định dạng hữu ích nhất của nó. Một thiết kế giao diện AI có thể trực quan hóa dữ liệu dưới dạng biểu đồ tương tác, bảng điều khiển hoặc đặt nó trên bản đồ với các lớp có thể bật/tắt. Điều này biến dữ liệu thành một không gian có thể khám phá.
Sử Dụng Xếp Hạng Bắt Buộc Để Hướng Dẫn Quyết Định
Nếu người dùng yêu cầu "10 đề xuất hàng đầu", việc hiển thị tất cả 10 có thể dẫn đến tình trạng tê liệt vì lựa chọn. Một cách tiếp cận tốt hơn là sử dụng xếp hạng bắt buộc. Trình bày nổi bật 3-4 lựa chọn hàng đầu, với một "lựa chọn tốt nhất" rõ ràng do AI đề xuất, trong khi phần còn lại có thể truy cập thông qua nút "hiển thị thêm". Điều này tôn trọng truy vấn ban đầu của người dùng trong khi hướng dẫn họ đến một quyết định nhanh hơn.
Thiết kế của đầu ra là rất quan trọng để giúp người dùng hiểu thông tin và thực hiện bước tiếp theo
Mẫu 3: Nghệ Thuật Tinh Chỉnh UX Quan Trọng - Trao Quyền Kiểm Soát Cho Người Dùng
Tinh chỉnh kết quả của AI là nơi hầu hết các trải nghiệm đều thất bại. Người dùng thường bị buộc phải quay lại lời nhắc ban đầu và giải thích các thay đổi một cách dài dòng. Chúng ta có thể khắc phục điều này bằng UX tinh chỉnh (UX refinement) tốt hơn.
Cung Cấp Các Điều Khiển Giao Diện Người Dùng Quen Thuộc
Tận dụng sức mạnh của giao diện người dùng truyền thống. Như đã thấy trong Adobe Firefly, việc sử dụng thanh trượt cho "cường độ phong cách", núm xoay cho "sự sáng tạo" hoặc các nút cho các điều chỉnh được xác định trước mang lại cho người dùng một cách quen thuộc và trực quan để tinh chỉnh kết quả.
Cho Phép Chỉnh Sửa Theo Ngữ Cảnh, Tại Chỗ
Thay vì các lời nhắc lại toàn cục, hãy cho phép người dùng tô sáng một câu, một đoạn văn hoặc một phần của hình ảnh cụ thể. Sau đó, cung cấp một menu theo ngữ cảnh với các hành động AI như "mở rộng về điều này", "làm cho nó trang trọng hơn" hoặc "thay đổi màu sắc". Điều này làm cho quá trình tinh chỉnh trở nên có mục tiêu, nhanh chóng và trực quan.
UX tinh chỉnh (UX refinement) mang lại trải nghiệm người dùng tốt hơn
Mẫu 4: Kích Hoạt Các Hành Động AI - Biến Kết Quả Thành Hành Động
Một công cụ AI tuyệt vời không chỉ cung cấp thông tin; nó còn giúp người dùng làm gì đó với thông tin đó. Giao diện của bạn phải là một cây cầu dẫn đến hành động.
Tác Vụ Một Cú Nhấp Chuột
Điều này sẽ cho phép AI thực hiện các tác vụ tiếp theo dựa trên kết quả, chẳng hạn như "lên lịch các sự kiện này trong lịch của tôi", "tạo một vé Jira từ bản tóm tắt này" hoặc "biến danh sách này thành một bài thuyết trình".
Chuyển Đổi Định Dạng
Việc chuyển đổi này giúp cung cấp các nút để chuyển đổi ngay lập tức kết quả giữa các định dạng khác nhau, từ một khối văn bản sang một tệp JSON có cấu trúc, một bảng dữ liệu hoặc một hình ảnh có thể chia sẻ.
Mẫu 5: Tích Hợp AI Liền Mạch - Gặp Gỡ Người Dùng Ngay Tại Nơi Họ Làm Việc
Các tính năng AI hiệu quả nhất là những tính năng không làm bạn phải chuyển đổi ngữ cảnh. Các mẫu UX cho AI tốt nhất liên quan đến việc nhúng AI trực tiếp vào quy trình làm việc chính của người dùng. Chức năng này phải có sẵn bên trong các công cụ họ sử dụng hàng ngày, như Slack, GitHub, Figma hoặc Dovetail. Sự tích hợp liền mạch này làm cho AI có cảm giác như một trợ lý thực sự, luôn sẵn sàng hỗ trợ mà không làm gián đoạn sự tập trung của người dùng.
Việc tích hợp AI giúp các nhà thiết kế có thể tạo ra các trải nghiệm UX mạnh mẽ và tối ưu hơn
Thiết kế cho AI không hẳn là việc phát minh ra các mô hình tương tác hoàn toàn mới mà là việc áp dụng và điều chỉnh một cách chu đáo các mẫu thiết kế website đã được chứng minh. Bằng cách tập trung vào năm lĩnh vực chính này, cải thiện UX đầu vào cho AI, tạo ra các kết quả hữu dụng, xây dựng UX tinh chỉnh trực quan, kích hoạt các hành động mạnh mẽ và tích hợp liền mạch, các nhà thiết kế có thể tạo ra các trải nghiệm mạnh mẽ, có thể kiểm soát và thực sự hữu ích. Mục tiêu là vượt qua những hạn chế của hộp văn bản và xây dựng một thế hệ giao diện người dùng hướng tác vụ mới thực sự khuếch đại khả năng của con người.
