bài tập lớn thiết kế trải nghiệm người dùng tên đề tài xây dựng giao diện người dùng ứng dụng theo dõi học tập sinh viên

Lịchsửrađời- Nhữngnăm1940-1950: Bắt đầuvớinhững nghiên cứuvềtâmlý họchọcvà thực hành, tập trung vào việc cải thiện trải nghiệm của người sử dụng trong các tình huống cụ thể.- Những năm 1

sinh viên đang sử dụng điện thoại để tra cứu lịch học, lịch thi, kết quả học tập hằng ngày Vì vậy nhóm muốn phát triển một ứng dụng có trải nghiệm

3 Kếtquảmongmuốn

Từ những phân tích người dùng, thiết kế được một giao diện hoàn chỉnh cho một ứngdụngtheodõihọctậpsinhviên,cókhảnăngtươngthích vàđápứngđượccác nhu cầu của người dùng, nâng cao sự trải nghiệm của người dùng.

1 UX/UIlàgì

1.1 Lịchsửrađời

- Nhữngnăm1940-1950: Bắt đầuvớinhững nghiên cứuvềtâmlý họchọcvà thực hành, tập trung vào việc cải thiện trải nghiệm của người sử dụng trong các tình huống cụ thể.

- Những năm 1970-1980: Xuất hiện các khái niệm quan trọng như "Human- Computer Interaction" (Tương tác Con người - Máy tính), "User-Centered

- Nhữngnăm2000-2010:CáccôngtycôngnghệlớnnhưApple,Google, Amazonchútrọngvàoviệctạorasảnphẩmvàdịchvụvớitrảinghiệm

người dùngtốtnhất.Côngnghệdiđộng cũng trởnênphổbiến,mởracơhội mới để tối ưu hóa trải nghiệm người dùng trên các thiết bị di động.

- Nhữngnăm2010-nay:UXtrởthànhmộtlĩnhvựcquantrọngvàngàycàng

đượcứngdụngrộngrãitrongnhiềungànhcôngnghiệp.CácnhàthiếtkếUX vàchuyên giaUXsửdụng nhiềuphương pháp vàcông cụkhácnhauđểđảm bảo rằng sản phẩm và dịch vụ của họ mang lại trải nghiệm tốt nhất cho dịch vụ Nó bao gồm mọi cảmnhận,ý kiến, tươngtácvà cảm xúc của người dùng khi tương tác với sản phẩm.

2 Phươngphápnghiêncứu 2.1 Phỏngvấn

- Phương pháp nghiên cứu phỏng vấn là một cách thu thập thông tin bằng cáchtiếnhànhcuộctròchuyệncấutrúchoặckhôngcấutrúcvớingườitham gia để hiểu rõ hơn về ý kiến, kinh nghiệm, quan điểm và suy nghĩ của họ về một chủ đề cụ thể Có nhiều phương pháp phỏng vấn, bao gồm phỏng vấn cấu trúc, không cấu trúc, bán cấu trúc, nhóm và điều tra.

2.2 Bảnghỏi

- Phươngphápnghiêncứubảnghỏilàmộtcáchđểthuthậpthôngtintừmột

mẫungẫunhiên hoặcđích danh của ngườitham gia thôngquaviệc gửi các câu hỏi bằng văn bản hoặc điện tử Dữ liệu thu thập từ bảng hỏi có thể là định tính (ví dụ: ý kiến, quan điểm) hoặc định lượng (ví dụ: số liệu thống kê), và thường được phân tích để tạo ra thông tin phản hồi về các vấn đề

- Một bảng hỏi thường bao gồm các câu hỏi được thiết kế một cách có cấu trúchoặcbáncấutrúc,vớimụctiêuthuthậpdữliệuchínhxácvàtoàndiện từ người tham gia Các loại câu hỏi trong bảng hỏi có thể bao gồm câu hỏi đóng (có các lựa chọn cho người tham gia để chọn), câu hỏi mở (yêu cầu

ngườithamgiatrảlờibằngcáchviết),vàmộtsốloạicâuhỏikhácđểthu thập thông tin chi tiết và phản hồi đa dạng từ người tham gia.

2.3 Quansát

