BO THONG TIN VÀ TRUYEN THONG HỌC VIEN CONG NGHỆ BƯU CHÍNH VIÊN THONG WNNVIHYIdHA ĐỎ ÁN TÓT NGHIỆP ĐẠI HỌC Dé tài: “Nghiên cứu phương pháp Thiết kế lay người éLqd@31LóId dùng làm trung tâm và áp dụng vào thiết kế cải thiện giao diện ứng dụng HanoiBus cho người dùng cuôi.” Giảng viên : Th.S Nguyễn Lê Mai Họ và tên : Pham Văn Hiến Lớp : DI9TKĐPT2 Mã sinh viên : BI9DCPT079 Hệ : DHCQ HÀ NOI, 2023 HỌC VIỆN CÔNG NGHỆ BƯU CHÍNH VIỄN THÔNG Đề tài: “Nghiên cứu phương pháp Thiết kế lay người dùng làm trung tâm và áp dụng vào thiết kế cải thiện giao diện ứng dụng HanoiBus cho người dùng cuối.” Giảng viên : Th.S Nguyễn Lê Mai Họ và tên : Pham Văn Hién Lớp : DI9TKDPT2 Mã sinh viên : BI9DCPT079 Hệ : DHCQ Hà Nội, 2023 Đồ án tốt nghiệp Đại học LỜI CAM ĐOAN Em xin cam đoan rằng đồ án tốt nghiệp “Nghiên cứu phương pháp Thiết kế lấy người dùng làm trung tâm và áp dụng vào thiết kế cải thiện giao diện ứng dụng HanoiBus cho người dùng cuối ” là công trình nghiên cứu của bản thân mình Những phần có sử dụng tai liệu tham khảo có trong đồ án đã được liệt kê và nêu rõ ra tại phần tài liệu tham khảo Đồng thơi những số liệu hay kết quả trình bày trong đồ án đều mang tính chất trung thực, không sao chép, đạo nhái Nêu như sai em xin chịu hoàn toàn trách nhiệm va chịu tat cả các kỷ luật của bộ môn cũng như Học viện đê ra Sinh viên Pham Văn Hiển Pham Văn Hiển - BI9DCPT079 1 Đồ án tốt nghiệp Đại học LỜI CẢM ƠN Lời đầu tiên, em xin gửi lời cảm ơn sâu sắc đến Học viện Công nghệ Bưu chính Viễn thông khi đã hỗ trợ chúng em có một điều kiện để hoàn thành Đồ án tốt nghiệp thật tốt Những kiến thức cũng như bộ môn trong ngành đa phương tiện đều là một môn học thú vị và vô cùng bồ ích Tuy nhiên, đề tài không phải mới lạ, nhưng vẫn có những khó khăn nhất định, những kiến thức và kỹ năng về môn học này của em vẫn còn nhiều hạn chế Do đó, đồ án của em khó tránh khỏi những sai sót Kính mong thầy cô xem xét va góp ý giúp bài tiêu luận của em được hoàn thiện hon Bài nghiên cứu này không chỉ là kiến thức về mặt lý thuyết các số liệu, rà soát thực tế mà còn là trao dồi cho em kỹ năng tìm hiểu và giải quyết van dé dé đạt hiệu quả cao nhất Cũng như bắt tay vào sáng tạo những sản phâm mẫu do cô hướng dẫn Việc thực hiện dé tài này giúp em hiểu biết thêm nhiều mặt đa dang trong thiết kế da phương tiện phô biến rộng rãi ngày nay Em cũng xin gửi lời cám ơn chân thành đến Ban giám hiệu Học viện Công nghệ Bưu chính Viễn thông, quý thầy cô khoa Đa phương tiện đã tận tâm giảng dạy và truyền đạt những kiến thức, kinh nghiệm quý báu cho em Đặc biệt, em xin cám ơn cô Nguyễn Lê Mai, người đã tận tình hướng dẫn em hoàn thành tốt đồ án của mình Vì thời gian và kiến thức còn han hẹp nên d6 án của em không thé tránh khỏi những thiếu sót, rất mong sự góp ý của Các thầy cô trong hội đồng Giám khảo để em rút kinh nghiệm và hoàn thành tốt hơn trong các công việc liên quan sau này Hà Nội ngày 25 tháng 10 năm 2023 Sinh viên Pham Văn Hién Pham Văn Hiển - BI9DCPT079 il Đồ án tốt nghiệp Đại học MỤC LỤC LOT CAM ĐOAN G5252 2 12212212212112112112112112112112112111112101212111t2r1e11.i LỜI CẢM 0) en ii MỤC LLỤC 2-52-5252 2E 21E2121271712711121121121121121121211110111121101112c1111r2e1 iii DANH MỤC CAC Ki HIỆU VÀ CHU VIET TẮTT 2.-.2.2.+S.++.E+.+E.zE.e£.xz.xc.re-z v DANH MỤC CAC BẢNG .S1.21.2 E12.1121.121 1111.11 2.11.11.11.21.11.12 r-rg vi DANH MỤC CÁC HÌNH VẼ . .5 .S.E E12.121.121.121.121.111.11.111.1 1.11.111 11.t-ruvii PHAN MO ĐẦU - 2-52 2222212212211211271221121121111111211211111221111212111211212 1 1 LY DO CHỌN DE TÀI .5.2-.52.1 E.1 E.12E.12.112.121.11.111.111.211.21.121.111.1 1 x-e 1 2 TINH HÌNH NGHIÊN CỨU 2 22+.2E2.EE+.2E.E2E.EE2.7E.22E.122.171.12.71 21.-21-L-ee 2 a Tình hình nghiên cứu trên thế giới 2 2 S2.E2.22.E+.£.x£.£x.zE.zE.rz.xz.rr.zx.ee-s 2 b Tình hình nghiên cứu trong nước c.6 22.213.221.1 *.2 1£.EE.sv.rs.eee.rs.es.es 4 3 DOI TƯỢNG VÀ PHAM VI NGHIÊN CỨU .2 2.+5.2+.E+.zE.+E.zz.Ee.rx.rr.xz-ed 4 3.1 Đối tượng nghiên cứu .- 2-.2:.2.+.2x2.E+.2EE.£E.EEE.E2.EEE.EEE.ZE.EES.ES.krr.ke.rrr.ei 4 3.2 Phạm vỉ nghiên cứu - c2 2 1321111511121 111 111111811111 811118811 ky 4 4 MỤC DICH VÀ NHIỆM VỤ NGHIÊN CỨU 2.s.cx.c.+E.+E.z.rx.er.r-re-s 5 5 PHƯƠNG PHÁP NGHIÊN CỨU 2-.2 ©2.2+2.E2E.E2.EE+.2EE.+E.EEE.EE.EEe.rke.rk.err-ee 5 6 Ý NGHĨA DE TÀI 2: s2S.22S.E£2.Et2.E12.E12.712.112.112.117.112.112.111.121.1 2.11.111-121 xe 6 7 CÁU TRÚC DE TÀI - - 2 S21 2EE2EEEEEEEE12112212211211211271121121111122111.2x11e 6 CHUONG I: CƠ SỞ LÝ THUYET CUA DE TÀI .-22 252+SzE+£zEczEezszreez 9 1.1 Tổng quan về giao diện ứng dụng di động .- 25 s e x.- 9 1.1.1 Giao diện đồ hoạ người dùng 5.© 5S s.e.E.E.eE.Er.kr.ke.r-er-rr-ee-o 9 1.1.2 Khai niệm về Thiết kế giao diện người dùng (UI Design) 11 1.2 Thiết kế trai nghiệm người dùng (User Experience Design) 13 1.2.1 Thiết kế Trải nghiệm người dùng (User Experience Design) 13 1.2.2 Cac đặc điểm của thiết kế User Experienee - 2.-5.5.5-5-: 15 1.2.3 Anh hưởng của thiết kế UX đối với thiết kế ứng dụng 18 1.3 Thiết kế lay người dùng làm trung tâm (User - Centered Design) 20 1.3.1 Tổng quan về Thiết kế lay người dùng làm trung tam 20 1.3.2 Vai trò Thiết kế lấy người dùng làm trung tâm (UCD) 21 1.3.3 Quy trình Thiết kế lấy người người dùng làm trung tâm (UCD) 27 008.9519.009) icnn ố 34 Pham Văn Hiển - BI9DCPT079 iil Đồ án tốt nghiệp Đại học CHUONG II: PHƯƠNG PHAP THIẾT KE LAY NGƯỜI DUNG LAM TRUNG TÂM TRONG VIỆC PHAN TÍCH UNG DUNG HANOIBUS . - 35 2.1 Ve ứng dụng HanoiBus - 2-5.2 S.E S.E EE.EE.E.EE.EE.EE.EE.E.rr.rr-rk-e 35 2.1.1 Tổng quan về thông tin đội ngũ phát triễn -2 -5:- 35 2.1.2 Hiện trang của ứng dụng HanoiBus .-. . .5.-5.5.S s.sS.+c.cx.ss.es.2 39 2.1.3 Đối tượng người dùng dùng ứng dụng HanoiBus 43 2.1.4 Các chức nang của ứng dụng HanoiBus .5.55.c.c.S.+.