29 Giao diện trang tạo đơn hàng mới

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

Giao diện tạo đơn hàng mới được thiết kế lạ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. Ngồi ra, ở đây sẽ có thêm chức năng tạo đơn nháp khi người dùng chưa muốn đăng đơn luôn tại thời điểm tạo. Do phần tạo đơn hàng này sẽ phải điền nhiều thông tin khác nhau, do vậy phương án cải thiện đó là chia nhỏ ra thành các danh mục con bao gồm: Người gửi/người nhận, Sản phẩm dịch vụ, Thông tin chung.

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

Hình 3. 30 Giao diện tạo đơn hàng mới của ứng dụng Giao hàng tiết kiệm khi chưa cải thiện

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

Giao diện thông báo được thiết kế lạ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 cải thiện ứng dụng sẽ thêm chức năng thông báo và để ở một trang riêng để người dùng dễ cập nhật tình hình đơn hàng, thơng tin khuyến mại hay thơng tin về tài khoản. Người dùng có thể bấm chọn để xem chi tiết thơng báo và chia sẻ.

3.2.4.4. Danh bạ khách hàng, kho hàng Danh bạ khách hàng

Hình 3. 32 Giao diện trang Sổ địa chỉ - Danh bạ khách hàng

Giao diện thông báo đượ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. Như đã trình bày ở mục 3.2.1, để thuận tiện hơn cho người dùng trong việc quản lý kháhc hàng, chức năng quản lý khách hàng phải được cải thiện, cụ thể ở đây là cho phép người dùng chủ động quản lý, thêm/sửa/xố thơng tin khách hàng. Ngồi ra cịn tích hợp tính năng thống kê lịch sử mua hàng, tìm kiếm truy xuất thơng tin.

Thực hành chun 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

Hình 3. 33 Giao diện Thêm/Sửa/Xố 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

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

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

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

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

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

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

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

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

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

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

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 toà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

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

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

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

(84 trang)