- Phươngphápnghiêncứuquansátlàmộtphươngphápthuthậpdữliệutrong nghiên cứu mà người nghiên cứu quan sát và ghi lại hành vi, hoạt động, và

các biểu hiện khác của đối tượng mà không có sự can thiệp hoặc tương tác trựctiếp.Dữliệuđượcthuthậptừphươngphápnàythườnglàhiệntrạngtự nhiên của đối tượng và không bị ảnh hưởng bởi yếu tố nghiên cứu.

- Cácbiệnphápquansátcóthểbaogồmviệcsửdụngcácthiếtbịghihình, việc ghi chú tay, hoặc việc đặt người quan sát trực tiếp trong môi trường

nghiêncứu.Phươngphápnàythườngđượcsửdụngđểnghiêncứucáchành vi và tương tác xã hội tự nhiên của con người, động vật hoặc môi trường.

2.4 Tàiliệu

- Phương pháp nghiên cứu tài liệu là một phương pháp thu thập thông tin trong nghiên cứumàngười nghiên cứu sửdụng cáctàiliệutồn tại nhưsách, báo cáo,bài báo,tài liệuhànhchính,vàcáctàiliệukhácđểthuthậpdữliệu Thông tin trong các tài liệu này thường bao gồm những thông tin phản ánh, phân tích, hoặc mô tả về một chủ đề cụ thể.

- Cácbướcchínhcủaphươngphápnàybaogồmxácđịnhvàthuthậpcáctài liệu liên quan đến chủ đềnghiên cứu, đọcvà hiểu nội dung củacác tài liệu

này,rútranhữngthôngtinquantrọng,vàphântíchvàgiảithíchthôngtinđể trả lời câu hỏi

 Lập bản đồ ngữ cảnh (Contextual Mapping): Vẽ bản đồ hoặc sơ đồ môtảmôitrườngvậtlý,xãhộivàvănhóamàngườidùngsẽsửdụng sản phẩm  Nghiêncứudữliệumôitrường(EnvironmentalDataCollection):Thu thập

dữ liệu về các yếu tố môi trường như ánh sáng, nhiệt độ, tiếng ồn, v.v ảnh hưởng đến trải nghiệm người dùng người dùng thực hiện để hoàn thành một nhiệm vụ cụ thể.

 Phân tích lập trình (Hierarchical TaskAnalysis): Xác định và sắp xếp cáccôngviệctheocấutrúcphâncấptừmụctiêuchungđếncácnhiệm vụ con cụ thể.

 Phântíchcôngviệctrinhận(CognitiveTaskAnalysis):Tậptrungvào việc phân tích các quá trình nhận thức như ra quyết định, giải quyết vấn đề khi người dùng thực hiện công việc.

+)Phântíchcácsảnphẩmvàdịchvụtươngtựtrênthịtrườngđểxácđịnh điểm mạnh, điểm yếu và cơ hội cải tiến.

10  Phântíchthịtrường(MarketAnalysis):Nghiêncứuthịphần,vịtrícạnh tranh,

chiến lược kinh doanh của các đối thủ trên thị trường.

 Thử nghiệm sử dụng (Usability Testing): Thực hiện kiểm tra tính dễ sử mặt công nghệ, cơ sở hạ tầng và kỹ thuật hiện có Xem xét yêu cầu về phần cứng, phần mềm, tài nguyên và khả năng tích hợp.

 Nghiêncứutàichính(FinancialFeasibility):Phântíchchiphíphát

triển,vậnhành,doanh thuvàlợinhuậntiềmnăng.Đánhgiánguồn lực tài chính và khả năng đầu tư.

 Nghiêncứuthịtrường(MarketFeasibility):Đánhgiánhucầuthị

trường,mứcđộchấpnhậncủakháchhàngvàcạnhtranh.Phântíchcơ hội thị trường và tiềm năng phát triển.

 Nghiên cứu pháp lývà quyđịnh (Legal and Regulatory Feasibility): Xemxétcácquyđịnh,luậtpháp,chínhsáchliênquanđếnsảnphẩm hoặc dịch vụ Đánh giá rủi ro pháp lý và tuân thủ.

 Nghiên cứu tổ chức (Organizational Feasibility): Đánh giá năng lực,

