it-swarm-vi.com

Biểu tượng Hamburger - thực đơn hay khả năng chi trả?

Dường như có một sự khác biệt về ý nghĩa cho biểu tượng này đang nổi lên:

enter image description here


[.___.

[.__.] Chỉ riêng bối cảnh đã đủ để phân biệt ý nghĩa của nó?

21
Phil Parry

Bối cảnh là chìa khóa và có lẽ bạn sẽ phải tìm hiể ý nghĩa của nó đối với từng bối cảnh. Ngay cả khi bạn biết nó là một menu, không rõ nó là loại menu nào. Lấy Chrome. Trong Windows, chỉ có hamburger, trong khi trên Mac OS, cũng có menu chính hàng đầu, như trong tất cả các Ứng dụng Mac. Hamburger không cho biết đó là loại thực đơn nào.

Biểu tượng Tay cầm có thể kéo bên cạnh trường hợp thanh cuộn, cũng phổ biến để sắp xếp lại danh sách, ví dụ: nhấn Chỉnh sửa trong danh sách trong một số ứng dụng iOS, khi biểu tượng xóa hiển thị ở một bên và "tay cầm có thể kéo được "Biểu tượng khác. Điều gì nói rằng điều này không có nghĩa là có một menu trên mỗi hàng? Bạn phải cố gắng, để biết.

enter image description here

Nó xuất phát từ vật lý đó, các công tắc có thể kéo thường có một bộ các dòng, cho độ bám tốt hơn.

enter image description here

Là một biểu tượng nút, tôi muốn nói ba dòng có nhiều ý nghĩa. Nó là một biểu tượng đơn giản và trông giống như một danh sách, hoặc một tập hợp các hàng (của văn bản).

Ba dòng cũng được sử dụng trong chỉnh sửa văn bản cho Cột, Danh sách và văn bản Justify so với ví dụ: căn trái. Có lẽ có nhiều sử dụng cho nó.

Nó được sử dụng như một biểu tượng menu xuất phát từ đó một menu thường là một vài hàng văn bản. Khi menu thay vào đó là một lưới, thì nút menu cũng có thể trông giống như một lưới.

enter image description here

Menu lưới google này được sử dụng ở dạng thanh menu ngang trên đầu trang.

Đại diện thực đơn mới nổi của hamburger xuất phát từ nhu cầu của các nút như thế này, bắt nguồn từ xu hướng ẩn các "menu chính" truyền thống, được sử dụng để nằm trên đầu cửa sổ. Màn hình thiết bị nhỏ hơn không có chỗ cho tất cả các tùy chọn menu. Các thiết kế tránh xa "dễ dàng có sẵn trên màn hình" và "số lần nhấp thấp nhất" và hướng tới sự rõ ràng, và tập trung hơn vào những điều chính trên màn hình. Trong các ứng dụng không phụ thuộc hoàn toàn vào các menu, loại người dùng thực sự đang sử dụng các tùy chọn menu sẽ vẫn có thể tìm thấy chúng phía sau nút đó như trực tiếp trên màn hình.

Để trả lời câu hỏi của bạn:

  • Ba dòng phải được đặt tại một cái gì đó có ý nghĩa để kéo, để được hiểu là một Tay cầm có thể kéo.
  • Trong bất kỳ ứng dụng nào thiếu menu trên màn hình, rất có thể menu nằm sau nút đó.
  • Trong trình chỉnh sửa văn bản, nếu nó xuất hiện trong một nút bên cạnh biểu tượng Align Left, thì đó có thể không phải là thanh cuộn. ;) Và như thế.

Vì vậy, thật khó để tìm/xây dựng các ứng dụng mà điều này xuất hiện dưới dạng mơ hồ. Ví dụ tất nhiên được chào đón!

17
JOG

Tôi quan sát rằng hạt nhân của vấn đề là đơn giản đây là hai biểu tượng khác nhau về ngữ nghĩa, cụ thể là

Tay cầm của Grab là biểu tượng sao chép có vùng ma sát cho ngón tay cái hoặc ngón tay

Menu Hamburger là biểu tượng đại diện cho danh sách các mục menu

hai biểu tượng này đã vô tình rơi vào cùng một biểu tượng. Việc họ trông giống nhau hoàn toàn là ngẫu nhiên, không cần thiết và khá đáng tiếc cho UX.

Câu hỏi chính Có lý do chính đáng nào để chỉ phụ thuộc vào ngữ cảnh để phân tán các biểu tượng không? Không. Ở đây ví dụ về điều khiển kéo là một biểu tượng riêng biệt.

enter image description here

8
Jason A.

Nó phải ở giữa một thanh dọc (như thanh cuộn) để được coi là một yếu tố có thể kéo được.

scrollbar

6
Sara

Kiểm tra khả năng chi trả

Trước khi trả lời, tôi muốn đặt câu hỏi (hy vọng bạn không phải là người dùng Mac). Làm thế nào bạn sẽ tương tác với hai mũi tên xuất hiện ở phía trên bên phải của cửa sổ này?

a screenshot of the fullscreen icon

Việc biểu tượng nhắc nhở con trỏ thay đổi kích thước và thực tế nó không được chứa trong một nút, khiến nhiều người kéo nó.

Nút Giá cả phải chăng thắng Biểu tượng của nó

Tôi khá chắc chắn rằng biểu tượng Origin là sự tương đồng trực quan với 'chế độ xem cột' mở ra khi bạn nhấn nút (xem bên dưới)

Tuy nhiên, như Sara đã đề cập, hầu hết mọi người sẽ quen thuộc với các dòng từ thanh cuộn hoặc các vật phẩm có thể kéo khác.

Vì khả năng chi trả được định nghĩa "Một đặc tính trong đó các đặc tính vật lý của vật thể hoặc môi trường ảnh hưởng đến chức năng của nó", bạn có thể lập luận rằng trước sự phổ biến của các biểu tượng bánh hamburger, khả năng chi trả của chúng là vật phẩm có thể kéo được.

Tuy nhiên, nút mà biểu tượng cư trú sẽ biểu thị cho mọi người rằng đây không phải là biểu tượng của nút và khả năng của một nút là nhấp chuột (bên ngoài phần mềm thiết kế giao diện người dùng, các nút khó có thể trở thành kéo). Vì vậy, khả năng chi trả là mục có thể nhấp. Điều này sẽ thay đổi hoàn toàn nếu chúng ta xóa ranh giới nút khỏi nút - biểu tượng sau đó sẽ đủ khả năng kéo.

An Image showing the column view that opens when one clicks the hamburger icon on the iphone facebook app

Nếu các biểu tượng này được thiết kế để đủ khả năng kéo, chúng sẽ trông như thế này (mà bạn có thể tranh luận là thiết kế tốt hơn - sử dụng thao tác trực tiếp):

enter image description here

6
Izhaki

Đây là một nghiên cứu về tỷ lệ chuyển đổi với các loại bánh hamburger: http://conversionxl.com/testing-hamburger-icon-revenue/

Tôi nghĩ rằng luke wroblewski đã tuyên bố kết quả tương tự một lần trước đây.

0
Stefan Wasserbauer