TRƯỜNG CAO ĐẲNG FPT POLYTECHNIC

------

THIẾT KẾ UI/UX
Đề tài: Tên đề tài

Giảng viên hướng dẫn: Tên giảng viên HD

Sinh viên thực hiện: Họ tên SV 1- Mã SV

Họ tên SV 2- Mã SV
Họ tên SV 3- Mã SV

Hà Nội – 2023
 1

MỤC LỤC
LỜI MỞ ĐẦU
PHẦN 1. GIỚI THIỆU CHUNG
<Gợi ý:
- Giới thiệu mục đích, lý do làm hệ thống
- Phân công/ sơ đồ làm việc nhóm
- Công cụ sử dụng>

PHẦN 2. TÌM HIỂU KHÁCH HÀNG

<Gợi ý: là nghiên cứu tìm hiểu hành vi, nhu cầu, thái độ của người dùng đối
với hệ thống hoặc sản phẩm cần và muốn, sau đó đưa những nghiên cứu đó vào
sử dụng để cải thiện quy trình thiết kế sản phẩm, dịch vụ hoặc phần mềm.
Mục đích là thu thập thông tin về nỗi đau (Pain Point), động cơ của người dùng
đang gặp phải từ đó phối hợp với UX Design để cải thiện trải nghiệm người
dùng. Các phương pháp khảo sát để thấu hiểu:quan sát, phỏng vấn, bảng câu
hỏi, tập trung nhóm mục tiêu, nghiên cứu tài liệu,..>

PHẦN 3. XÁC ĐỊNH VẤN ĐỀ

<Gợi ý: Từ những nghiên cứu ở bước trên từ đó đưa ra:
- Phiên bản giả lập người dùng khoảng 2-3 user persona
- Xác định những nhu cầu khách hàng là gì?
- Suy ra Các chức năng cần xây dựng từ nhu cầu>

PHẦN 4. THIẾT KẾ SÁNG TẠO

4.1 Thiết kế UI
- Thiết kế wireframe trang chủ, trang con desktop và mobile
- Logo, text style, color style (Liệt kê và giải thích)
- Thiết kế component
4.2 Thiết kế luồng hoạt động người dùng (User Flows)
<Gợi ý:
- Flow Đăng ký / đăng nhập
- Flow Xem / search/ lọc sản phẩm
- Flow Quá trình mua hàng>
 2

PHẦN 5. THIẾT KẾ GIAO DIỆN WEBSITE

<Gợi ý: Sử dụng figma Prototype cho ít nhất 3 user flows – trong đó phải có
luồng chính của hệ thống cho 2 phiên bản desktop và mobile>

PHẦN 6. KIỂM THỬ VÀ ĐÁNH GIÁ

<Gợi ý: tiến hành chọn người giống như user persona để test các user flows đã
chọn ở trên -> rút ra đánh giá, nhận xét sản phẩm -> Đưa ra quy trình, thiết kế
cần cải tiến>

PHẦN 7. KẾT LUẬN

- Thời gian phát triển
- Mức độ hoàn thành
- Khó khăn gặp phải/ hướng giải quyết
- Kế hoạch phát triển sau

LỜI CẢM ƠN