10 dấu hiệu nhận biết giao diện "slop" do AI tạo ra

Gần đây, ứng dụng đại học của tác giả bài viết gốc được cập nhật với "cải tiến giao diện nhỏ", và đó là thứ giao diện được viết theo kiểu "slop" kinh điển nhất mà anh từng thấy. Giao diện cũ tuy cồng kềnh, nhưng vẫn dễ chịu hơn nhiều so với "khẩu pháo slop" mà AI agent của trường tạo ra.

Bài viết này tổng hợp 10 dấu hiệu để nhận diện một giao diện "slop" — thứ giao diện do AI tạo ra nhưng trông lệch lạc, đặt sai chỗ, không phục vụ mục đích gì, hoặc quá chung chung. Đây là hiện tượng phổ biến trong trào lưu vibe-coding không có tầm nhìn. Vibe-code có thể trông đẹp nếu làm đúng, nhưng phần lớn thì không, khiến ứng dụng trông rẻ tiền và khó dùng.

1. Gradient — ở khắp mọi nơi

Dấu hiệu lớn nhất và dễ nhận ra nhất chính là gradient. Gradient ở mọi chỗ, mọi lúc, mọi thứ. Bạn sẽ thấy chúng trên nút bấm, ở nền, gần như bất cứ đâu có thể nhét vào.

Điều đáng nói là các "khẩu pháo slop" dường như đặc biệt yêu thích màu tím một cách khó hiểu.

Giao diện với gradient tím tràn lan

2. "Nôn cầu vồng" màu sắc

AI thích dùng màu sắc vô nghĩa, chỉ là các màu khác nhau xếp cạnh nhau. Kết quả là một màn hình đủ màu sắc không hề hài hòa, nhưng vẫn được tô như vậy chỉ vì cần phân biệt các trường trong giao diện.

Nó không tuân theo quy tắc 70-30-10 trong thiết kế. Nó chỉ đơn giản là nhét màu khắp nơi.

3. Huy hiệu nhấp nháy

Không rõ vì sao AI lại thêm những thứ này, nhưng nó cứ thêm. Có lẽ vì chúng nằm trong dữ liệu huấn luyện. AI gắn những huy hiệu nhấp nháy (pulsing badge) lên mọi thứ.

Trong ứng dụng đại học được "nâng cấp", có một thứ gọi là thẻ sinh viên số, chỉ hiển thị mã QR và ảnh khuôn mặt. Nó có một huy hiệu nhấp nháy ghi rằng thẻ đang "hoạt động".

Vấn đề là: nó không bao giờ ở trạng thái không hoạt động. Nếu không hoạt động, ứng dụng đã tự đăng xuất người dùng rồi. Đó là thông tin thừa thãi hoàn toàn.

Trang cá nhân cũng có huy hiệu "sinh viên đang học". Ai đó có thể giải thích giúp "sinh viên không hoạt động" trông như thế nào không? Và trong giao diện thẻ số còn có huy hiệu "đã xác minh" bên cạnh logo trường. Để làm gì? Nó đâu có gọi API kiểm tra gì đâu. Mà kể cả có, thì cũng vô nghĩa — nếu ai đó làm giả thẻ sinh viên số, liệu họ có tự ghi "chưa xác minh"?

4. Thẻ "móng tay"

Đây là kiểu thẻ xuất hiện trong gần như mọi giao diện vibe-code. Bản thân nó không xấu, nhưng vì bị lạm dụng đến mức ở đâu cũng có, nên giờ trông phản cảm. Chẳng ai từng ngồi xuống và nghĩ: "Biết gì chưa, thứ sẽ cải thiện giao diện này là một cái móng tay".

5. Emoji tràn lan

AI cực kỳ thích emoji, vì bất cứ lý do gì. Nó còn thích emoji hơn cả việc Sam Altman thích giả vờ rằng OpenAI đang dẫn đầu biên giới công nghệ.

6. Các thành phần lệch lạc