+) Trong bước này, các dữ liệu và thông tin thu thập được ở bước “Đồng

cảm”sẽđượctổnghợp,liênkếtlạivớinhauđểphântíchvàxácđịnhtrọng tâm của vấn đề +)Côngcụcầnsửdụngtrongbướcnàylà:

 Fishbonediagram.(trìnhbàylạinhữngdữkiệnđãđượcliệtkêratừ bước đầu tiên)

 5-Whys: Công cụ cực hữu dụng để tìm ra nguyên nhân gốc rễ (root- cause).Từ một câu hỏi Why ban đầu, chúng ta có thể tiếp tục đào sâu

 Sử dụng phương pháp kích thích sáng tạo: Áp dụng các kỹ thuật như mind mapping, SCAMPER để khuyến khích sự sáng tạo và tạo ra các ý tưởng mới.

 Tạoracácbảnvẽsơbộ(Sketch):Vẽcácbảnthiếtkếsơbộhoặc

wireframe để biểu diễn ý tưởng và concept một cách trực quan.

 Sửdụnghệthốngthẻ(Cardsorting):Sửdụngthẻđểtổ chứcvàphân loại ý tưởng, giúp đội ngũ phát triển hiểu rõ hơn về ưu tiên và ưu

- Prototype(Trựcquanhóa)

12 +) Xây dựngprototype sơ bộ:Sử dụng công cụ như Sketch, Figma, hoặc AdobeXDđểtạoracácbảnprototypesơbộcủaứngdụng,tậptrungvào giao diện người dùng và luồng hoạt động cơ bản.

+) Sử dụng công cụ prototypetương tác: Sử dụng InVision, Marvel,hoặc Axuređểtạoracácprototypetươngtáccóthểthửnghiệmđược,baogồm tương tác với các phần như nút, trượt và tính năng cụ thể của ứng dụng.

+)Tạoprototypedựatrênnguyêntắcresponsivedesign:Đảmbảorằngcác prototype phản ánh tương thích trên nhiều thiết bị và màn hình khác nhau.

+) Sử dụng công cụ prototype tương tác: Sử dụng các phiên kiểm tra người dùnghoặcthuthậpýkiếntrựctiếptừđộingũpháttriểnvàngườidùngtiềmnăng.

- Test(Kiểmtra)

+)Tổchứcphiênkiểmtrangườidùng:Mờingườidùngthamgiavàocác phiên kiểm tra để sử dụng và đánh giá các bản prototype của ứng dụng.

+)Thuthậpphảnhồivàdữliệu:Ghilại phản hồi vànhậnxét từngười dùng về trải nghiệm của họ khi sử dụng các bản prototype, cũng như thu thập dữ liệu về tương tác và hiệu suất của ứng dụng.

đượctừphiên kiểmtrangườidùngđểxácđịnh cácvấnđềvàđiểmcần cải thiện trong giao diện người dùng và trải nghiệm sử dụng của ứng dụng.

+) Điều chỉnh và cải tiến: Dựa trên phản hồi và dữ liệu thu thập được, điều

chỉnhvàcảitiếncáctínhnăngvàgiaodiệnngườidùngcủaứngdụngđểtối ưu hóa trải nghiệm sử dụng.

3.3 DoubleDiamond

- Khámphá(Discover)

+)Thuthậpthôngtinvànghiêncứuvềthịtrường,sảnphẩmcạnhtranh, người dùng, vấn đề, nhu cầu và xu hướng.

+)Sửdụngcácphươngphápnhưnghiên cứungữcảnh,đánhgiácạnhtranh, tìm hiểu xu hướng và phân tích dữ liệu.

Userpersonas,Mô tảvấn đề(Problemstatement),Bản đồđồngcảm (Empathy map),… +)Đểnhữngthôngtin thuđượccó thểứngdụng,nhómthiết kếcầntổng hợp nghiên cứu

+) Phát triển là giai đoạn tập trung vào tạo ra các giải pháp cụ thể để giải quyếtvấnđềđãđượcxácđịnhtronggiaiđoạnDefine.Cáchoạtđộngtrong giai đoạn Develop bao gồm:

 Tạoracácgiảipháp:Sửdụngcáckỹthuậttưduy,sángtạonhư

