Gemini gần đây đã ra mắt một giao diện người dùng (UI) mới, và phản ứng đầu tiên của nhiều người là—"Sao trông quen thế này nhỉ?"
Mở song song nó với ChatGPT, bạn sẽ thấy một điều thú vị: cả hai công ty đều đã làm cho điểm vào sản phẩm quan trọng nhất—ô nhập chat—gần như giống hệt nhau. Một ô văn bản, một dấu cộng, và một nút thoại, chỉ có vậy.
Khi một hình thức sản phẩm được tinh chỉnh và xác thực lặp đi lặp lại bởi một lượng người dùng khổng lồ, giải pháp tối ưu có xu hướng hội tụ về cùng một điểm.
Thiết kế này trông như thế nào?
Thanh nhập liệu chính chỉ giữ lại ba yếu tố:
- Dấu cộng (+) — Nó không chỉ rõ "+" cái gì, có lẽ là để thêm tệp đính kèm?
- Ô nhập văn bản — Điểm tương tác chính
- Nút âm thanh — Chế độ thoại
Kịch bản tương tác cốt lõi của chat AI thực ra là: Tin nhắn văn bản - gõ chữ, thêm tệp đính kèm, ảnh hoặc nội dung khác.
Ngoài ra, các tương tác tùy chọn bao gồm
- Chọn mô hình
- Suy nghĩ
- Tìm kiếm web
- Giọng điệu
- ...
Nhiều người có thể nhớ rằng ChatGPT đã dành rất nhiều thời gian để liên tục thiết kế lại Thanh nhập liệu này cho đến một ngày, phong cách trên xuất hiện. Kể từ đó, bất kể mô hình hay khả năng sản phẩm có được cập nhật thế nào, Thanh nhập liệu này vẫn giữ nguyên. Đây là thực tiễn tốt nhất của thiết kế.
Tại sao lại thiết kế như vậy?
Giảm ưu tiên chọn mô hình
Cả hai sản phẩm đều không đặt "chọn mô hình" bên trong thanh nhập liệu. Gemini đặt công tắc chọn mô hình trong một menu thả xuống ở tiêu đề trên cùng; ChatGPT cũng làm tương tự. Thông điệp ngầm của chúng là nhất quán:
Chúng tôi không muốn người dùng phải suy nghĩ "Bây giờ tôi nên dùng GPT-4o hay o1?" trước mỗi câu hỏi.
Từ góc độ thiết kế tương tác—càng nhiều mục quyết định, thời gian quyết định càng lâu. Một mô hình về cơ bản là một chi tiết kỹ thuật triển khai. Đặt nó trước thanh nhập liệu buộc người dùng phải thực hiện một "cuộc tự kiểm tra" "Tôi có xứng đáng dùng mô hình tốt nhất không?" mỗi lần, đó là một gánh nặng tinh thần phản nhân văn.
Di chuyển mục chọn mô hình ra xa hơn và làm cho nó "không dễ nhấp" nghe có vẻ phản trực giác, nhưng thực ra đó là một sự tin tưởng vào mặc định—sản phẩm tự tin nói với người dùng: Bạn không cần phải lo lắng về điều này; chúng tôi đã chọn cho bạn rồi.
Nút Cộng: Một "Vùng chứa phụ" được thiết kế cẩn thận
Biểu tượng "+" là phần thông minh nhất ở đây; nó là một dấu cộng, không phải là biểu tượng đính kèm hay hình ảnh.
Cụ thể, vùng chứa này thực hiện được:
- Hệ thống phân cấp của một Sheet (bảng trượt) tự nhiên phù hợp với mối quan hệ "tác vụ chính—tác vụ phụ". Nó trượt lên từ phía dưới, không lấy đi sự tập trung thị giác khỏi khu vực nhập liệu, và thu lại sau khi sử dụng, tuân theo nguyên tắc Tiết lộ Dần dần (Progressive Disclosure).
- Sheet đặt "thêm nội dung" và "gọi khả năng" vào cùng một không gian. Mở dấu cộng của ChatGPT, bạn sẽ thấy các mục như Album và Máy ảnh để "mang thứ gì đó vào", tiếp theo là Tạo hình ảnh, Nghiên cứu sâu và Tìm kiếm web để "gọi khả năng ra". Trong tâm trí người dùng, cả hai đều thuộc về "Tôi muốn làm cho cuộc trò chuyện phong phú hơn ngay bây giờ", vì vậy chúng nên xuất hiện trong cùng một vùng chứa.
- Sheet cung cấp một "khám phá nhẹ nhàng." Các tính năng nâng cao không bị đổ dồn vào một trang cài đặt hay chen chúc trên Thanh công cụ chính để làm người dùng mới sợ hãi. Chúng nằm sau dấu cộng, chờ đợi những người dùng đã quen với chat cơ bản và bắt đầu có nhu cầu nâng cao để chủ động khám phá. Đây là cách tao nhã nhất để giảm chi phí khám phá—không giải thích, không hướng dẫn, chỉ xuất hiện đúng lúc người dùng đã sẵn sàng.
Thiết kế tốt là thiết kế của ý đồ.
Tất nhiên, đáng chú ý là Claude vẫn giữ lại chức năng chọn mô hình—thực sự nhấn mạnh rằng: Chúng tôi có những mô hình tốt nhất, bạn nên dùng những mô hình tốt nhất! Bạn phải chọn những mô hình tốt nhất.
Thiết kế UI là thiết kế của ý đồ.
