Các phần tử giao diện người dùng đồ họa là những phần tử được sử dụng bởi các giao diện người dùng đồ họa [GUI] để cung cấp một ngôn ngữ trực quan nhất quán nhằm thể hiện thông tin được lưu trữ trong máy tính. Những thứ này giúp những người có ít kỹ năng máy tính làm việc và sử dụng phần mềm máy tính dễ dàng hơn
Bài viết này giải thích các yếu tố phổ biến nhất của giao diện ngôn ngữ trực quan được tìm thấy trong mô hình WIMP ["cửa sổ, biểu tượng, menu, con trỏ"] mặc dù nhiều yếu tố cũng được sử dụng ở các giao diện đồ họa sau WIMP khác. Các yếu tố này thường được thể hiện trong giao diện bằng bộ công cụ widget hoặc môi trường máy tính để bàn
Các yếu tố kết cấu[sửa]
Giao diện người dùng đồ họa sử dụng các quy ước trực quan để thể hiện thông tin chung được hiển thị. Một số quy ước được sử dụng để xây dựng cấu trúc của các phần tử tĩnh mà người dùng có thể tương tác và xác định hình thức của giao diện
Cửa sổ là một vùng trên màn hình hiển thị thông tin, với nội dung của nó được hiển thị độc lập với phần còn lại của màn hình. Một ví dụ về cửa sổ là những gì xuất hiện trên màn hình khi nhấp vào biểu tượng "Tài liệu của tôi" trong Hệ điều hành Windows. Người dùng dễ dàng thao tác trên cửa sổ. nó có thể được hiển thị và ẩn bằng cách nhấp vào một biểu tượng hoặc ứng dụng và nó có thể được di chuyển đến bất kỳ khu vực nào bằng cách kéo nó [nghĩa là bằng cách nhấp vào một khu vực nhất định của cửa sổ – thường là thanh tiêu đề ở trên cùng – và giữ nguyên . Một cửa sổ có thể được đặt phía trước hoặc phía sau một cửa sổ khác, kích thước của nó có thể được điều chỉnh và thanh cuộn có thể được sử dụng để điều hướng các phần bên trong cửa sổ đó. Nhiều cửa sổ cũng có thể được mở cùng một lúc, trong trường hợp đó, mỗi cửa sổ có thể hiển thị một ứng dụng hoặc tệp khác nhau – điều này rất hữu ích khi làm việc trong môi trường đa nhiệm. Bộ nhớ hệ thống là giới hạn duy nhất đối với số lượng cửa sổ có thể mở cùng một lúc. Ngoài ra còn có nhiều loại cửa sổ chuyên dụng
- Một cửa sổ vùng chứa bao quanh các cửa sổ hoặc điều khiển khác. Khi nó được di chuyển hoặc thay đổi kích thước, các mục kèm theo sẽ di chuyển, thay đổi kích thước, định hướng lại hoặc bị cắt bởi cửa sổ vùng chứa
- Cửa sổ trình duyệt cho phép người dùng xem và điều hướng qua bộ sưu tập các mục, chẳng hạn như tệp hoặc trang web. Trình duyệt web là một ví dụ về các loại cửa sổ này
- cửa sổ trình bày giao diện người dùng văn bản dựa trên ký tự, điều khiển bằng lệnh trong giao diện đồ họa tổng thể. Bảng điều khiển MS-DOS và UNIX là ví dụ về các loại cửa sổ này. Các cửa sổ đầu cuối thường tuân theo các quy ước hiển thị và phím nóng của các đầu cuối dựa trên CRT có trước GUI, chẳng hạn như VT-100
- Cửa sổ con mở tự động hoặc do hoạt động của người dùng trong cửa sổ chính. Cửa sổ bật lên trên Internet có thể là cửa sổ con
- Cửa sổ thông báo hoặc hộp thoại là một loại cửa sổ con. Đây thường là những cửa sổ nhỏ và cơ bản được mở bởi một chương trình để hiển thị thông tin cho người dùng và/hoặc lấy thông tin từ người dùng. Chúng hầu như luôn có một hoặc nhiều nút, cho phép người dùng loại bỏ hộp thoại bằng phản hồi khẳng định, phủ định hoặc trung lập
Các menu cho phép người dùng thực hiện các lệnh bằng cách chọn từ danh sách các lựa chọn. Các tùy chọn được chọn bằng chuột hoặc thiết bị trỏ khác trong GUI. Bàn phím cũng có thể được sử dụng. Các menu thuận tiện vì chúng hiển thị những lệnh nào có sẵn trong phần mềm. Điều này giới hạn số lượng tài liệu mà người dùng đọc để hiểu phần mềm
- Một thanh menu được hiển thị theo chiều ngang trên đầu màn hình và/hoặc dọc theo đỉnh của một số hoặc tất cả các cửa sổ. Menu kéo xuống thường được liên kết với loại menu này. Khi người dùng nhấp vào tùy chọn menu, menu kéo xuống sẽ xuất hiện
- Một menu có tiêu đề hiển thị trong thanh menu. Nội dung của nó chỉ được tiết lộ khi người dùng chọn nó bằng một con trỏ. Sau đó, người dùng có thể chọn các mục trong menu kéo xuống. Khi người dùng nhấp vào nơi khác, nội dung của menu sẽ biến mất
- Menu ngữ cảnh sẽ ẩn cho đến khi người dùng thực hiện một hành động chuột cụ thể, chẳng hạn như nhấn nút chuột phải. Khi hành động chuột dành riêng cho phần mềm xảy ra, menu sẽ xuất hiện bên dưới con trỏ
- Menu bổ sung là các mục riêng lẻ bên trong hoặc bên cạnh menu
Biểu tượng là một hình ảnh nhỏ đại diện cho các đối tượng như tệp, chương trình, trang web hoặc lệnh. Chúng là một cách nhanh chóng để thực thi lệnh, mở tài liệu và chạy chương trình. Các biểu tượng cũng rất hữu ích khi tìm kiếm một đối tượng trong danh sách trình duyệt, vì trong nhiều hệ điều hành, tất cả các tài liệu sử dụng cùng một tiện ích mở rộng sẽ có cùng một biểu tượng
Các phần tử giao diện được gọi là phần tử điều khiển đồ họa, điều khiển hoặc tiện ích con là các thành phần phần mềm mà người dùng máy tính tương tác thông qua thao tác trực tiếp để đọc hoặc chỉnh sửa thông tin về ứng dụng. Mỗi tiện ích tạo điều kiện tương tác giữa người dùng và máy tính cụ thể. Cấu trúc giao diện người dùng với các bộ công cụ Widget cho phép các nhà phát triển sử dụng lại mã cho các tác vụ tương tự và cung cấp cho người dùng một ngôn ngữ chung để tương tác, duy trì tính nhất quán trong toàn bộ hệ thống thông tin.
Các cách sử dụng phổ biến cho các widget liên quan đến việc hiển thị các bộ sưu tập các mục có liên quan [chẳng hạn như với các điều khiển canvas và danh sách khác nhau], bắt đầu các hành động và quy trình trong giao diện [nút và menu], điều hướng trong không gian của hệ thống thông tin [liên kết, tab và . ]
Một tab thường là một hộp nhỏ hình chữ nhật thường chứa nhãn văn bản hoặc biểu tượng đồ họa được liên kết với khung xem. Khi được kích hoạt, khung xem hoặc cửa sổ sẽ hiển thị các tiện ích được liên kết với tab đó; . Điều này được sử dụng trong tất cả các trình duyệt web hiện đại. Với những trình duyệt này, bạn có thể mở nhiều trang web cùng một lúc trong một cửa sổ và nhanh chóng điều hướng giữa chúng bằng cách nhấp vào các tab được liên kết với các trang. Các tab thường được đặt theo nhóm ở trên cùng của cửa sổ, nhưng cũng có thể được nhóm ở bên cạnh hoặc dưới cùng của cửa sổ. Các tab cũng có mặt trong bảng cài đặt của nhiều ứng dụng. Ví dụ, Microsoft Windows sử dụng các tab trong hầu hết các hộp thoại trên bảng điều khiển của nó
Yếu tố tương tác[sửa]
Một số thành ngữ phổ biến cho sự tương tác đã phát triển thành ngôn ngữ hình ảnh được sử dụng trong GUI. Các phần tử tương tác là các đối tượng giao diện biểu thị trạng thái của một hoạt động hoặc chuyển đổi đang diễn ra, dưới dạng phần còn lại trực quan của ý định người dùng [chẳng hạn như con trỏ] hoặc dưới dạng khả năng hiển thị các địa điểm mà người dùng có thể tương tác
Con trỏ là một chỉ báo được sử dụng để hiển thị vị trí trên màn hình máy tính hoặc thiết bị hiển thị khác sẽ phản hồi đầu vào từ thiết bị nhập văn bản hoặc thiết bị trỏ
Con trỏ[sửa]
Con trỏ lặp lại các chuyển động của thiết bị trỏ, thường là chuột hoặc bàn di chuột. Con trỏ là nơi diễn ra các hành động được bắt đầu thông qua các cử chỉ thao tác trực tiếp như nhấp, chạm và kéo
Điểm chèn[sửa]
Dấu mũ, con trỏ văn bản hoặc điểm chèn biểu thị điểm của giao diện người dùng nơi đặt tiêu điểm. Nó đại diện cho đối tượng sẽ được sử dụng làm chủ thể mặc định của các lệnh do người dùng thực hiện, chẳng hạn như viết văn bản, bắt đầu lựa chọn hoặc thao tác sao chép-dán thông qua bàn phím
Lựa chọn[sửa]
Lựa chọn một khu vực bằng cách sử dụng con trỏ
Một lựa chọn là một danh sách các mục mà thao tác của người dùng sẽ diễn ra. Người dùng thường thêm các mục vào danh sách theo cách thủ công, mặc dù máy tính có thể tự động tạo lựa chọn
Tay cầm điều chỉnh[sửa]
Tay cầm là chỉ báo về điểm bắt đầu cho thao tác kéo và thả. Thông thường, hình dạng con trỏ thay đổi khi được đặt trên tay cầm, hiển thị biểu tượng đại diện cho thao tác kéo được hỗ trợ