Biểu tượng Menu 3 dòng: Menu Hamburger là gì?

Mục lục:

Anonim

Điều gì sẽ xảy ra nếu tôi nói với bạn rằng các trang web và điện thoại thông minh có hamburger trong đó? Bạn có thể sẽ nghĩ rằng tôi đã hoàn toàn mất nó sau khi ra khỏi huy chương của tôi. Nhưng điều đó hoàn toàn đúng, tôi không đùa đâu.

Khi bạn mở một ứng dụng trên điện thoại thông minh hoặc một số trang web ngày hôm nay, bạn có thể đang nhìn vào một chiếc bánh hamburger - một biểu tượng menu hamburger, đó là.

Menu Hamburger là gì?

Menu hamburger (không có kèm theo khoai tây chiên) là ba đường ngang bạn thấy bây giờ ở trên cùng của nhiều màn hình, ở phía xa bên trái hoặc bên phải.

$config[code] not found

Nó thực sự là một biểu tượng.

Bằng cách chạm, chạm hoặc nhấp vào biểu tượng, nó sẽ mở ra một menu bên với một lựa chọn các tùy chọn hoặc các trang bổ sung.

Một số nhà phát triển yêu thích biểu tượng menu 3 bánh hamburger vì nó cho phép họ đóng gói nhiều tính năng hơn vào ứng dụng hoặc điều hướng của họ. Biểu tượng nhỏ bé chiếm một lượng tối thiểu của bất động sản màn hình. Nó cung cấp cho các ứng dụng hoặc trang web một cái nhìn tối giản sạch sẽ.

Nó đủ dễ dàng để người dùng ứng dụng hoặc khách truy cập trang web nhấn nút để trượt menu vào và ra.

Hoặc bạn có thể nghĩ như vậy.

Tuy nhiên, các nhà phát triển khác và một số người dùng hoàn toàn ghét biểu tượng menu hamburger hoặc đơn giản là bị bối rối bởi nó. Tại sao? Bởi vì tất cả người dùng đều rõ ràng rằng ba dòng thực sự là một biểu tượng menu và nó không nói với người dùng những gì trong đó.

Ai đã phát minh ra biểu tượng menu Hamburger?

Nhà phát minh đằng sau biểu tượng menu hamburger là một người đàn ông tên Norm Cox. Anh ấy đã tạo ra biểu tượng burger cho Xerox Star, đó là giao diện người dùng đồ họa đầu tiên trên thế giới. Đó là hơn ba thập kỷ trước.

Sau đó, biểu tượng đã làm một hành động biến mất.

Gần đây, chỉ có một biểu tượng menu 3 dòng bắt đầu trở lại, với sự ra đời của các thiết bị di động.

Ví dụ, vào năm 2008, nó đã xuất hiện trong ứng dụng Twitter, Tweetie. Sau đó vào năm 2009, nó đã xuất hiện trong ứng dụng Voice Memos cho iPhone 3GS.

Tôi phải cười thầm với tất cả sự chú ý rằng biểu tượng bánh hamburger nhỏ của Hồi giáo đang trở nên gần đây, chanh Cox nói trong một cuộc phỏng vấn với Xu hướng kinh doanh nhỏ.

Cho đến chín tháng trước, tôi đã nghĩ về việc nhỏ giọt trong sự nghiệp thiết kế của mình xô trong hơn 30 năm!

Chỉ có một vài biểu tượng được xem xét, còn có thêm Cox Cox. Biểu tượng của One One là một mũi tên hướng xuống dưới theo hình tam giác, thể hiện hướng mà menu kết quả sẽ xuất hiện. Chúng tôi quyết định rằng biểu tượng này có xu hướng được giải thích quá thường xuyên như một con trỏ. Chúng tôi đã nghĩ về việc sử dụng dấu hoa thị (*) hoặc biểu tượng dấu cộng (+), nhưng chúng dường như quá trừu tượng.

Cox cho biết hình ảnh bánh hamburger ba dòng hóa ra là vừa phải. Triệu biểu tượng này đơn giản trực quan, dễ giải thích và dễ nhớ về chức năng. Ba dòng là con số hoàn hảo, cộng đồng Cox bổ sung.

Những trang web hoặc ứng dụng nào sử dụng Biểu tượng menu Hamburger khét tiếng này?

Một số tên nổi bật sử dụng biểu tượng bánh hamburger trong ứng dụng của họ bao gồm Gmail, Facebook, Reeder, Twitter và Starbucks.