brainstorming,sketching,prototypingđểtạo racácgiảipháp mới và đadạng.Cácgiảipháp sẽđượcđánhgiávàchọn lựađểtiếp tụcpháttriển  XâydựngPrototype:Tạoracácmôhìnhhoặccácsảnphẩmnguyên mẫu để

kiểm tra tính khả thi và hiệu quả của giải pháp Sản phẩm nguyên mẫu cũng giúp phản hồi sớm về các vấn đề và cải tiến.

 Kiểmtratínhkhảthivềmặtkỹthuật:Kiểmtrakhảnăngthiếtkế,sản xuất và

triển khai giải pháp Các vấn đề kỹ thuật được giải quyết để đảm bảo tính khả thi của sản phẩm.

+)Nếu nhàthiết kếgặp vấnđề,quay trởlại giaiđoạn3 đểtìmgiảipháp,lặp lại (iterate) và thử nghiệm (test) cho đến khi tìm ra 1 giải pháp tốt nhất.

+) Khi việc tạo prototype và thử nghiệm hoàn tất, nhóm thiết kế chuẩn bị

giả thuyết có cơ sở về sản phẩm.

- Check(Kiểmtra):Phântíchdữliệu,kiểmtratínhkhảdụng,phântíchphản hồi của

các bên liên quan và người dùng sản phẩm

- Xây dựng kịch bản kiểm tra:Bạn cần lập kế hoạch và xây dựng kịch bản

kịch bản kiểm tra và lắng nghe nhận xét của họ.

- Thuthậpýkiến:Thuthập ýkiếnvàđánhgiátừnhững người thamgiakiểm tra về

sản phẩm của bạn.

- Phântíchvàđánhgiákếtquả:Cầnphântíchýkiếnvàđánhgiátừnhững người

dùng để tìm ra những khoảng trống và điểm mạnh của sản phẩm.

- Tối ưu hóasảnphẩm:Dựa trêný kiến và đánhgiá củanhững người dùng,

trên các biến thể đã xác định ở bước trên

- Phântíchkếtquả:P h â n tíchdữliệu thuthậpđượctừngườidùngđểđánh giá biến

thể tốt hơn

- Triểnkhaivàtheodõi:Triểnkhaibiếnthểđãchọnvàtiếptụctheodõihiệu suất của

nó sau khi triển khai Điều này giúp đảm bảo rằng kết quả củaA/B test được duy trì và cải thiện theo thời gian

 Lịchthi sẽhiểnthịtheo dạnglist.

 Cóphầnmenungàythi,khi ấnvàotừngngàysẽchỉhiểnthịlịchthicủa ngày đó

3.3. Nghiêncứungườidùng

- Đánhgiábằngphươngphápnghiêncứungườidùng:Bảnghỏi

20

Nhữngtínhnăngnàobạnthấyhữuíchnhấttrongứngdụnghiệntại?

Bạnthườngsửdụngứngdụngđể?

Kếtquảcủanghiêncứu:

học,lịch thi và kết quả học tập Điều này chỉ ra nhu cầu cơ bản của sinh viên trong việc theo dõi các sự kiện và thành tích học tập.

 Họcũnggặpkhókhăntrongviệcquảnlýhọctập,chothấynhucầutrong việccungcấpcáccôngcụvàhỗtrợđểtăngcườngkỹnăngtổchứcvàlậpkếhoạch.

 Sinhviênmongđợiứngdụngcókhảnănggiúplênkếhoạchhọctập,thống kê tiến độ học tập và phân tích thói quen học tập để giúp cải thiện hiệu quả học tập của họ.

- Bước2:Xâcđịnh(Define)

 Tạisaocầnmộtứngdụngđểxemlịchhọccủasinhviín?

Vìviệccóthểxemlịchhọctrínđiệnthoạidiđộnggiúpsinhviíndễdăng quản lý thời gian vă biết được câc buổi học diễn ra trong tuần một câch thuận tiện.

 Tạisaocầntínhnăngxemlịchhọctrongứngdụng? Đểsinhviíncóthểdễdăngbiếtđượcthờigian,địađiểmvăthôngtinliín quanđếncâcmônhọctrongtuần,từđóchuẩnbịkếhoạchhọctậphợplý.

 Tạisaocầntínhnăngxemlịchthitrongứngdụng?

