Sau khi học và hiểu được các nguyên tắc cơ bản trong việc thiết kế giao diện người dùng, nhóm chúng tôi đã thực hiện xây dựng giao diện một website Bán hoa biểu thị đầy đủ các chức năng cần thiết bằng 2 phần mềm thiết kế Figma và Proto.io.
Đây là project nhỏ nhằm tìm hiểu các chức năng cơ bản của Proto.io. Nhóm chúng tôi đã thực hiện các công việc sau:
- Tìm hiểu và giới thiệu sơ lược về phần mềm thiết kế
Proto.io - Hướng dẫn cách sử dụng các tính năng chính của phần mềm này.
- So sánh với phần mềm thiết kế phổ biến trên thị trường là
Figma. - Thực hiện một demo nhỏ nhằm làm rõ các tính năng được giới thiệu.
Xem demo tại đây: https://bit.ly/DemoSeminarN8
Đây là project chính của nhóm chúng tôi. Ở project này, chúng tôi đã đào sâu vào các nguyên tắc của thiết kế tập trung người dùng, đặt ra mục tiêu tạo ra các giao diện không chỉ đáp ứng yêu cầu chức năng mà còn cung cấp trải nghiệm người dùng mượt mà và hấp dẫn. Các công việc của nhóm chúng tôi như sau:
- KHẢO SÁT, PHÂN TÍCH, THAM KHẢO: chúng tôi thực hiện khảo sát các nhu cầu chung của người dùng và phân tích các yêu cầu trên, ngoài ra chúng tôi còn thực hiện tìm kiếm các website tương tự dự án của nhóm và cùng phân tích các website của họ. Từ đó, chúng tôi rút ra kinh nghiệm và đề xuất các giải pháp cần thiết.
- PHÁC THẢO GIAO DIỆN: đây là bước cần thiết trước khi hiện thực hóa các tính năng. Nhóm chúng tôi đã dựa trên những phân tích ở bước trước đó, thực hiện vẽ phác thảo giao diện của mỗi trang web.
- GIAO DIỆN WEBSITE HOÀN CHỈNH: đây là bước hiện thực hóa 2 bước ở trên của nhóm chúng tôi.
- TƯƠNG TÁC GIAO DIỆN: đây là bước giúp cho người dùng có thể sử dụng và điển khiển website.
Thực hiện demo tại đây: https://bit.ly/Nhom8