-Gióp cho ng-êi ph¸t triÓn phÇn mÒm cã mét mét c¸ch nh×n tæng quan vÒ thiÕt kÕ giao diÖn ng-êi sö dông, thùc hiÖn theo ®óng qui tr×nh ph©n tÝch, thiÕt kÕ giao diÖn ®Ó ®¹t hiÖu qu¶ cao[r]
(1)Đại học quốc gia Hà nội khoa c«ng nghƯ
Ngun tn viƯt
Xây dựng qui trình Phân tích thiết kế giao diƯn ng-êi sư dơng
theo ph-ơng pháp h-ớng i t-ng
Luận văn thạc sĩ
Ch-ơng I Mở đầu
(2)Thiết kế giao diện ng-ời sử dụng có vai trò quan trọng đặc biệt ng-ời dùng Norman -1988 ng-ời đ-a t-ơng tác ng-ời máy nhấn mạnh nhiều năm rằng:
tập trung thiết kế ng-ời dùng quan trọng Phân tích ng-ời dùng nhằm đ-a nhận xét để ứng dụng, đ-a phần việc đơn lẻ ng-ời dùng khác vào nhóm ng-ời dùng Mỗi nhóm ng-ời dùng chung chia sẻ mơ tả giống Thách thức phát triển ứng dụng để cung cấp điều cần thiết khác cho ng-ời dùng, để ng-ời dùng giảm thiểu công việc không cần thiết mà đem lại hiệu cao công việc, giảm thiểu tối đa chi phí góp phần định h-ớng cho t-ơng lai
1.1 ThiÕt kÕ giao diƯn ng-êi m¸y
Trong lĩnh vực đ-ợc đ-a với cố gắng nỗ lực, để nhằm tạo sở vững chắc, bên cạnh có vài yếu kém, điều đến lúc đ-ợc hoàn thiện trở nên hoàn thiện Những tiến trình quan trọng đ-ợc đ-a đề tài trở nên sáng, nhịp cầu nối đề tài hợp thành cách đắn vấn đề đ-a Một cách đáng tiếc, thiết kế giao diện quan hệ mới, có ranh giới rào cản định, tính chất không giống tên, chủ đề lớn, cần đ-ợc xem xét thêm sau
(3)Thiết kế giao diện môn học đặc biệt, nghiên cứu lao động, góp phần đ-a thiết kế giao diện phối cảnh môi tr-ờng hẹp nh- rộng lớn suốt nhiều năm Việc nghiên cứu nhằm áp dụng tâm lý học để cải tiến việc thiết kế guồng máy ng-ời Trong việc làm nh- bao gồm cơng việc t-ờng tận, với hiểu tiến trình t-ơng tác ng-ời máy
T-ơng tác ng-ời máy nghiên cứu toàn phạm vi từ giao diện phần cứng, mơi tr-ờng giao diện hồn cảnh nào, tác động ng-ời với giao diện, lẫn cá nhân nhóm ng-ời để đ-a phần mềm việc xây dựng giao diện phần mềm, công cụ để giúp đỡ tự thân tự xây dựng phần mềm Sự phân loại nhằm phân chia nhỏ tr-ờng để đ-a kinh nghiệm, ph-ơng pháp luận, thực tiễn thiết kế xây dựng công cụ nhằm đ-a vấn đề sau:
Hiểu đ-ợc yếu tố cần thiết ng-ời, yếu tố tác động đến t-ơng tác với máy tính
Phân tích q trình tác động ng-ời đến hệ thống máy tính giao diện sử dụng: hiểu đ-ợc đ-ợc nhiệm vụ ng-ời dùng yêu cầu ng-ời dùng
ChØ râ ph-ơng cách nên sử dụng giao diện nh- nào, ng-ời sử dụng nên trả lời nh- nào, giao diện nên xuất nh-
Thiết kế giao diện để phù hợp với thuộc tính đối t-ợng ng-ời sử dụng
Thiết kế công cụ để hỗ trợ xây dựng giao diện tốt
Đánh giá đ-ợc tính chất giao diện ng-ời máy tác động hệ thống vào ng-ời
(4)1.2 Giao diƯn ng-êi sư dơng
Khi ng-ời dùng mong muốn phát triển phần mềm thành công đ-ợc t-ơng lai, tạo ứng dụng máy tính cá nhân văn phịng làm việc, ứng dụng ng-ời dùng cần phải có hiệu quả, để hồn thành cơng việc có tiềm này.Việc thiết kế giao diện việc làm cần thiết, lao động trí óc cao, cống hiến khoa học, nghệ thuật
Sự thử thách phần mềm đ-ợc dựa nguyên lý đ-ợc minh hoạ đằng sau giao diện ng-ời sử dụng trình ứng dụng Sự đánh giá nhiệm vụ nhất, thiết thực với tất ng-ời sử dụng ch-ơng trình mới, khơng số họ muốn hay có thời gian để làm thủ công
Để làm đ-ợc phần mềm tốt phải có: đảm bảo chức giao diện, hàm chức thực tế ch-ơng trình, cịn giao diện t-ơng tác ng-ời dùng với ch-ơng trình, hàm chức đảm bảo yêu cầu đặt ch-ơng trình, việc mơ tả, hiển thị, cách sử dụng chức cho có hiệu hàm chức này, nh- ng-ời sử dụng ch-ơng trình thơng qua chức đạt hiệu cao phụ thuộc vào giao diện chức ng-ời sử dụng Chính giao diện ng-ời sử dụng có vai trị quan trọng trình t-ơng tác ng-ời máy
(5)tiềm mà phần mềm tạo ra, tạo cho ng-ời dùng tâm lý thoả mái, độ tin cậy cao, tiện ích, đảm bảo tính thẩm mỹ…, lẽ tạo giao diện người sử dụng việc làm khơng thể thiếu đ-ợc q trình thiết kế xây dựng phần mềm
1.3 T¹i ph¶i thiÕt kÕ giao diƯn
Tr-ớc tiên phải đầu t- thời gian, chi phí cố gắng nhiều lĩnh vực, cần thận trọng hăng say có đánh giá đầu t- Thiết kế giao diện đ-ợc rõ ràng đ-a vào phát triển hệ thống máy tính, nh- trả lời cho số câu hỏi Thiết kế giao diện đ-ợc xem xét tài liệu khoa học máy tính cơng nghệ khoảng thập kỷ qua vừa qua hay lâu nữa, với việc quan sát, thí dụ minh hoạ Nhiều ng-ời sử dụng có phản ánh sau thực với
ThiÕt kÕ giao diƯn cã thĨ có lỗi nh- sau trình thực hiện:
Gia tăng lỗi liệu vào trình hoạt động hệ thống: Tốn chi phí cho việc sửa lỗi, lỗi khơng sửa chữa đ-ợc gây thiệt hại giải không liệu đ-a vào
Tâm trạng thất vọng ng-ời dùng: Điều cho sản phảm chất l-ợng, ảnh h-ởng xấu đến hệ thống hay hệ thống đơn lẻ Tất điều ảnh h-ởng đến chi phí thực
Thùc hiƯn hƯ thèng kÐm: HƯ thèng kh«ng điều khiển đ-ợc, chi tiết đ-ợc đ-a không rõ ràng, giao diện thiết kế nghèo nàn, nặng nề không rõ ràng giúp cho ng-êi häc nghiªn cøu
Hệ thống khơng đ-ợc thực ng-ời dùng khơng chấp nhận: Điều xảy phần mềm không quan tâm đến ng-ời sử dụng, xâm phạm đến quyền sử dụng hệ thống, khơng có kết hợp thực thiết kế giao diện phân tích yêu cầu hệ thống
(6)tr-ớc đây, sau nhiều ng-ời sử dụng máy tính cá nhân đ-a hấp dẫn lôi sử dụng giao diện sử dụng phần mềm Những phần mềm trở nên đạt tiêu chuẩn chạy hệ thống máy tính lớn Cả hai phần ch-ơng trình thiết kế hệ thống truyền dẫn đ-ợc công nhận quan trọng việc thiết kế giao diện tốt, ứng dụng việc thiết kế giao diện đ-ợc đánh giá cao giao diện ng-ời máy
Giao diện khơng phải tiến trình trực giác Đúng có nhìn nhận, tìm tịi, đổi thiết kế tốt, nh-ng ng-ời hầu hết không làm nh- Thiết kế giao diện tiến trình, mà tiến trình có dạy học Chủ đề áp dụng hiểu biết để đ-a vào thiết kế, hiểu gồm dẫn nguyên tắc bản, ph-ơng thức thể việc tiến trình thiết kế, kèm theo kinh nghiệm thu đ-ợc thực tiễn, tiến trình thực Trong thiết kế giao diện cần có hiểu biết h-ớng dẫn nguyên tắc nhận biết từ tâm lý học, kiến thức khách hàng nh- ng-ời sử dụng máy tính nhằm đ-a giao diện đảm bảo chức ng-ời dùng
1.4 ThiÕt kÕ giao diện ng-ời máy khía cạnh HCI
(7)Trí tuệ nhân tạo chia sẻ tầm quan trọng HCI tri thức ng-ời Xây dựng ph-ơng thức câu trả lời để phù hợp với hoàn cảnh khác cho ng-ời dùng Trong thiết kế HCI việc nhìn nhận tâm lý ng-ời nhớ máy tính quan trọng nh-ng việc xây dựng nh- để phù hợp với ng-ời dùng phù hợp với khả riêng biệt cho ng-ời sử dụng việc khơng thể xem th-ờng.Trí tuệ nhân tạo thúc đẩy khả làm việc ng-ời giống nh- khả mong muốn ng-ời khả nhớ nghiên cứu ng-ời có hạn tìm câu trả lời cho vấn đề óc nghiên cứu ng-ời Cả hai vấn đề trí tuệ nhân tạo HCI nhằm giúp cho ng-ời sử dụng rèn luyện trí óc tri thức khoa học nh- truyền đạt vấn đề có tính chất lý thuyết, chủ đề bao gồm việc tính tốn với tiến trình học ng-ời
T-ơng tác ng-ời máy cầu nối để mở rộng mối quan hệ phân tích, thiết kế hệ thống hiểu đ-ợc sở hệ thống, có ph-ơng pháp luận tr-ớc mang tính chất lý thuyết để chia sẻ cho ng-ời sử dụng sau Đ-a nét đặc tr-ng phổ biến vào viết phần mềm Giao diện có đặc tr-ng đốn nhận mơ tả ứng xử cách xác, từ định yêu cầu cách thức xác cần rõ Giao diện ng-ời máy bao gồm vấn đề có ý nghĩa thực chất toàn hệ thống phần mềm, vấn đề tự nhiên khoa học, cần có chuẩn chặt chẽ Việc thiết kế giao diện ng-ời máy cần thiết cho hệ thống áp dụng vào cơng việc thiết kế Nó đề tài cho việc thiết lập nên kỷ luật khoa học máy tính
Chính thấy đ-ợc tầm quan trọng việc thiết kế giao diện ng-ời sử dụng, luận văn vào nghiện cứu số vấn đề sau:
1.5 Vấn đề nghiên cứu luận văn
-Trong trính phát triển công nghệ thông tin nay, ng-ời nghiên cứu ph-ơng pháp luận phát triển phần mềm hầu nh- tập trung xây dựng chức hệ thống, chức giao diện ch-a đáp ứng đ-ợc trơng đợi ng-ời dùng, tâm lí khơng đ-ợc thoả mái, hiệu công việc ch-a đạt kết nh- mong đợi
(8)giao diện nhiều thời gian mà hiệu đạt đ-ợc ch-a cao
-Luận văn nghiên cứu, khảo sát khái niệm, mơ hình ph-ơng pháp xây dựng UI (User Interface) để hình thành qui trình phân tích, thiết kế giao diện với ng-ời sử dụng cho hệ thống phần mềm
-Giúp cho ng-ời phát triển phần mềm có một cách nhìn tổng quan thiết kế giao diện ng-ời sử dụng, thực theo qui trình phân tích, thiết kế giao diện để đạt hiệu cao công việc
Để xây dựng giao diện tốt, đáp ứng đ-ợc yêu cầu ng-ời sử dụng, đem lại hiệu cao cơng việc Đó nhiệm vụ để thiết kế giao diện tốt Sau
10 nguyên tắc để thiết kế giao diện tốt
1.Ng-ời sử dụng cần nhìn thấy tr-ớc đ-ợc hành động mở từ cách nhìn nhận
đặc tính cơng việc
Các hoạt động bao trùm phạm vi quan sát điều khiển nh-: nút nhấn, danh sách, hộp hội thoại, cuộn, qui luật Nh-ng để thực đ-ợc điều cần có ngun tắc khơng thay đổi cấp độ Những nguyên tắc thực ứng dụng trở thành thay đổi đ-ợc Trong môi tr-ờng phát triển phần mềm nh- Delphi tự tạo cho hoạt động Nếu ứng dụng yêu cầu hoạt động hoạt động có thực khác từ hoạt động phổ biến liên kết chặt chẽ, bên cạnh thấy đ-ợc hoạt động khơng rõ ràng ta đ-a đ-ợc thể đặc biệt hành động không rõ ràng
2 Ng-ời sử dụng ch-ơng trình cần thấy tr-ớc đ-ợc b-ớc thực
(9)Nhận biết đ-ợc kết khác từ ch-ơng trình Điều nguyên tắc bất di, bất dịch thực ch-ơng trình Sự khẳng định quan trọng không thực yếu tố rộng mở mà thực hành động trừu t-ợng nh-: nhấn chuột, tăng tốc bàn phím, sếp lại mênu trang trí biểu t-ợng , cơng cụ Nh- hồn tồn giải xung đột việc thiết kế giao diện đồ hoạ ng-ời sử dụng cách dễ dàng rành mạch, nhận thấy hồn thành cơng việc buổi thảo luận, cảm thấy yên tâm có tu bổ, chỉnh sửa sau có đóng góp ý kiến ch-ơng trình Nếu thực cơng việc chồng chéo trì đ-ợc cơng việc phải thơng qua máy chủ Duy trì đ-ợc ngun lý khơng đổi dựa vào hoạt động máy chủ để thực ứng dụng Những ng-ời sử dụng thay đổi ứng dụng cách th-ờng xuyên chạy ứng dụng ng dng khỏc
3 Cần đ-a lỗi cảnh báo hộp hội tho¹i
(10)ng-ời sử dụng khơng rõ ràng loại bỏ không đ-ợc lựa chọn Loại bỏ lỗi giúp cho ng-ời dùng tránh đ-ợc hành động sai sử dụng ch-ơng trình
4 Cần cung cấp thông tin phản hồi cho ng-ời sư dơng
Chẳng hạn nh- ngun lí bất định, phản hồi thông tin ng-ời dùng hành động tích cực cho ch-ơng trình, cần phải đ-a th-ờng xuyên phản hồi thông tin; nh- nút nhấn miêu tả ngắn gọn việc trải xuống d-ới Nhấn vào hộp kiểm tra xuất cảnh báo để ng-ời sử dụng lựa chọn hay không lựa chọn Nếu tạo đựơc mơ hình nh- nhận đ-ợc thông tin phản hồi ng-ời sử dụng đ-a Những thơng tin phản hồi ch-ơng trình đ-a giúp cho ng-ời dùng b-ớc tiến hay hoàn thành cơng việc đ-ợc giao Thay đổi hình dáng trỏ để thơng bào trì hỗn ngắn, mênu bar để báo cho nhiệm vụ thực thời gian dài Việc thiết kế tạo hình ứng dụng cho ng-ời ứng dụng cần dễ sử dụng chức năng, b-ớc riêng bit thc hin ch-ng trỡnh
5 Tạo môi tr-ờng an toàn với việc khảo sát tỉ mỉ
Con ng-ời sinh khảo sát này, giao diện lớn đem lại khảo sát lớn, việc đề nghị ng-ời ch-a có kinh nghiệm nhằm thoả mãn khám phá giúp đỡ hồn thành cơng việc Một số giao diện giúp cho ng-ời dùng khám phá không hiểu rõ điểm đặc tr-ng khác Giao diện cho phép ng-ời dùng để tháo gỡ hay làm lại, giúp đỡ ng-ời dùng giải thích ứng dụng tâm lý khơng cịn lo ngại, hoảng sợ với liệu Đ-a khả tháo gỡ hay làm lại nhằm loại trừ điều cần thiết với hộp thoại cho phép thực chức sai lầm Xây dựng giao diện tốt ng-ời dùng nhận thấy có đủ trình độ sử dụng, loại bỏ giao diện không tiện lợi ng-ời dùng cảm thấy khó khăn sử dụng
6 Cố gắng tạo ứng dụng loại rõ rµng
(11)Phần cài đặt
Để minh hoạ cho toàn ch-ơng trình bày nh- trên, vào khảo sát ví dụ minh hoạ cụ thể mơ tả việc Tuyển Nhân Viên vào quan, phần ch-ơng trình mơ đ-ợc viết ngơn ngữ lập trình Visual Basic Nh- biết từ thí dụ tuyển nhân viên ta thấy có ba vai trị chủ yếu q trình tuyển mộ là:
Ng-êi qu¶n lý thuê
Nhân viên tuyển chọn
Thnh viên hội đồng tuyển chọn
Từ mơ hình nhiệm vụ nh- mô tả ch-ơng III thấy ng-ời tuyển mộ yêu cầu lấy nhân viên mới, ng-ời tuyển chọn cung cấp hồ sơ cho ứng viên có triển vọng, sau nhận đ-ợc hồ sơ ứng viên bổ xung thông tin vào nộp cho hội đồng tuyển chọn Ng-ời quản lý tuyển chọn lựa chọn ng-ời vấn Khi nhân viên tuyển mộ lập lịch vấn thu đ-ợc kết buổi vấn Sau có kết ng-ời quản lý tuyển mộ lập định xem phù hợp cho công việc tới Cuối ng-ời quản lý tuyển chọn đề xuất đ-a lời đề nghị định chọn ứng viên nào, nhân viên tuyển mộ kết thúc tuyển mộ sau lời đề nghị đ-ợc chấp nhận
Từ toán mô tả việc thiết kế giao diện trình tuyển nhân viên nh- sau:
(12)Màn hình đ-ợc đ-a phải đảm bảo chức năng:
Đầy đủ thông tin cần đ-a
DƠ sư dơng
DƠ quan s¸t
Đảm bảo mặt thẩm mỹ
Các menu đ-a phải đảm bảo mục chọn chức riêng biệt, menu phải chứa thơng tin menu muốn đ-a ra, menu có chức ta nên đ-a thông tin vào hình cho ng-ời sử dụng dễ quan sát dễ dựng
Để mô tả biểu diền cho c¸c menu tiÕp theo, chóng ta cã thĨ biĨu diễn theo cấu trúc nhánh nh- hình vẽ d-ới đây, gồm menu thả xuống mục chọn Mỗi mục chọn có mục chọn đ-ợc thể mũi tên mô nh- hình vẽ:
(13)Muốn lựa chọn menu bao gồm chức riêng biệt, ta nên đ-a mục chọn, hình đ-a cho ng-ời sử dụng dễ quan sát dễ sử dụng hơn, cần lựa chọn ng-ời dùng cần tích vào mục chọn đ-ợc đ-a Ví dụ: Đặc tả yêu cầu cho vị trí xuất menu nh- sau:
Giao diện xuất mô tả option, lựa chọn đ-ợc đ-a ng-ời sử dụng thấy đ-ợc chức mơ tả bên nó, menu bar mơ tả chức giao diện, nút nhấn góc bên trái mơ tả kích cỡ giao diện phóng to hay thu nhỏ lại sử dụng
(14)
Trong tr-ờng hợp liệu đ-a có tính mơ phỏng, nhằm biểu diễn thông tin cho ng-ời sử dụng dễ quan sát ta nên đ-a liệu d-ới dạng hình ảnh, màu sắc đ-ợc đ-a phải đảm bảo tình hài hồ
Trên ch-ơng trình cài đặt đơn giản mơ thí dụ tuyển nhân viên vào quan, bao gồm ng-ời tuyển mộ ng-ời tham dự tuyển mộ
Mô giúp cho ng-ời đọc thấy vài nét việc phân tích, thiết kế giao diện ng-ời sử dụng cách tổng quan nhất, đ-ợc áp dụng xuyên suốt tài liệu luận văn từ ch-ơng mở đầu ch-ơng kết thúc
(15)1 JoAnn T Hackos, Janice C Redisk (1998), “User and Task Analysis for Interface Design”, John Wiley& Sons, Inc, New York
2. Geoff Lee (1993),“Object-Oriented GUI Application Development”, PTR Prentice Hall, Englewood Cliffs, MJ 07632
3. Ben Shneiderman (1998), “Designing the User Interface”, Third Edition, Addison-Wesley, USA
4. Alistair Sutcliffe (1990), “Human-Computer Interface Design”, MacMillan, London