3.2.2.4. Thơng báo
Hình 3. 5 Phác thảo trang thơng báo 3.2.2.5. Danh bạ khách hàng, kho hàng
Thực hành chuyên sâu CHƯƠNG III. ĐỀ XUẤT GIẢI PHÁP THIẾT KẾ CẢI THIỆN ỨNG DỤNG GIAO HÀNG TIẾT KIỆM
Vũ Phương Anh – D18TKDPT3 47
Hình 3. 7 Phác thảo trang tạo đơn hàng
3.2.2.6. Sản phẩm
Hình 3. 8 Phác thảo trang sản phẩm 3.2.2.7 Dịng tiền 3.2.2.7 Dòng tiền
Thực hành chuyên sâu CHƯƠNG III. ĐỀ XUẤT GIẢI PHÁP THIẾT KẾ CẢI THIỆN ỨNG DỤNG GIAO HÀNG TIẾT KIỆM
Vũ Phương Anh – D18TKDPT3 48
Hình 3. 9 Phác thảo trang dịng tiền
3.2.2.8. Tra cứu thông tin bưu cục và cước phí
Hình 3. 10 Phác thảo trang tra cứu thông tin
Thực hành chuyên sâu CHƯƠNG III. ĐỀ XUẤT GIẢI PHÁP THIẾT KẾ CẢI THIỆN ỨNG DỤNG GIAO HÀNG TIẾT KIỆM
Vũ Phương Anh – D18TKDPT3 49
Hình 3. 11 Phác thảo trang thơng tin tài khoản
3.2.2.10. Chats
Hình 3. 12 Phác thảo trang chats
Thực hành chuyên sâu CHƯƠNG III. ĐỀ XUẤT GIẢI PHÁP THIẾT KẾ CẢI THIỆN ỨNG DỤNG GIAO HÀNG TIẾT KIỆM
Vũ Phương Anh – D18TKDPT3 50
Thực hành chuyên sâu CHƯƠNG III. ĐỀ XUẤT GIẢI PHÁP THIẾT KẾ CẢI THIỆN ỨNG DỤNG GIAO HÀNG TIẾT KIỆM
Vũ Phương Anh – D18TKDPT3 51
Hình 3. 14 Quy chuẩn thiết kế - Màu sắc – Thiết kế - Biểu tượng
Thực hành chuyên sâu CHƯƠNG III. ĐỀ XUẤT GIẢI PHÁP THIẾT KẾ CẢI THIỆN ỨNG DỤNG GIAO HÀNG TIẾT KIỆM
Vũ Phương Anh – D18TKDPT3 52
3.2.4. Thiết kế giao diện ứng dụng Giao hàng tiết kiệm
3.2.4.1. Trang chủ
Hình 3. 16 Giao diện Trang chủ, Trang đơn hàng, Trang thông báo, Trang tài khoản (từ trái sang phải)
3.2.4.2. Đăng nhập đăng ký
Giao diện đăng nhập và quên mật khẩu
Hình 3. 17 Giao diện đăng nhập và quên mật khẩu
Thực hành chuyên sâu CHƯƠNG III. ĐỀ XUẤT GIẢI PHÁP THIẾT KẾ CẢI THIỆN ỨNG DỤNG GIAO HÀNG TIẾT KIỆM
Vũ Phương Anh – D18TKDPT3 53
Hình 3. 18 Giao diện đăng ký
3.2.4.3. Đơn hàng
Trang đơn hàng
Thực hành chuyên sâu CHƯƠNG III. ĐỀ XUẤT GIẢI PHÁP THIẾT KẾ CẢI THIỆN ỨNG DỤNG GIAO HÀNG TIẾT KIỆM
Vũ Phương Anh – D18TKDPT3 54
Tạo đơn hàng mới
Hình 3. 20 Giao diện trang tạo đơn hàng mới
3.2.4.4. Thông báo
Thực hành chuyên sâu CHƯƠNG III. ĐỀ XUẤT GIẢI PHÁP THIẾT KẾ CẢI THIỆN ỨNG DỤNG GIAO HÀNG TIẾT KIỆM
Vũ Phương Anh – D18TKDPT3 55
3.2.4.4. Danh bạ khách hàng, kho hàng
Danh bạ khách hàng
Hình 3. 22 Giao diện trang Sổ địa chỉ - Danh bạ khách hàng
Thêm/sửa/xoá khách hàng
Thực hành chuyên sâu CHƯƠNG III. ĐỀ XUẤT GIẢI PHÁP THIẾT KẾ CẢI THIỆN ỨNG DỤNG GIAO HÀNG TIẾT KIỆM
Vũ Phương Anh – D18TKDPT3 56
Kho hàng
Hình 3. 24 Giao diện trang Sổ địa chỉ - Kho hàng
Thêm/sửa/xoá kho hàng
Thực hành chuyên sâu CHƯƠNG III. ĐỀ XUẤT GIẢI PHÁP THIẾT KẾ CẢI THIỆN ỨNG DỤNG GIAO HÀNG TIẾT KIỆM
Vũ Phương Anh – D18TKDPT3 57
3.2.4.6. Sản phẩm
Danh mục sản phẩm
Hình 3. 26 Giao diện trang sản phẩm
Thêm/sửa/xoá sản phẩm
Thực hành chuyên sâu CHƯƠNG III. ĐỀ XUẤT GIẢI PHÁP THIẾT KẾ CẢI THIỆN ỨNG DỤNG GIAO HÀNG TIẾT KIỆM
Vũ Phương Anh – D18TKDPT3 58
3.2.4.7. Tiền & đối sốt
Hình 3. 28 Giao diện Tiền&đối sốt
3.2.4.8. Tra cứu thơng tin bưu cục và cước phí
Tra cứu thông tin bưu cục
Thực hành chuyên sâu CHƯƠNG III. ĐỀ XUẤT GIẢI PHÁP THIẾT KẾ CẢI THIỆN ỨNG DỤNG GIAO HÀNG TIẾT KIỆM
Vũ Phương Anh – D18TKDPT3 59
Tra cứu thơng tin cước phí
Hình 3. 30 Giao diện tra cứu thơng tin (tính trước) cước phí
3.2.4.9. Thơng tin tài khoản
Thực hành chuyên sâu CHƯƠNG III. ĐỀ XUẤT GIẢI PHÁP THIẾT KẾ CẢI THIỆN ỨNG DỤNG GIAO HÀNG TIẾT KIỆM
Vũ Phương Anh – D18TKDPT3 60
3.2.4.11. Chats
Thực hành chuyên sâu KÊT LUẬN
Vũ Phương Anh – D18TKDPT3 61
KẾT LUẬN
Trong thời đại số, một trong những bước đầu tiên giúp sản phẩm của doanh nghiệp có thể đứng vững và cạnh tranh với vô vàn các đối thủ khác trên thị trường chính là chú trọng vào trải nghiệm người dùng (UX). Mơ hình Thiết kế lấy người dùng làm trung tâm (UCDC) hỗ trợ nhà thiết kế nghiên cứu, nắm bắt, thu thập thông tin để hiểu được người dùng một cách tồn diện nhất, từ đó có thể đưa ra thiết kế đáp ứng được những mong muốn hay khắc phục được những vấn đề của người dùng.
Trên cơ sở các tài liệu có sẵn, đề tài đã tổng hợp cơ sở lý thuyết về Thiết kế UX/UI nói chung và Mơ hình Thiết kế lấy người dùng làm trung tâm nói riêng. Mơ hình Thiết kế lấy người dùng là trung tâm sinh ra với mục đích quan trọng nhất là giúp nhà thiết kế hiểu được người dùng. Tuy vậy nó vẫn địi hỏi nhà thiết kế phải nắm chắc các kiến thức về UX/UI, cập nhật xu thế của xã hội để có thể đưa ra đánh giá một cách chính xác.
Bên cạnh đó, đề tài cũng đưa ra ví dụ về cách ứng dụng Mơ hình Thiết kế lấy người dùng làm trung tâm thông qua việc đề xuất giải pháp thiết kế cải thiện ứng dụng Giao hàng tiết kiệm.
Thực hành chuyên sâu DANH MỤC TÀI LIỆU THAM KHẢO
Vũ Phương Anh – D18TKDPT3 62
DANH MỤC TÀI LIỆU THAM KHẢO
Tiếng Việt
1. AppROI App Marketing. Có Bao Nhiêu Loại Ứng Dụng Di Động Trên Thị Trường Hiện Nay?. https://www.brandsvietnam.com/congdong/topic/28045-Co-Bao-Nhieu- Loai-Ung-Dung-Di-Dong-Tren-Thi-Truong-Hien-Nay. (2020).
2.
3. Bùi Thị Thuỳ Dương. Xây dựng ứng dụng di động để cung cấp dịch vụ thông tin số tại các Thư viện Đại học. Tạp chí Thơng tin và Tư liệu, Số. 6(2020), 21-29. (2020). 4. Đỗ Trung Tuấn. Giáo trình Thiết kế tương tác đa phương tiện. Học viện Cơng nghệ
Bưu chính Viễn thơng. (2014).
5. Nguyễn Đức Việt. “Bàn về quy trình thiết kế UI UX qua một project thực tế”,
https://rgb.vn/ban-ve-quy-trinh-thiet-ke-ui-ux-qua-mot-project-thuc-te/.
6. Trần Quốc Trung.“Giải pháp thiết kế trải nghiệm người dùng dựa trên mơ hình
UCDC cho ứng dụng y tế điện tử E-Doctor”. Tạp chí Khoa học Cơng nghệ Thơng tin và Truyền thông 04b, tr. 102-103. (2020).
7. UX/UI và tầm quan trọng trong trải nghiệm khách hàng.
https://digital.fpt.com.vn/linh-vuc/ux-ui-va-tam-quan-trong-trong-trai-nghiem-khach- hang.html. (2021).
Tiếng Anh
8. Ajay Mishra, Jai Krishna, Sachin Kumar. Mobile Apps For Libraries And Library Services, International journal of information Libraries & Society, Volume 6, Issue 1, p. 27-32. (2017).
9. Ben Obear. 10 keys principles of User Centered
Design. https://www.cognitiveclouds.com/insights/key-principles-of-user-
centered-design/. (2017).
10. Don Norman. User Centered System Design.
11. Facebook Business. Southeast Asia, The Home For Digital Transformation.
(2021).
12. Leszek Zawadzki, Alina Prelicz-Zawadzka. User centered design canvas. https://ucdc.therectangles.com/. (2016).
13. Leszek Zawadzki, Alina Prelicz-Zawadzka. Introducing the User-Centered
Design Canvas. https://uxmag.com/articles/introducing-the-user-centered-
Thực hành chuyên sâu DANH MỤC TÀI LIỆU THAM KHẢO
Vũ Phương Anh – D18TKDPT3 63
14. Irwan Kautsar, M Ruslianor Maika. The use of User-centered Design Canvas
for Rapid Prototyping. Muhammadiyah University Of Sidoarjo First Campus. (2021).
15. Zhu, W.Marquez, A., &Yoo, J. Engineering economics jeopardy! Mobile eco for university students, The Engineering Economist, 60, 291-306. (2015).
16. User Centered Design. https://www.interaction-design.org/literature/topics/user- centered-
design#:~:text=User%2Dcentered%20design%20(UCD),and%20accessible%20produ cts%20for%20them.
17. The UX Honeycomb – How to Analyze the UX of Your Website.
https://www.energyhousedigital.co.uk/news/design-ux-ui/the-ux-honeycomb-how-to- analyse-the-ux-of-your-website/. (2020).
Danh mục các Website tham khảo