Thử làm một prototype cho Productivity App hoàn toàn bằng AI

💡
Bài viết này được viết vào tháng 2/2025 (migrate từ blog cũ)

Hôm trước, đang làm việc thì mình nhận được một email kể về việc sử dụng AI để tạo prototype cho một product. Khá tò mò, mình click vào và đọc xem người ta đang sử dụng AI trong việc làm product như thế nào và thú thật là sau khi đọc xong mình cảm thấy vừa bất ngờ, vừa lo sợ.

Bất ngờ là vì chỉ trong vòng 2 tiếng đồng hồ mà AI đã tạo được một bản prototype tương đối hoàn chỉnh, đương nhiên là vẫn không đủ để launch nhưng vẫn đủ với mục đích đem đi test hoặc present.

Bất ngờ xong tới phần lo sợ. Từ ngày mà AI hype lên thì mình cũng có sử dụng AI trong một số task nhỏ, như là viết UX copy và mình thấy ChatGPT làm điều đó khá tốt. Nhưng mình không nghĩ là AI lại tiến bộ đến mức vừa code vừa design như này. Chẳng biết bao lâu nữa, liệu AI có thay luôn phần việc của mình không?

Vì tò mò, mình quyết định thử dùng AI để tự làm một to-do app nhỏ trong tối đa 1 tiếng, vừa để kiểm chứng những gì đã đọc, vừa để học hỏi thêm. Với thử nghiệm này, mình sẽ đóng vai một founder đã nhìn thấy cơ hội trong việc người dùng gặp khó khăn với việc sắp xếp, lên danh sách các việc cần làm và quản lý các đầu việc đó. Giả sử founder này không có kiến thức về tech, design và muốn có một bản prototype nhỏ để đi test thì AI có thể hỗ trợ founder này như thế nào.

Bắt đầu với Claude, mình sẽ brainstorm với Claude để tạo persona, xác định use case quan trọng và lên vài screen mockup. Thông tin mình prompt ra như sau

"Using this information, create a user persona to guide the development of a new app:

Nhi is a marketing executive working full-time at Company X*, where she handles multiple projects simultaneously. Each project involves various tasks that need to be completed. In addition to her full-time job, Nhi **also works as a freelancer*, managing all her work independently without delegating tasks to others. *She often struggles to manage her workload effectively and has realized she spends too much time organizing tasks in productivity apps instead of actually completing them**."*

User Personal Claude đưa ra:

Bản đầu tiên của Claude đưa ra có rất nhiều lỗi về UI, chủ yếu là text tràn ra khỏi container. Đây là User Persona đã qua 5 lần prompt để chỉnh sửa nhưng vẫn còn lỗi UI.

Còn đây là use case chính mà Claude đưa ra

upload in progress, 0

Mockup Claude thiết kế

Bản đầu tiên của Claude trông cũng không quá tệ, tuy nhiên sẽ có một số điểm hơi khó hiểu (priority tasks không có checkbox trong khi other tasks lại có) nên sẽ cần người dùng tự đánh giá và prompt thêm để hoàn thiện.

upload in progress, 0

Còn đây là bản iterate khi prompt thêm một số thông tin như tên các projects đang làm tại công ty, vẫn gặp lỗi UI nhưng cũng cải thiện hơn được một chút.

Một điều mình khá thích về Claude là mỗi lần mình prompt xong, Claude sẽ đưa ra thêm suggestion cho mình đỡ phải suy nghĩ. Ví dụ ở đây sau hoàn thành task, Claude có đưa ra suggestion cho việc có thêm search và filter, mình thấy cũng hợp lý.

upload in progress, 0

Ở mỗi bước, Claude cũng biết suggest thêm những options cho mình chọn. Như ở đây nó đưa ra thêm phần search với filter mình thấy cũng hợp lý.

Khúc này mình hơi khó hiểu cái phần 2 hour (kế bên corporate trên Design Hero Section) nên prompt hỏi thử, Claude nó tự nhận thức được cái đó khó hiểu xong nó cũng tự cải thiện design của nó luôn 🤩. Cũng dễ thương đó nhưng mà không có cần thiết và cũng không thực tế luôn.

upload in progress, 0

Thử làm prototype bằng v0.dev

Mình sử dụng v0 để code bản prototype này, flow cũng khá đơn giản. User tạo một task mới, chọn project và deadline, và check off 1 task đã hoàn thành.

Cũng muốn iterate thêm vài rounds mà bị cái code vừa lỗi vừa thiếu (không biết sửa tay) và hết slot hỏi tiếp (dùng bản free) nên thoi dừng thử nghiệm này ở đây 😢.

Kết luận

Sau khi hoàn thành xong thì mình rút ra được những điều này:

  • Đối tượng nhận được giá trị sẽ là những PM hoặc founder không có kiến thức về design và code, chỉ cần một bản prototype tương tác được để đi lấy ý kiến hoặc minh hoạ cho idea của mình.

  • Mình nghĩ là sẽ nhanh thôi AI sẽ có thể thay thế những người nào mà chỉ có khả năng xài tool và vẽ lại theo ý của người khác. Thay vì thuê bạn và phải trả lương tháng, họ chỉ cần bỏ ra 20$ cho Claude và họ sẽ có được 1 cái design hoàn toàn theo ý họ, cần điều chỉnh gì mà Claude không làm được thì họ chỉ cần bỏ một khoảng chi phí nhỏ để thuê freelancer làm thôi.

  • Mặc dù thiết kế của AI có khá nhiều lỗi và không hợp lý, nhưng nó sẽ phù hợp với những công ty startup nhỏ và người founder ưu tiên việc release sản phẩm hơn là trải nghiệm người dùng.

  • Về việc liệu AI có thay thế UX designers hay product designers nói chung không thì mình nghĩ vẫn không thể. AI không thể đi interview hoặc làm usability testing được, mình cũng chưa thấy AI sử dụng nhiều kiến thức tâm lý học trong design, và design vẫn còn lỗi nhiều. Designers có thể sử dụng AI như một trợ lý để làm những việc mà làm tay thì quá mất thời gian.

0
Subscribe to my newsletter

Read articles from somewhatpractical directly inside your inbox. Subscribe to the newsletter, and don't miss out.

Written by

somewhatpractical
somewhatpractical