Bài cuối kì môn thiết kế giao diện người dùng ui ux báo cáo giai đoạn 3 ứng dụng ngân hàng bidv

TỔNG LIÊN ĐOÀN LAO ĐỘNG VIỆT NAM TRƯỜNG ĐẠI HỌC TÔN ĐỨC THẮNG KHOA CÔNG NGHỆ THÔNG TIN BÀI CUỐI KÌ MƠN THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG UI - UX BÁO CÁO GIAI ĐOẠN Ứng dụng ngân hàng BIDV Người hướng dẫn: THẦY HÀ LÊ HOÀI TRUNG Người thực hiện: NGUYỄN MINH QUÂN – 519H0219 NGUYỄN TUẤN ANH – 519H0136 Nhóm THÀNH PHỐ HỒ CHÍ MINH, NĂM 2022 : 16 TỔNG LIÊN ĐOÀN LAO ĐỘNG VIỆT NAM TRƯỜNG ĐẠI HỌC TÔN ĐỨC THẮNG KHOA CÔNG NGHỆ THÔNG TIN BÀI CUỐI KÌ MƠN THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG UI - UX BÁO CÁO GIAI ĐOẠN Ứng dụng ngân hàng BIDV Người hướng dẫn: THẦY HÀ LÊ HOÀI TRUNG Người thực hiện: NGUYỄN MINH QUÂN – 519H0219 NGUYỄN TUẤN ANH – 519H0136 Nhóm THÀNH PHỐ HỒ CHÍ MINH, NĂM 2022 : 16 i LỜI CẢM ƠN Em xin đại diện nhóm cảm ơn thầy Hà Lê Hồi Trung – giảng viên phụ trách lý thuyết thực hành môn “ Thiết kế giao diện người dùng UI-UX “ Tụi em chân thành cảm ơn giảng dạy nhiệt tình tận tâm để giúp tụi em hiểu rõ thêm q trình xây dựng giao diện hồn chỉnh đầy đủ tính năng, hiểu ý muốn mẫu khách hàng Đồng thời trang bị đầy đủ kiến thức trình học lý thuyết thực hành ii ĐỒ ÁN ĐƯỢC HỒN THÀNH TẠI TRƯỜNG ĐẠI HỌC TƠN ĐỨC THẮNG Em xin cam đoan sản phẩm riêng chúng em Các nội dung nghiên cứu, kết đề tài trung thực chưa công bố hình thức trước Những số liệu bảng biểu phục vụ cho việc phân tích, nhận xét, đánh giá tác giả thu thập từ nguồn khác có ghi rõ phần tài liệu tham khảo Ngoài ra, đồ án sử dụng số nhận xét, đánh số liệu tác giả khác, quan tổ chức khác có trích dẫn thích nguồn gốc Nếu phát có gian lận tơi xin hồn tồn chịu trách nhiệm nội dung đồ án Trường đại học Tơn Đức Thắng không liên quan đến vi phạm tác quyền, quyền em gây trình thực (nếu có) TP Hồ Chí Minh, ngày 20 tháng năm 2022 Tác giả (ký tên ghi rõ họ tên) Quân Nguyễn Minh Quân Tuấn Anh Nguyễn Tuấn Anh iii PHẦN XÁC NHẬN VÀ ĐÁNH GIÁ CỦA GIẢNG VIÊN Phần xác nhận GV hướng dẫn _ _ _ _ _ _ _ Tp Hồ Chí Minh, ngày tháng năm (kí ghi họ tên) Phần đánh giá GV chấm _ _ _ _ _ _ _ Tp Hồ Chí Minh, ngày tháng năm (kí ghi họ tên) MỤC LỤC LỜI CẢM ƠN .i PHẦN XÁC NHẬN VÀ ĐÁNH GIÁ CỦA GIẢNG VIÊN .iii MỤC LỤC 1/ XÁC ĐỊNH CHỨC NĂNG ĐỐI TƯỢNG NGƯỜI DÙNG……………………… 1.1 MỤC TIÊU ĐO CỦA APP & WEB …………………………………… - 1.2 ĐỐI TƯỢNG NGƯỜI DÙNG …………………………………… ….5 - 1.3 CHỨC NĂNG NGƯỜI DÙNG …………………………………… ….8 - 2/ NGHIÊN CỨU TRẢI NGHIỆM NGƯỜI DÙNG ……………………………10 - 26 3/ PHÂN TÍCH VÀ XÂY DỰNG CÁC CHỨC NĂNG …………………………….27 3.1 STORYBOARD …………………………………………………… 27 - 29 3.2 XÂY DỰNG ĐỘ ƯU TIÊN CỦA CÁC CHỨC NĂNG ……………30 - 32 4/ SITEMAP VÀ TASKFLOW …………………………………………………… 33 4.1 SITEMAP…………………………………………………………………33 4.2 TASKFLOW ……………………………………………………… 34 - 38 5/ THIẾT KẾ TƯƠNG TÁC VÀ KIỂM THỬ ………………………………………39 5.1 THIẾT KẾ TƯƠNG TÁC ………………………………………… 39 - 62 5.2 KIỂM THỬ ………………………………………………………….63 - 75 Xác định chức đối tượng người dùng 1.1 Mục tiêu đo App & Web - Bao gồm số UX quan trọng: Hài lòng ( Satisfaction ) Giới thiệu ( Recommendation ) Tính ứng dụng ( Usability ) Xếp hạng ( Ratings ) Tác vụ người dùng ( User Tasks ) Mô tả sản phẩm  Hài lòng ( Satisfaction ) - Trong thực tế , thường hay thất vọng hài lịng Vì cách tiếp cận tốt đưa mức hài lòng đánh giá trải nghiệm người dùng theo thang điểm – điểm, từ không hài lòng đến hài lòng Đồng thời ta nên dựa vào khảo sát, feedback app form website để nắm bắt rõ ràng chi tiết mức độ hài lòng trải nghiệm người dùng hiệu - Dựa theo đánh giá về mức độ tiện ích theo trải nghiệm của người dùng Giới thiệu ( Recommendation ) - Vì người dùng có trải nghiệm tốt trước dễ dàng để họ giới thiệu sản phẩm/ dịch vụ bạn cho người khác sử dụng Xác định NPS (Net Promoter Score) - Điều chủ yếu thể NPS (Net Promoter Score) – Chỉ số đo lường mức độ hài lòng khách hàng - Nhưng số khơng thật hiệu hồn tồn Trong thực tế lời giới thiệu khơng có nghĩa khách hàng có trải nghiệm tốt, họ fan cứng thương hiệu bạn Họ giới thiệu mua họ cảm thấy thích điều 3 Tính ứng dụng ( Usability ) - Tính ứng dụng khơng phải nhân tố khác biệt nhiên vơ quan trọng UX sản phẩm/ dịch vụ Một sản phẩm/ dịch vụ khó sử dụng khơng thể mang lại nhiều  trải nghiệm tốt cho người dùng - Thang đo tính ứng dụng hệ thống – System Usability Scale (SUS) cách phổ biến để đo lường tính ứng dụng sản phẩm, bao gồm 10 câu hỏi kiểm tra tính ứng dụng Trật tự đặt điều ngẫu nhiên để giảm thay đổi theo chiều hướng xấu Nhưng, CHÚ Ý - Bởi điểm số SUS thường nằm khoảng 100 nên thường xem số phần trăm Nhiều bạn cho 50 điểm tương đương với 50% người dùng sử dụng giao diện - Tuy nhiên sai lầm phổ biến Điểm số SUS tỉ lệ phần trăm mà chúng thang đo mang tính tương đối Vì bạn phải cẩn thận thể số SUS Xếp hạng ( Ratings ) - Xếp hạng khách hàng yếu tố đánh giá chất lượng sản phẩm/ dịch vụ doanh nghiệp bạn rõ ràng Bạn đề xuất khách hàng xếp hạng chung xếp hạng tiêu chí, đặc điểm sản phẩm/ dịch vụ - Nên sử dụng thang điểm yêu cầu khách hàng cho biết lý lựa chọn thang điểm Tác vụ người dùng ( User Tasks ) - Tác vụ yếu tố quan trọng số UX Vì sản phẩm khơng thể hỗ trợ tác vụ cho người dùng mang lại trải nghiệm tốt cho người dùng - Theo dõi số cho thấy tác vụ người dùng là: phiên truy cập, hành vi người dùng, … - Thực tế, đo lường thơng qua số:  Tỉ lệ hồn thành: Phần trăm người dùng hoàn thành tác vụ  Tỉ lệ lỗi: Phần trăm người dùng bị mắc lỗi trình thực tác vụ Ví dụ điều hướng sai đến website  Trung bình số lỗi: Số lỗi người dùng mắc phải thực công việc tác vụ  Thời gian thực hiện: Khoảng thời gian để người dùng hồn thành tác vụ Điều thực hữu ích đo lường suất thực người dùng  Dễ thực hiện: Mức độ dễ dàng hoàn thành tác vụ SEQ (Single ease question) – Câu hỏi đơn giản cách hiệu để biết yếu tố Mô tả sản phẩm  Từ ngữ bạn dùng mô tả sản phẩm/ dịch vụ cho biết bạn cung cấp trải nghiệm tới người dùng Xác định SWOT: Điểm mạnh (S):  Hoạt động phạm vi nước  Thân thiện với người dùng  Thanh toán nhiều dịch vụ, hóa đơn từ xa mà khơng cần phải đến trực tiếp nơi toán  Nhận chuyển tiền cách an tồn, nhanh chóng thơng qua vài lần tương tác  Nhận lợi nhuận, ưu đãi giao dịch phát sinh  Đặt vé xe, vé máy bay, khách sạn, … cách trực tuyến tiện lợi  Được áp dụng nhiều ưu đãi khuyến  Các thao tác ứng dụng đơn giản, dễ sử dụng  Độ an tồn thơng tin cá nhân tương đối cao  Phí giao dịch thấp Điểm yếu (W):  Chỉ áp dụng người 18 tuổi phép thực hành vi giao dịch dân  Phải liên kết với tài khoản ngân hàng có đăng ký internet banking nạp tiền vào ví  Cần kết nối internet  Dễ bị lợi dụng khai thác thơng tin, khó tránh khỏi hành vi gian lận Cơ hội (O):  Phát triển ứng dụng tồn giới  Có thể áp dụng kỹ thuật tiên tiến tương lai  Liên kết với nhiều doanh nghiệp, đối tác phát triển Thách thức (T):  Trên thị trường cịn xuất thêm nhiều ví điện tử khác cạnh tranh (đối thủ cạnh tranh)  Các quy định sách kinh tế  Phải đối mặc với nhiều hành vi gian lận tài bảo mật  Đa số nhiều người dùng cịn thói quen sử dụng tiền mặt 64 65 66 5.2 Bảng kiểm thử chấp nhận người dùng ứng dụng 5.2.1 Câu hỏi kết kiểm thử định lượng 67 68 69 70 71 72 5.2.2 Câu hỏi kết kiểm thử định tính 73 74 75 76 77 78 ... THẮNG KHOA CÔNG NGHỆ THÔNG TIN BÀI CUỐI KÌ MƠN THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG UI - UX BÁO CÁO GIAI ĐOẠN Ứng dụng ngân hàng BIDV Người hướng dẫn: THẦY HÀ LÊ HOÀI TRUNG Người thực hiện: NGUYỄN MINH... High Medium 33 Sitemap Taskflow 4.1 Xây dựng Sitemap 34 4.2 Xây dựng Task flow 35 36 37 38 39 40 41 42 Thiết kế tương tác & kiểm thử 5.1 Thiết kế tương tác 5.1.1 Màn hình chưa đăng nhập 43 5.1.2... …………………………………………………… 33 4.1 SITEMAP………………………………………………………………? ?33 4.2 TASKFLOW ……………………………………………………… 34 - 38 5/ THIẾT KẾ TƯƠNG TÁC VÀ KIỂM THỬ ……………………………………? ?39 5.1 THIẾT KẾ TƯƠNG TÁC ………………………………………… 39 - 62