Và bây giờ các trang web và trình duyệt cũng đã áp dụng biểu tượng menu 3 dòng. Các trình duyệt Chrome và Firefox là một ví dụ về điều này, sử dụng menu ở góc trên cùng bên phải. Menu hamburger ẩn tất cả các tùy chọn, cài đặt và tiện ích mở rộng. Và biểu tượng phát sáng màu cam khi một cái gì đó trong trình duyệt cần được sửa chữa hoặc cập nhật.

Time.com là một ví dụ về một trang web lớn sử dụng menu hamburger - trong trường hợp này ở góc trên bên trái. Khi bạn nhấp vào biểu tượng menu 3 dòng, một slide hiển thị các liên kết nội dung bổ sung sẽ xuất hiện.

Một số chuyên gia chỉ ra rằng các chức năng trong menu hamburger hầu như không được sử dụng.

Trước hết, nhiều người vẫn chưa nhận ra rằng 3 dòng ngang thực sự là một biểu tượng menu, và không chỉ đơn giản là một hình ảnh.

Thứ hai, biểu tượng bánh hamburger làm cho thông tin trong menu ẩn khuất khỏi tầm mắt, mất trí. Trừ khi họ thực sự nhấp vào hoặc chạm vào biểu tượng menu 3 dòng, họ không thấy các lựa chọn ở đó.

Thật vậy, trong trường hợp Time.com, một từ menu Menu phải được thêm vào bên dưới biểu tượng để làm rõ hơn biểu tượng đó là gì.

Tùy thuộc ít hơn vào thực đơn Hamburger

Nhiều nhà phát triển đã bày tỏ sự không hài lòng về biểu tượng bánh hamburger và những thiếu sót của nó.

Một số từ chối sử dụng biểu tượng, mặc dù xu hướng của nó.

Nhưng công ty nổi tiếng nhất đã tạo ra sự thay đổi là Facebook. Để hoàn toàn rõ ràng, Facebook chưa bao giờ công khai tuyên bố rằng họ muốn hoàn toàn thoát khỏi nó. Nhưng Facebook đang đưa ra một số tính năng di động mà trước đây được ẩn đằng sau biểu tượng hamburger.

Bây giờ chúng được hiển thị trong một thanh ngang ở dưới cùng của màn hình, được gọi là thanh tab.

Thanh tab dưới cùng chiếm nhiều hơn một chút bất động sản trên màn hình, nhưng nó làm cho các chức năng nhất định rõ ràng hơn.

Chúng tôi đã nói chuyện với Mrinal Desai, CEO và đồng sáng lập của Addappt. Anh ta cũng đứng sau Crossloop, một ứng dụng công nghệ từ xa được nhiều người ủng hộ, cuối cùng đã được bán cho AVG Anti-Virus.

Trình đơn hamburger thực sự không dành cho các thiết lập, theo ông Desai, nói về xu hướng kinh doanh nhỏ. Hầu như nó giống như một ‘nhiều hơn hoặc người ta thậm chí có thể nghĩ về nó như là một thay thế cho thanh tab Tab. Rất hiếm khi thấy cả hai nhưng chúng tôi tại Addappt đã khám phá điều đó với một nguyên mẫu nhưng cuối cùng đã chọn đi theo con đường thanh tab Tab.

Những quyết định này thường phụ thuộc vào mục tiêu của ứng dụng. Biểu tượng bánh hamburger có xu hướng giảm các chức năng trong khi thanh tab làm cho chúng rõ ràng hơn, Desai thêm vào.

Người tạo biểu tượng Hamburger có được từ cuối cùng

Vì vậy, bạn nên sử dụng một biểu tượng menu hamburger trong trang web, chủ đề di động hoặc ứng dụng của riêng bạn?

Nhà phát triển ban đầu của biểu tượng sẽ nhận được từ cuối cùng, chúng tôi nghĩ.

Cox Biểu tượng tuổi thọ lâu dài (từ những năm 1980) là một minh chứng cho sự đơn giản, tiện ích, khả năng học hỏi và khả năng ghi nhớ của nó, theo ông Cox, khi được hỏi về các lời kêu gọi tiêu diệt biểu tượng bánh hamburger.

Để tìm cách ‘giết chết hoặc‘hủy bỏ một công cụ hoặc tiện ích UI dựa trên việc sử dụng hoặc thực hiện kém là cả một chút thiển cận và phản ứng quá mức.

Hamburger, Hình ảnh biểu tượng màu đỏ thông qua Shutterstock

Xem thêm trong: Những điều bạn chưa biết, 3 Bình luận là gì