11.1. Tổng quan về giao diện người dựng
Giao diện người dựng hiệu quả phải phự hợp với trỡnh độ và kinh nghiệm của người dựng. Những nguyờn nhõn sau đõy khiến cho người dựng sử dụng sai hay cảm thấy nhàm chỏn, lẫn lộn thậm chớ hoảng sợ quay sang chối bỏ phần mềm:
Sử dụng nhầm lẫn cỏc thuật ngữ, khỏi niệm
Giao diện khụng trực quan
Cỏch tiếp cận giải quyết vấn đề bị lẫn lộn, khụng cú qui trỡnh thực hiện
Thiết kế giao diện rắc rối
Cỏc nguyờn tắc nờn ỏp dụng khi thiết kế giao diện người dựng:
Phải hiểu rừ trỡnh độ người sử dụng cũng như đặc thự cỏc cụng việc của họ
Lụi kộo người dựng vào việc thiết kế giao diện
Kiểm tra và thử nghiệm việc thiết kế trờn người dựng thật
Áp dụng cỏc quy ước, thúi quen trong thiết kế giao diện, tuõn thủ style chung cho toàn chương trỡnh.
Người dựng cần được chỉ dẫn những cụng việc họ sẽ đối mặt tiếp theo:
Chỉ cho người dựng hệ thống đang mong đợi họ làm gỡ?
Chỉ cho người dựng dữ liệu họ nhập đỳng hay sai?
Giải thớch cho người dựng hệ thống đang đứng yờn do cú cụng việc cần xử lý chứ khụng treo? (Thời gian chờ xử lý như lập bỏo cỏo thống kờ)
Khẳng định với người dựng hệ thống đó hay chưa hoàn thành một cụng việc nào đú
Nờn định hỡnh giao diện sao cho cỏc thụng điệp, chỉ dẫn luụn xuất hiện tại cựng một vị trớ.
Định hỡnh cỏc thụng điệp và chỉ dẫn đủ dài để người dựng cú thể đọc được, đủ ngắn để họ cú thể hiểu được
Cỏc giỏ trị mặc định cần được hiển thị
Lường trước những sai sút người dựng cú thể gặp phải để phũng trỏnh
Khụng cho phộp xử lý tiếp nếu lỗi chưa được khắc phục
11.2. Kỹ thuật giao diện người dựng 11.2.1. Hệ điều hành và trỡnh duyệt web 11.2.1. Hệ điều hành và trỡnh duyệt web
G
Những hệ điều hành đồ họa phổ biến cho cỏc mỏy khỏch hiện nay là Windows, Macintosh, Unix, Linux và cho cỏc mỏy cầm tay là Palm OS, Windows CE. Tuy nhiờn, hệ điều hành ngày càng khụng cũn là nhõn tố chớnh trong thiết kế giao diện người dựng nữa. Cỏc ứng dụng Internet và Intranet chạy trờn cỏc trỡnh duyệt web. Hầu hết cỏc trỡnh duyệt cú thể chạy trờn nhiều hệ điều hành. Điều này cho phộp thiết kế giao diện người dựng ớt phụ thuộc vào hệ điều hành. Tớnh năng này được gọi là độc lập nền tảng (Flatform Independence).
Thay vỡ viết giao diện riờng cho từng hệ điều hành thỡ chỉ cần viết giao diện cho một hoặc hai trỡnh duyệt. Hiện tại, hai trỡnh duyệt phổ biến nhất là Microsoft Internet Explorer và Netscape Navigator nhưng vẫn cũn tồn tại một khú khăn khỏc đú là vấn đề về cỏc phiờn bản trỡnh duyệt.
11.2.2. Màn hỡnh hiển thị
Kớch thước vựng hiển thị là vấn đề then chốt khi thiết kế giao diện. Khụng phải màn hỡnh hiển thị nào cũng là dạng màn hỡnh mỏy tớnh cỏ nhõn. Cú rất nhiều thiết bị hiển thị khụng phải là mỏy tớnh cỏ nhõn.
Đối với màn hỡnh mỏy tớnh cỏ nhõn, chỳng ta cú đơn vị đo lường là độ phõn giải đồ họa. Độ phõn giải đồ họa được tớnh theo pixel, đú là số điểm sỏng phõn biệt được hiển thị trờn màn hỡnh. Hiện nay, độ phõn giải phổ biến là 1024 pixel theo chiều ngang và 768 pixel theo chiều dọc trong một màn hỡnh 17 inch. Những kớch thước hiển thị lớn hơn hỗ trợ nhiều pixel hơn; tuy nhiờn, người thiết kế nờn thiết kế giao diện theo loại màn hỡnh cú độ phõn giải phổ biến nhất. Rừ ràng, cỏc mỏy tớnh cầm tay và một số thiết bị hiển thị đặc biệt (vớ dụ như màn hỡnh mỏy rỳt tiền tự động ATM) hỗ trợ màn hỡnh hiển thị nhỏ hơn nhiều cũng phải được xem xột khi thiết kế giao diện.
Cỏch thức thể hiện vựng hiển thị đối với người dựng được điều khiển bởi cả khả năng kỹ thuật của màn hỡnh và khả năng của hệ điều hành, Hai cỏch tiếp cận phổ biến nhất là paging và scrolling. Paging hiển thị một màn hỡnh hoàn chỉnh cỏc ký tự vào cựng một lần. Toàn bộ vựng hiển thị được gọi là một trang (hay màn hỡnh). Cỏc trang được hiển thị theo nhu cầu của người dựng bằng cỏch nhấn nỳt lệnh, tương tự như lật cỏc trang trong một cuốn sỏch. Scrolling dịch chuyển phần thụng tin hiển thị lờn hoặc xuống trờn màn hỡnh, thường là mỗi lần 1 dũng. Cỏc màn hỡnh mỏy tớnh cỏ nhõn cũn cho phộp nhiều tựy chọn paging và scrolling.
11.2.3. Bàn phớm và cỏc thiết bị trỏ
Hầu hết (nhưng khụng phải tất cả) cỏc thiết bị hiển thị và màn hỡnh đều được tớch hợp với bàn phớm. Những tớnh năng chủ yếu của bàn phớm là tập ký tự và cỏc khúa chức năng.
Tập ký tự của hầu hết cỏc mỏy tớnh cỏ nhõn đều theo chuẩn. Những tập ký tự đú cú thể được mở rộng với phần mềm để hỗ trợ thờm cỏc ký tự và biểu tượng. Cỏc khúa chức năng nờn được sử dụng một cỏch nhất quỏn. Nghĩa là, bất kỳ chương trỡnh nào cũng nờn sử dụng nhất quỏn cỏc khúa chức năng cho cựng mục đớch. Vớ dụ, F1 thường được dựng để gọi chức năng trợ giỳp trong cả hệ điều hành và cỏc ứng dụng.
Hầu hết cỏc giao diện (bao gồm cỏc hệ điều hành và trỡnh duyệt) đều sử dụng thiết bị trỏ như chuột, bỳt và màn hỡnh cảm ứng. Tất nhiờn, thiết bị trỏ phổ biến nhất vẫn là chuột.
Bỳt đang trở nờn quan trọng trong cỏc ứng dụng chạy trờn cỏc thiết bị cầm tay. Bởi lý do là những thiết bị đú thường khụng cú bàn phớm. Do đú, giao diện cú thể cần được thiết kế để cho phộp “gừ” trờn một bàn phớm được hiển thị trờn màn hỡnh hoặc sử dụng một chuẩn viết tay như Graffiti hoặc Jot.
G 11.3. Cỏc phong cỏch thiết kế giao diện người dựng 11.3. Cỏc phong cỏch thiết kế giao diện người dựng
11.3.1. Giao diện dựa trờn cửa sổ và frame
Phần cơ bản nhất của một giao diện là cửa sổ. Một cửa sổ cú thể nhỏ hoặc lớn hơn vựng màn hỡnh hiển thị. Nú thường chứa cỏc điều khiển chuẩn ở gúc trờn bờn phải như phúng to, thu nhỏ hay đúng cửa sổ.
Phần dữ liệu hiển thị bờn trong cửa sổ cú thể lớn hoặc nhỏ hơn kớch thước cửa sổ. Trong trường hợp lớn hơn, cú thể dựng thanh cuộn để dịch chuyển.
Một cửa sổ cú thể được chia thành cỏc vựng gọi là frame. Mỗi frame cú thể hoạt động độc lập với cỏc cỏc frame khỏc trong cựng một cửa sổ. Mỗi frame cú thể được xỏc định để phục vụ cho một mục đớch nhất định.
Trong một cửa sổ, chỳng ta cú thể sử dụng tất cả cỏc điều khiển giao diện đó giới thiệu trong cỏc chương 9 và 10.
11.3.2. Giao diện dựa trờn menu
Chiến lược đối thoại phổ biến nhất và cổ điển nhất là menu. Cú nhiều loại menu nhưng tư tưởng chung đều là yờu cầu người dựng chọn một hành động từ menu:
Menu kộo thả, menu xếp tầng, menu pop-up
Thanh cụng cụ và menu icon
Menu siờu liờn kết. Thanh menu bar
Hỡnh 11.1 Thiết kế menu
11.3.3. Giao diện dựa trờn dũng lệnh
Thay cho menu hoặc cũng cú thể bổ sung thờm cho menu, một số ứng dụng được thiết kế sử dụng đối thoại dựa trờn tệp lệnh (cũn gọi là giao diện ngụn ngữ lệnh – Command language interface). Tuy nhiờn, người sử dụng phải học cỳ phỏp tập lập nờn cỏch tiếp cận này chỉ phự hợp với đối tượng người dựng chuyờn gia. Cú 3 loại cỳ phỏp, lựa chọn loại nào là phụ thuộc vào cụng nghệ cú thể dựng:
Cỳ phỏp dựa trờn ngụn ngữ (vớ dụ như SQL)
Cỳ phỏp mnemonic: người sử dụng được cung cấp một màn hỡnh giao tiếp trong đú họ cú thể nhập cỏc lệnh gọi tới cỏc hành động. Cỏc cõu lệnh phải cú nghĩa với người sử dụng.
Cỳ phỏp ngụn ngữ tự nhiờn: cho phộp người dựng nhập cỏc cõu hỏi cỏc lệnh bằng ngụn ngữ tự nhiờn. Hệ thống thụng dịch cỏc lệnh đú theo cỳ phỏp đó biết và cú thể yờu cầu người dựng nhập lại rừ ràng hơn nếu nú khụng hiểu được ý muốn của người dựng.
G
Cỏch thiết kế giao diện dựa trờn dũng lệnh từng phổ biến trong cỏc ứng dụng mỏy tớnh lớn và cỏc ứng dụng mỏy tớnh cỏ nhõn trờn DOS trước đõy. Nhưng phong cỏch tương tỏc này vẫn được sử dụng trong một số ứng dụng hiện nay. Vớ dụ như Microsoft Access cú phần soạn thảo cõu truy vấn.
Thiết kế giao diện người dựng là việc đặc tả sự đối thoại giữa người sử dụng chương trỡnh và mỏy tớnh. Sự đối thoại này thường cho kết quả là dữ liệu đầu vào và thụng tin đầu ra. Cú một số phong cỏch thiết kế giao diện người dựng. Trước đõy, những hỡnh thức đú được xem là loại bỏ nhau nhưng ngày nay, chỳng đang pha trộn lẫn nhau. Mục này giới thiệu tổng quan một số phong cỏch và chiến lược được dựng để thiết kế giao diện người dựng và cỏch thức chỳng được kết hợp vào cỏc ứng dụng.
11.3.4. Đối thoại hỏi – đỏp
Hỡnh thức đối thoại hỏi đỏp được dựng chủ yếu để hỗ trợ cho đối thoại dựa trờn menu hoặc dựa trờn cõu lệnh. Người dựng được gợi ý bằng cõu hỏi mà họ cần cho cõu trả lời. Cõu hỏi đơn giản nhất là Yes/No. Chiến lược này yờu cầu chỳng ta phải xột mọi cõu trả lời đỳng cú thể cú và chuẩn bị mọi hành động nếu xuất hiện cõu trả lời sai. Rừ ràng đõy là một hỡnh thức giao diện khú thiết kế. Tuy nhiờn, hỡnh thức này phổ biến trong cỏc ứng dụng trờn web.
11.3.5. Một số tớnh năng đặc biệt
Xỏc thực và phõn quyền: Trong hầu hết cỏc hệ thống, người sử dụng phải được xỏc thực trước khi họ được phộp sử dụng hệ thống. Núi một cỏch khỏc, người sử dụng phải đăng nhập vào hệ thống. Hầu hết việc đăng nhập đều yờu cầu tờn người dựng (username) và mật khẩu (password). Mỗi người dựng được cấp một quyền hạn sử dụng một số chức năng nhất định. Người dựng cú quyền cao nhất thường là người quản trị hệ thống.
Hỡnh 11-2 Vớ dụ đăng nhập một hệ thống Hỡnh 11-3 Đăng ký sản phẩm
Trợ giỳp