Nếu giao diện có SVG, ASCII art hay bất kỳ phần tử nào không nằm trong khung, chúng gần như luôn bị lệch hàng. Ví dụ điển hình là danh sách trong thời khóa biểu của ứng dụng đại học nói trên.

7. Lựa chọn font chữ nhàm chán

Những website này thường không chọn font thú vị. Phần lớn dùng Inter, hoặc nếu là website liên quan đến lập trình thì sẽ là JetBrains Mono. Và đặc biệt, chúng thêm hai dấu // mỗi khi nhắc đến thứ gì đó mang tính công nghệ.

8. Văn bản thừa thãi do ngữ cảnh hội thoại

AI thêm một đống văn bản thừa chỉ vì ngữ cảnh trò chuyện. Ví dụ, khi tác giả làm blog cá nhân và nói rằng không muốn viết HTML, sẽ viết trong Neovim cho thoải mái, và không muốn đụng đến mấy thứ liên quan web — thì AI thêm dòng chữ: "Xây dựng bằng Hugo. Viết từ Neovim".

Không ai quan tâm tôi viết từ đâu cả. AI cũng làm điều tương tự trong file README: "Xây dựng với các tính năng C++ 20 hiện đại". Ai mà quan tâm chứ.

Có thể đoán gần như chính xác câu lệnh đã tạo ra đoạn văn bản đó. Kiểu như "một trường, một ứng dụng" — chắc chắn là một quản lý nào đó đã nói: "Hãy hợp nhất 3 ứng dụng của chúng ta, ta có 3 ứng dụng cho 3 cơ sở".

9. Glassmorphism

AI rất thích glassmorphism (hiệu ứng kính mờ). Nó hầu như không dùng ngôn ngữ thiết kế nào khác, ngoại trừ brutalism — mà với brutalism thì mọi giao diện đều trông giống hệt nhau. Phải thừa nhận rằng brutalism trông khá ngầu, cho đến khi bị lạm dụng và bạn bắt đầu thấy ghét nó.

Phong cách thiết kế brutalism với các khối màu đặc trưng

10. Khẩu hiệu sáo rỗng và sự cường điệu vô nghĩa

AI bị ám ảnh với các từ như "Nâng tầm" (Elevate), "Liền mạch" (Seamless), "Thế hệ tiếp theo" (Next-Generation), "Tăng tốc vượt trội" (Supercharge), "Giải phóng" (Unleash) và "Trao quyền" (Empower).

Mỗi tiêu đề H1 đều được theo sau bởi một dòng phụ đề xám xịt kiểu: "Trải nghiệm sức mạnh của quản lý công việc với giao diện trực quan tiên tiến của chúng tôi".

Nó thích những câu như "Chào mừng đến với Bảng điều khiển của bạn, [Tên] ✨" hay "Cách mạng hóa quy trình làm việc của bạn". Nó đối xử với mọi màn hình như thể là một trang đích quảng cáo, thay vì một công cụ chức năng thực sự.

Kết luận

Đây chỉ là những thứ khiến tác giả thấy khó chịu khi nhìn vào các giao diện slop. Vấn đề không phải là phản đối vibe-coding — bản thân website của tác giả cũng được vibe-code và trông khá xinh. Vấn đề nằm ở chỗ những người đó không bỏ ra chút công sức nào để giao diện trông tạm ổn.

Vibe-code có thể tạo ra sản phẩm đẹp nếu có tầm nhìn và sự chăm chút. Nhưng khi AI được thả tự do mà không có định hướng thiết kế, kết quả thường là một mớ hỗn độn chung chung, thiếu cá tính và đầy những chi tiết vô nghĩa.

Đối với các nhà phát triển và nhà thiết kế Việt Nam đang tận dụng AI để tăng tốc phát triển sản phẩm, bài học ở đây là: AI là công cụ hỗ trợ tuyệt vời, nhưng gu thẩm mỹ và sự tinh tế trong thiết kế vẫn là thứ máy móc chưa thể thay thế hoàn toàn. Một giao diện tốt không chỉ cần code chạy được, mà còn cần sự thấu hiểu về người dùng và một chút cá tính riêng.