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: 16 THÀNH PHỐ HỒ CHÍ MINH, NĂM 2022 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: 16 THÀNH PHỐ HỒ CHÍ MINH, NĂM 2022 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 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 HOÀ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 Ngồi ra, đồ án cị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 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 dung ( Usability ) Xêp hạng ( Ratings ) Tac vu dung ( 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 dung Dưa theo đanh gia vê mưc đô tiên ich theo trai nghiêm cua 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ệ hoàn thành: Phần trăm người dùng hồ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 hoà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 Xac đinh 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 tố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 tac Nhận lợi nhuận, ưu đai 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 toà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 ... 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... …………………………………………………… 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... 519H0 136 Nhóm: 16 THÀNH PHỐ HỒ CHÍ MINH, NĂM 2022 i LỜI CẢM ƠN Em xin đại diện nhóm cảm ơn thầy Hà Lê Hoà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