SaveGame

Trong quá trình làm sản phẩm này, mình có một phần khá thú vị khi nhìn lại UX/UI.

Ban đầu mình có thiết kế wireframe và UI khá đầy đủ trên Figma, nhìn mọi thứ lúc đó rất ổn, rõ ràng, logic.

Nhưng khi bắt tay vào code và dùng thật, một vài chi tiết nhỏ bắt đầu thay đổi, không phải là gì quá đặc biệt.

Thực ra ai làm sản phẩm rồi chắc cũng quen với chuyện này.

Có những chỗ khi thiết kế thì thấy hợp lý, nhưng khi dùng thật lại muốn chỉnh đi một chút cho nhanh hơn, gọn hơn. Và thế là mình sửa trực tiếp trong lúc code.

Kết quả là UI hiện tại có vài điểm hơi khác so với bản thiết kế ban đầu, và mình cũng chưa cập nhật lại Figma.

Với những sản phẩm cá nhân hoặc team nhỏ, chuyện này khá bình thường.

Vì mình vừa là người làm, vừa là người dùng, nên việc điều chỉnh diễn ra liên tục theo cảm nhận thực tế.

Còn với những sản phẩm lớn, có đầy đủ team và quy trình, mọi thứ sẽ được sync rất kỹ giữa design và production.

Còn ở đây, mình chọn ưu tiên việc sản phẩm chạy mượt và dùng thoải mái trước.

Thiết kế ban đầu vẫn là nền tảng. Nhưng trong quá trình làm, nó luôn có thể thay đổi một chút.

Với mình, UX/UI không phải là thứ cố định từ bản thiết kế, mà là thứ được điều chỉnh dần qua quá trình sử dụng mỗi ngày.

Link giao diện: https://www.figma.com/design/ISnf0vwGH9w3gnIgwChkpk/SAVE-GAME-UI?node-id=0-1&p=f&t=aJk89mfsFhdQ0mYG-0

Link sản phẩm: https://savegame-project.vercel.app