Bài giảng Bộ môn Công nghệ phần mềm - Bài 5: Thiết kế giao diện người dùng

Bài 5 - Thiết kế giao diện người dùng. Bài giảng cung cấp các kiến thức về: Khái niệm, tầm quan trọng, mô hình thiết kế giao diện và các nguyên thiết kế giao diện đảm bảo sự thân thiện người sử dụng. Bên cạnh đó, bài giảng còn chia sẻ cách khắc phục sự cố, ổn định và các vấn đề liên quan đến thiết kế... Mời các bạncùngtham khảo.

Nội dung trích xuất từ tài liệu:
Bài giảng Bộ môn Công nghệ phần mềm - Bài 5: Thiết kế giao diện người dùngTHIẾTKẾGIAODIỆN NGƯỜISỬDỤNGBMCNPM–KhoaCNTT– HVKTQS 10/2012Giớithiệuchung KháiniệmUI TầmquantrọngcủaUIvàUIdesign NguyênlýUID ThiếtkếUIKháiniệm,tầmquantrọng Kháiniệmgiaodiệnngườidùng(UserInterface–UI):Làkhônggian, nơimàsựtươngtácgiữangườisửdụngvàmáytínhđượcthựchiện UIDlàthànhphầnquantrọngtrongthiếtkếphầnmềm Yếutốconngườiphảiđượccoitrọngđặcbiệt(usercentricdesign)  Chúngtacótrínhớgiớihạn  Chúngtađềucóthểcósailầmtrongthaotácvớiphầnmềm  Chúngtacókhảnăngvậtlýkhácnhau:nghenhìn,vv  Chúngtacósởthíchtươngtácvớiphầnmềmkhácnhau Ngườisửdụngthôngthườngđánhgiáphầnmềmthôngquagiaodiện hơnlàchứcnăng Giaodiệntồilànguyênnhânmàphầnmềmkhôngđượcsửdụng Phầnlớnlàgiaodiệnđồhọa,nóiđếnUIDthườnglànóiđếnGUI designCácmôhìnhthiếtkếgiaodiện Mô hình t/kế do KS PM xây dựng: tổ hợp b/diễn dữ liệu, k/trúc và thủ tục của PM để th/hiệnđượcc/năng Mô hình người dùng: do KS PM/ KS con người XD, nó mô tả sơ lược hệ thống cho ngườidùngcuối Mô hình người dùng cảm nhận hệ thống do ngườidùngcuốicùngxâydựng Hìnhảnhhệthốngdongườicàiđặthệthống xây dựng, nó tổ hợp các biểu lộ bên ngoài củahệthốngdựatrênmáytính.CácnguyênlýthiếtkếThânthiệnngườisửdụng Tránhápđặtcáchsửdụngchongười sửdụng Sửdụngcáckháiniệmphổbiến GắnvớimôitrườnglàmviệccụthểThốngnhất Địnhdạngthốngnhấtgiữacácđối tượng Thốngnhấtđịnhdạngsẽgiúpchoviệc giảmthờigianhọcsửdụngphầnmềm Điềuginếumộtphanamèmkhácsử dụng“Ctrl+S”chomộtchứcnăngkhác thayvìSAVE?Ổnđịnh Giảmthiểucáchànhđộngkhôngmong đợikhingườisửdụngthaotácvớigiao diệnphầnmềmKhảnăngkhắcphụcsựcố Nêncócâuhỏikhẳngđịnh(confirm) nhữnghànhđộngcóthểgâyrasựmất mát Cungcấpcôngcụ/thaotácundo Điểmkiểmtra(checkpointing):cho phépghilạicôngviệctheomộtchukỳ nhấtđịnhKhắcphụcsựcố(chitiết)Hướngdẫn Cáchệthốnghelp ThôngtinhelpcầnngắngọnsúctíchĐadạng Tươngtácvớingườisửdụngcầnphải đadạngtheocácthểloạingườisử dụng. Ngườisửdụngthôngthườngthìcầntrợ giúpnhiềuhơn Ngườisửdụngchuyênnghiệpthìcần shortcutsnhiềuhơnCácvấnđềthiếtkế Người sử dụng sẽ tương tác với hệ thốngnhưthếnào? Thông tin nên được trình bày như thế nàothôngquagiaodiện?Tươngtáccủangườisửdụng Thaotáctrựctiếp Lựachọnmenu Nhậpform Sửdụngngônngữdònglệnh SửdụngngônngữtựnhiênTươngtácngườisửdụng(chitiết)Tươngtácngườisửdụng(chitiết–tiếp)NhậnxétvềcácloạitươngtácTrìnhbàythôngtin Mộtsốcâuhỏicầnphảiđặtrađểxácđịnhkiểutrình bàythôngtin Người sử dụng quan tâm tới độ chính xác thông tin haylàmốiquanhệgiữacácgiátrịdữliệu? Tốcđộthayđổithôngtin?Vàliệungườisửdụngcó cầnthôngbáovềthayđổinày? Liệungườisửdụngcóbắtbuộcphảitácđộngphản ứnglạithayđổinày? Ngườisửdụngcóphảitươngtácvớithôngtintrình bày? Kiểudữliệutrìnhbàylàgi?Trìnhbàygiaodiện:màusắc Giớihạnsốmàuđượcdùngtrêngiao diện,vd;thayđổitrạngthái hệthống Mãmàudùngđạidiệnchomãcông việc Màuđồnghành:cầnphảilựachọncẩn thận.Xâydựnghệthốngthôngbáo ...