UI của dân kỹ thuật - AI có 'cứu' được không? Màn đối đầu của các siêu AI!
Lê Lân0
Gen AI Có Giúp Cải Thiện Giao Diện “Kỹ Sư” Của Tôi Không?
Mở Đầu
Bạn là một lập trình viên và thường nhận được lời nhận xét rằng phần mềm bạn viết trông giống như do chính các kỹ sư thiết kế? Điều đó có thể là lời khen, nhưng đồng thời cũng phản ánh một sự thiếu tinh tế trong thiết kế giao diện người dùng (UI).
Là một lập trình viên, bạn có thể hoàn toàn tập trung vào chức năng mà quên mất tính thẩm mỹ hay trải nghiệm người dùng (UX). Trong khi đó, Trí tuệ nhân tạo (Gen AI) đang nổi lên như một công cụ hứa hẹn giúp các lập trình viên cải thiện giao diện mà không cần nhiều chuyên môn thiết kế. Bài viết này sẽ kiểm chứng khả năng của các mô hình AI phổ biến trong việc cải tiến giao diện ứng dụng, cụ thể là nâng cấp màn hình landing của ứng dụng WiSaw - một phần mềm đã tồn tại gần 2 năm mà chưa được tinh chỉnh về mặt thiết kế.
Chúng ta sẽ cùng tìm hiểu:
- Hiệu quả của từng mô hình AI trong việc nâng cấp UI/UX
- Thời gian hoàn thành và thao tác cần thiết
- So sánh điểm mạnh yếu để rút ra kết luận về vai trò của Gen AI trong thiết kế giao diện
Ứng Dụng Và Mục Tiêu
Mô Tả Ứng Dụng WiSaw
Ứng dụng WiSaw ( https://github.com/echowaves/WiSaw ) là đối tượng thử nghiệm với giao diện cũ kỹ, ít có sự đầu tư về thiết kế chuyên nghiệp.
Mục đích là sử dụng prompt chung: “make UX improvements of the landing screen to make it more modern”, áp dụng cho nhiều mô hình AI khác nhau để quan sát kết quả đầu ra.
Phương Pháp Kiểm Thử
- Reset dự án: Xóa bỏ lịch sử, phục hồi git branch và bắt đầu lại phiên làm việc mới với từng mô hình AI.
- Đánh giá: Chụp màn hình, đo thời gian, xác định có cần chỉnh sửa thêm không và xếp hạng tổng thể.
Kết Quả Thử Nghiệm Các Mô Hình AI
GPT-4.0
Thành tựu
- Không cải thiện nhiều ngoài trạng thái màn hình trống
- Lỗi không tìm được module "expo-linear-gradient"
Thời gian
Khoảng 5 phút
Tác động của prompt
Không hoàn thành ngay từ lần đầu, cần nhiều hướng dẫn bổ sung
Đánh giá chung
Đánh giá: Thất vọng. AI không tạo ra sự khác biệt rõ ràng nào về UI, gần như không hoàn thành nhiệm vụ cải tiến.
GPT-4.1
Thành tựu
- Cải thiện giao diện với nền gradient, tiêu đề đậm, nút bấm đẹp hơn
- Cũng gặp lỗi liên quan đến "expo-linear-gradient"
- Nhiều lần tương tác để khắc phục lỗi và tiếp tục
Thời gian
15 phút
Tác động prompt
Phải gửi thêm nhiều prompt bổ sung, không hoàn thành ngay từ đầu
Đánh giá chung
Đánh giá: Thất vọng. Mặc dù có cải tiến nhỏ, nhưng việc xử lý còn lúng túng và mất nhiều thời gian.
Gemini 2.5 (Phiên bản Preview)
Thành tựu
- Nút bấm tròn hơn và căn chỉnh tốt hơn
- Các thay đổi nhỏ, hầu như không đáng kể
Thời gian
Khoảng 5 phút
Tác động prompt
Hoàn thành nhiệm vụ ngay từ lần đầu tiên
Đánh giá chung
Đánh giá: 3 trên 5. Đã hoàn thành nhiệm vụ nhưng ít sự cải tiến đáng kể, khá hạn chế trong việc mang lại UI hiện đại.
Claude Sonnet 4 (Preview)
Thành tựu
- Giao diện landing modern hơn rõ rệt so với bản gốc
- Giao diện tổng thể gọn gàng, các thành phần hài hòa, nâng cao trải nghiệm
- Tương tác tốt, đáp ứng hầu như ngay lần đầu
- Khả năng hiểu và tương tác trong dự án rất ấn tượng
Thời gian
7 phút
Tác động prompt
Không cần nhiều xin thêm hướng dẫn, AI làm việc độc lập rất hiệu quả
Đánh giá chung
Đánh giá: 4.5 sao. Đây là lựa chọn tốt nhất, tạo ra bước nhảy vọt về mặt UX/UI cho ứng dụng.
So Sánh Tổng Quan Các Mô Hình
Mô Hình | Thời Gian | Khả Năng Hoàn Thành Lần Đầu | Tính Hiện Đại | Đánh Giá Chung |
|---|---|---|---|---|
GPT-4.0 | 5 phút | Không | Gần như không | Thất vọng |
GPT-4.1 | 15 phút | Không | Nhỏ | Thất vọng |
Gemini 2.5 | 5 phút | Có | Ít | Trung bình (3/5) |
Claude Sonnet 4 | 7 phút | Có | Rõ rệt | Tốt nhất (4.5/5) |
Thử Thách Bổ Sung: Tạo Ảnh Giao Diện Không Cần Viết Mã
Ý tưởng
Yêu cầu ChatGPT tạo ra một ảnh mô phỏng giao diện UI/UX mới với các xu hướng thiết kế hiện đại dựa trên ảnh chụp màn hình gốc.
Kết quả
- ChatGPT đưa ra một số ý tưởng thú vị như giao diện dạng lưới (brick layout) mà tác giả đã từng mong muốn áp dụng
- Dù không trực tiếp có thể chỉnh sửa code, AI này hỗ trợ tốt trong việc hình dung UI tương lai
Tạo Ảnh Đầu Bài Viết Với AI
- Thử nghiệm tạo ảnh tiêu đề bài viết với ChatGPT dựa theo chủ đề và kích thước cụ thể
- Mất vài giờ và nhiều lần điều chỉnh, kết quả chỉ ở mức “chấp nhận được”
- Ảnh phản ánh sự nghiệp lập trình viên với UI chưa hoàn hảo
Kết Luận
Việc ứng dụng Gen AI trong cải tiến giao diện ứng dụng hiện chưa thể thay thế các nhà thiết kế chuyên nghiệp, nhưng đã cho thấy tiềm năng lớn trong việc hỗ trợ phát triển UI/UX.
- Các mô hình AI như Claude Sonnet 4 có thể giúp lập trình viên nâng cấp giao diện nhanh chóng với ít sự can thiệp
- Các model khác như GPT-4 hiện vẫn còn nhiều hạn chế trong lĩnh vực thiết kế giao diện cụ thể
- Sử dụng Gen AI như một trợ thủ đắc lực, không thay thế, nhưng tăng tốc và truyền cảm hứng sáng tạo
Trong tương lai, sự kết hợp giữa chuyên môn thiết kế và AI sẽ tạo nên những thay đổi đột phá cho trải nghiệm người dùng.
Tham Khảo
- Các thử nghiệm và báo cáo trên trang Dev.to: https://dev.to/dmitryame
- OpenAI GPT Models Documentation
- Claude AI Preview Notes by Anthropic
- Gemini AI Preview by Google DeepMind
- Báo cáo xu hướng UI/UX năm 2024 – Nielsen Norman Group (March 20, 2024)
Loading...