Để sinh viín có thể dễ dăng biết được thời gian, địa điểm vă thông tin liín

quanđếncâckỳthitronghọckỳ,từđóchuẩnbịkếhoạchhọctậpvẵnthi một câch hiệu quả  Tạisaocầncungcấpkhảnăngxemkếtquảhọctậptrongứngdụng?

Vì điềunăy giúp sinhviín theo dõi tiến độhọc tập của mình,biết đượckết quảcủacâcbăikiểmtra,băi tậpvăkỳthi đểcó thểtựđânhgiâvăcải thiện hiệu suất học tập.

 Tạisaochỉcầnchứcnăngđăngnhậpmăkhôngcầnchứcnăngđăng ký vă lấy lại mật khẩu?

Bởităikhoảnsinhviínchứathôngtinnhạycảmcủasinhviín,vìvậycần được bảo mật tốt nhất nín việc đăng ký vă lấy lại mật khẩu sẽ được thực hiện trực tiếp bởi văn phòng

Xđydựngứngdụngtheodõihọctậpsinhviíntrínđiệnthoạivìđiệnthoạilă một thiết bị luôn gắn liền với sinh viín

Dựavàocácbảnkhảosát,quytrìnhxâydựng,phươngphápđánhgiáđểcải tiến liên tục cho phù hợp với người dùng Hướng tới một thiết kế dễ dàng

+)Chứcnăngtrangchủsẽbaogồmcácthôngtincơbảncủachủtàikhoản như tên, mã sinh viên, số tín chỉ tích lũy, trung bình chung tích lũy, menu điều hướng sang các chức năng khác

+)Chứcnăngxemlịchhọccóthểlựachọnxembằngcáchchọnkỳ,tuần, ngày muốn xem Các môn học phải hiển thị đầy đủ thông tin người dùng

quantâmnhưtênmônhọc,sốtiếthọc,thờigianbắtđầu,giảngviêngiảng dạy, địa điểm học +)Chứcnăngxemlịchthicóthểlựachọnxembằngcáchchọnkỳhọc.Các môn học trong danh sách sẽ hiển thị các thông tin như tên môn thi, lịch thi, địa điểm thi

+)Chứcnăngxemkếtquảhoctậpsẽhiểnthịcácmônhọcđãtích lũyvàcác môn học chưa đạt Ngoài ra các môn học cũng hiển thị tên môn học, số

- Bước4:Trựcquanhóa(Prototype)

ThiếtkếcủaĐồngMinhTrí

ThiếtkếcủaChuBảoPhúc

ThiếtkếcủaDươngThếSỹ

ThiếtkếcủaVũViệtHưng

ThiếtkếcủaNguyễnHoàngAnh

40

Bước5:Phântíchkếtquả

Giaodiệnđăngnhập

Giaodiệntrangchủ

Giaodiệnxemlịchhọc

Giaodiệnxemlịchthi

Giaodiệnxemkếtquảhọctập

- ĐăngnhậpbảnthiếtkếcủaĐồngMinhTrí

4.2.Triểnkhai

4.3.Thiếtkế(Prototype)

 Giao diện trực quan : Giao diện đơn giản dễ nhìn dễ nắm bắt nhưng vẫn đầy đủ các thông tin mà người sư dụng cần , sắp xếp các chức năng theo độ ưu học , lịch thi và điểm học phần Qua việc áp dụng các phương pháp nghiên cứu người dùng và quy trình đánh giá UX, sản phẩm thể hiệm

60 đầy đủchứcnăng cầnthiếtđểđảmbảotínhhàilòng vàsựthoảmãn của người dùng.

 Hướng phát triển tiếp theo có thể bao gồm việc tối ưu hóa chức năng , bổ sungtínhnăngmớivàcảithiệngiaodiệnngườidùngdựatrênphảnhồitừ người dùng.

 Sảnphẩmchủyếuđếngiaodiệnmobilethiếtbịchủyếuphổbiếnsinhviên

hiệnnày,việccungcấpthôngtinhọctậpchosinhviên ởmọinơicómạnginternet