Lời mở đầuChào mừng đến với trang web bán phụ kiện điện thoại của chúng tôi!Chúng tôi rất vui mừng được giới thiệu với bạn về các sản phẩm phụkiện điện thoại chất lượng cao mà chúng tôi
Trang 1TRƯỜNG CAO ĐẲNG FPT POLYTECHNIC - -
Trang 24.2.Thiết kế luồng giao diện người dùng 13
PHẦN V:THIẾT KẾ GIAO DIỆN WEBSITE 14
5.1 Thiết kế giao diện trang web 14
5.2 Thiết kế luồng chính cho desktop 14
5.3 Thiết kế luồng chính cho mobile 14
PHẦN VI: KIỂM THỬ VÀ ĐÁNH GIÁ 15
Trang 36.1 Test user flows 15
7.3 Khó khăn gặp phải/ hướng giải quyết 16
7.4 Kế hoạch phát triển sau 16
PHẦN VIII: LỜI CẢM ƠN 17
Trang 4Lời mở đầu
Chào mừng đến với trang web bán phụ kiện điện thoại của chúng tôi!Chúng tôi rất vui mừng được giới thiệu với bạn về các sản phẩm phụkiện điện thoại chất lượng cao mà chúng tôi cung cấp với giá cả phảichăng và dịch vụ tốt nhất cho khách hàng.
Điện thoại là một phần không thể thiếu trong cuộc sống hàng ngày củabạn và chúng tôi hiểu rằng có các phụ kiện điện thoại thích hợp sẽ giúpbạn tận hưởng trải nghiệm sử dụng điện thoại tốt hơn và bảo vệ thiết bịcủa bạn khỏi các sự cố không đáng có.
Trang web của chúng tôi cung cấp đa dạng các sản phẩm phụ kiện điệnthoại, từ ốp lưng, bao da, dán màn hình đến sạc, tai nghe và nhiều hơnnữa Chúng tôi cam kết cung cấp các sản phẩm chính hãng và luôn đổimới, cập nhật các sản phẩm mới nhất trên thị trường.
Chúng tôi mong muốn mang lại sự hài lòng cho khách hàng khi muasắm trên trang web của chúng tôi và hy vọng sẽ trở thành người bạnđồng hành đáng tin cậy của bạn trong việc cung cấp các phụ kiện điệnthoại chất lượng cao Chúng tôi cam kết đặt khách hàng lên hàng đầu vàluôn nỗ lực để đáp ứng nhu cầu của khách hàng trong mọi khía cạnh, từsản phẩm đến dịch vụ hậu mãi.
Với trang web bán phụ kiện điện thoại của chúng tôi, bạn có thể yên tâmmua sắm và tận hưởng trải nghiệm tuyệt vời với các sản phẩm phụ kiệnđiện thoại chất lượng cao, giá cả hợp lý và dịch vụ tốt nhất Hãy ghéthăm trang web của chúng tôi để tìm hiểu thêm về sản phẩm và dịch vụcủa chúng tôi!
Trang 5PHẦN 1: GIỚI THIỆU CHUNG
1.Giới thiệu mục đích, lý do làm hệ thống
- Đem lại sự thuận tiện khi mua phụ kiện điện thoại trực tuyến trên internet
- Cung cấp sản phẩm chất lượng cho người tiêu dùng
- Kích thích khách hàng mua sắm chỉ với vài thao tác đơn giản-Mở rộng thị trường và vượt giới hạn về thời gian
2.Phân công làm việc nhóm
Đào Văn Nam: Làm khảo sát, User Persona 1, Wireframe và giao diện chi tiết mobile, Slide trình chiếu.
Phan Văn Quyết: User Persona 2, User Persona 3, Wireframe và giao diện chi tiết desktop.
3.Công cụ sử dụng
- Google Form, Microsoft Word, Figma, Canva, Google.
Trang 6PHẦN 2: TÌM HIỂU KHÁCH HÀNG
1 Mục đích
Hiểu rõ hơn về nhu cầu, sở thích, thói quen sử dụng sảnphẩm, tâm lý và hành vi người dùng Từ đó giúp cho nhà thiếtkế có thể đưa ra những giải pháp thiết kế sản phẩm phù hợp vớinhu cầu người dùng.
2.Phương pháp khảo sát
Quan sát, phỏng vấn, bảng câu hỏi, nghiên cứu mục tiêu.Dưới đây là bảng khảo sát:
Trang 7PHẦN 3: XÁC ĐỊNH VẤN ĐỀ
1 Phiên bản giả lập người dùng
User Persona 1
Trang 8User Persona2
Trang 10User Persona 3
Trang 112.Xác định nhu cầu khách hàng
- Sản phẩm phải được kiểm định
- Mẫu mã đẹp, đa dạng, chính hãng, rẻ, chất lượng đi đôi với giá tiền
- Giao hàng phải đảm bảo đúng mẫu đúng hạn
- Sản phẩm khi gặp vấn đề cần được hỗ trợ giải quyết nhanhchóng, kịp thời, chính xác
- Chia sẻ được trải nghiệm- Đánh giá shop qua sản phẩm- Mua hàng nhiều phải được ưu đãi
3 Những chức năng cần xây dựng từ nhu cầu
Từ trang chủ vào hỗ trợ khách hàng
Trang 12PHẦN 4: THIẾT KẾ SÁNG TẠO
1 Thiết kế UI
Wireframe desktop
Wireframe mobile
Trang 13Logo websiteColor style: Tím, xám, trắng
Text style: Roboto
Component
Trang 14PHẦN 5: THIẾT KẾ GIAO DIỆN WEBSITE
Giao diện desktop
Trang 152.Thiết kế cần cải tiến
- Đa dạng hơn các sản phẩm, mẫu mã, cập nhật thêm các chức năng để website có thể hoàn thiện.
Trang 163.Khó khăn gặp phải/ hướng giải quyết
Gặp khó khăn về vấn đề thiết kế các chức năng, giao diện, hover, slider…
4.Kế hoạch phát triển
Phát triển thêm nhiều chức năng, giao diện bắt mắt, nhiều giao diện màn hình