3.2.2.7 Dịng tiền
Vũ Phương Anh – D18TKDPT3
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
3.2.2.9. Thơng tin tài khoản
Vũ Phương Anh – D18TKDPT3
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
3.2.3. Quy chuẩn thiết kế (Design Guildeline) ứng dụng Giao hàng tiết kiệm
Vũ Phương Anh – D18TKDPT3
Hình 3. 13 Quy chuẩn thiết kế - Chữ
Vũ Phương Anh – D18TKDPT3
Hình 3. 14 Quy chuẩn thiết kế - Màu sắc – Thiết kế - Biểu tượng
Hình 3. 15 Quy chuẩn thiết kế - Tab thanh
Vũ Phương Anh – D18TKDPT3
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
Giao diện đăng ký
Vũ Phương Anh – D18TKDPT3
Hình 3. 18 Giao diện đăng ký
3.2.4.3. Đơn hàng
Trang đơn hàng
Hình 3. 19 Giao diện trang đơn hàng
Vũ Phương Anh – D18TKDPT3
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
Hình 3. 21 Giao diện trang thông báo
Vũ Phương Anh – D18TKDPT3
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 hàng Thêm/sửa/xố khách hàng
Hình 3. 23 Giao diện Thêm/Sửa/Xố khách hàng
Vũ Phương Anh – D18TKDPT3
Kho hàng
Hình 3. 24 Giao diện trang Sổ địa chỉ - Kho hàng
Thêm/sửa/xố kho hàng
Hình 3. 25 Giao diện Thêm/Sửa/Xố kho hàng
Vũ Phương Anh – D18TKDPT3
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/xố sản phẩm
Hình 3. 27 Giao diện Thêm/Sửa/Xố sản phẩm
Vũ Phương Anh – D18TKDPT3
3.2.4.7. Tiền & đối sốt
Hình 3. 28 Giao diện Tiền&đối soá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
Hình 3. 29 Giao diện tra cứu thông tin bưu cục
Vũ Phương Anh – D18TKDPT3
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
Hình 3. 31 Giao diện trang thơng tin tài khoản
Vũ Phương Anh – D18TKDPT3
3.2.4.11. Chats
Hình 3. 32 Giao diện trang Chats
Vũ Phương Anh – D18TKDPT3
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.
Vũ Phương Anh – D18TKDPT3
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-
design-canvas. (2016).
Vũ Phương Anh – D18TKDPT3
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
18. https://www.theguardian.com/
Vũ Phương Anh – D18TKDPT3