34 Giao diện trang Sổ địa chỉ Kho hàng

Một phần của tài liệu THỰC HÀNH CHUYÊN SÂU Nghiên cứu lý thuyết Mô hình Thiết kế lấy người dùng làm trung tâm và ứng dụng đề xuất giải pháp thiết kế cải thiện ứng dụng Giao Hàng Tiết Kiệm (Trang 73)

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 63

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/xố kho hàng

Hình 3. 35 Giao diện Thêm/Sửa/Xoá kho hàng

3.2.4.6. Sản phẩm Danh mục 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 64

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ải

thiệ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 65

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ải thiện thiệ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 66

3.2.4.7. Tiền & đối sốt

Hình 3. 40 Giao diện Tiền&đối số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

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 67

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.

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 68

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

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 69

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

Thực hành chuyên sâu KÊT LUẬN

Vũ Phương Anh – D18TKDPT3 70

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.

Thực hành chuyên sâu KÊT LUẬN

Vũ Phương Anh – D18TKDPT3 71

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.

Thực hành chuyên sâu DANH MỤC TÀI LIỆU THAM KHẢO

Vũ Phương Anh – D18TKDPT3 72

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).

Thực hành chuyên sâu DANH MỤC TÀI LIỆU THAM KHẢO

Vũ Phương Anh – D18TKDPT3 73

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

Một phần của tài liệu THỰC HÀNH CHUYÊN SÂU Nghiên cứu lý thuyết Mô hình Thiết kế lấy người dùng làm trung tâm và ứng dụng đề xuất giải pháp thiết kế cải thiện ứng dụng Giao Hàng Tiết Kiệm (Trang 73)

Tải bản đầy đủ (PDF)

(84 trang)