Vũ Phương Anh – D18TKDPT3
Giao diện kho hàng được thiết kế mới sao cho phù hợp với quy chuẩn thiết kế trình bày tại mục 3.2.3. Vì thường một cửa hàng khơng chỉ giới hạn ở một kho hàng, để tăng sự thuận tiện, giải pháo là cho phép người dùng thêm địa chỉ của các kho hàng khác nhau. Ngồi ra tính năng nhập xuất cũng được minh hoạ bằng biểu tượng trực quan, dễ hiểu. Bên cạnh đó, ở đây cũng được tích hợp thêm tính năng tìm kiếm hỗ trợ người dùng truy xuất thơng tin.
Thêm/sửa/xoá kho hàng
Hình 3. 35 Giao diện Thêm/Sửa/Xố kho hàng
3.2.4.6. Sản phẩm Danh mục sản phẩm
Vũ Phương Anh – D18TKDPT3
Hình 3. 36 Giao diện trang sản phẩm
Giao diện sản phẩm được thiết kế mới sao cho phù hợp với quy chuẩn thiết kế trình bày tại mục 3.2.3. Giải pháp thiết kế cải thiện phân cấp thông tin rõ ràng hơn, thêm các biểu tượng minh hoạ trực quan hơn so với giao diện khi chưa cải thiện.
Hình 3. 37 Giao diện trang sản phẩm của ứng dung Giao hàng tiết kiệm khi chưa cảithiện thiện
Thêm/sửa/xố sản phẩm
Vũ Phương Anh – D18TKDPT3
Hình 3. 38 Giao diện Thêm/Sửa/Xố sản phẩm
Giao diện thêm sản phẩm/sửa thơng tin/xố sản phẩm được thiết kế lại để phù hợp với quy chuẩn thiết kế trình bày tại mục 3.2.3.
Hình 3. 39 Giao diện chi tiết sản phẩm ứng dụng Giao hàng tiết kiệm khi chưa cảithiện thiện
Vũ Phương Anh – D18TKDPT3
3.2.4.7. Tiền & đối sốt
Hình 3. 40 Giao diện Tiền&đối soát
Giao diện Tiền&Đối soát được thiết kế lại để phù hợp với quy chuẩn thiết kế trình bày tại mục 3.2.3. Ngồi ra ở đây cũng tích hợp thêm tính năng tìm kiếm để thống kê lượng doanh thu giúp người dùng.
Hình 3. 41 Giao diện tiền&Đối sốt của ứng dụng Giao hàng tiết kiệm khi chưa cải thiện
Vũ Phương Anh – D18TKDPT3
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. 42 Giao diện tra cứu thông tin bưu cục
Giao diện Tra cứu thông tin bưu cục được thiết kế mới để phù hợp với quy chuẩn thiết kế trình bày tại mục 3.2.3. Chức năng này sẽ hỗ trợ người dùng tìm kiếm các bưu cục gần họ một cách nhanh nhất.
Tra cứu thơng tin cước phí
Vũ Phương Anh – D18TKDPT3
Hình 3. 43 Giao diện tra cứu thơng tin (tính trước) cước phí
Giao diện Tra cứu cước phí sốt được thiết kế mới để phù hợp với quy chuẩn thiết kế trình bày tại mục 3.2.3. Chức năng này sẽ hỗ trợ người dùng tính tốn được chi phí giao hàng một các nhanh chóng.
3.2.4.9. Thơng tin tài khoản
Hình 3. 44 Giao diện trang thơng tin tài khoản
Vũ Phương Anh – D18TKDPT3
Giao diện thông tin tài khoản được thiết kế lại để phù hợp với quy chuẩn thiết kế trình bày tại mục 3.2.3.
Hình 3. 45 Giao diện trang thông tin tài khoản ứng dụng Giao hàng tiết kiệm khi chưa cải thiện
3.2.4.11. Chats
Hình 3. 46 Giao diện trang Chats
Vũ Phương Anh – D18TKDPT3
Giao diện Chats được thiết kế lại để phù hợp với quy chuẩn thiết kế trình bày tại mục 3.2.3.
Hình 3. 47 Giao diện trang Chats ứng dụng Giao hàng tiết kiệm khi chưa cải thiện
TIỂU KẾT CHƯƠNG III:
Chương 3 thể hiện giải pháp thiết kế cải thiện ứng dụng Giao hàng tiết kiệm dựa trên mơ hình Thiết kế lấy người dùng làm trung tâm nói riêng và phương pháp Thiết kế lấy người dùng làm trung tâm nói chung.
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. Tuy nhiên do hạn chế về kiến thức và kỹ năng nên đề tài chưa thể thực hiện việc đánh giá giải pháp cải thiện. Mong rằng trong thời gian tới, sau khi khắc phục được những khó khăn về mặt kiến thức và kỹ năng, đề tài sẽ được hoàn thiện hơn.
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).
14. Irwan Kautsar, M Ruslianor Maika. The use of User-centered Design Canvas for Rapid Prototyping. Muhammadiyah University Of Sidoarjo First Campus. (2021).
Vũ Phương Anh – D18TKDPT3
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