Pernahkan teman-teman menjumpai gambar atau icon 3 baris bar yang bertumpuk pada saat membuka sebuah aplikasi, mungkin itu di web browser atau bahkan di aplikasi mobile android dan IOS. Biasanya disana terdapat menu atau pilihan tambahan, dari sebuah fitur aplikasi tersebut. Artikel ini akan membahas seputar asal-usul 3 baris bar tersebut,
Hamburger Icon, itu sudah merupakan sesuatu yang paling mendasar dan penting dalam sebuah website dan aplikasi mobile.
Penciptanya adalah Norm Cox untuk perusahaan Xerox Star.
Berikut kita bisa lihat pada gambar dibawah ini:
hamburger-icon.gif
“Its graphic design was meant to be very “road sign” simple, functionally memorable, and mimic the look of the resulting displayed menu list. With so few pixels to work with, it had to be very distinct, yet simple. I think we only had 16×16 pixels to render the image. (or possibly 13×13… can’t remember exactly).”
Setelah Xerox Star, sempat menghilang beberapa saat, namun kemudian dipopulerkan kembali.
Semakin berkembangnya perangkat mobile yang pada saat itu berada diukuran 4inci, membuat para designer berpikir keras bagaimana membuat sebuah desain aplikasi yang minim ukuran namun tetap terlihat jelas dan tentunya secara estetika tertap terliaht menarik.
Tidak begitu pasti aplikasi apa yang kali pertama menggunakan Hamburger Icon, namun disini ada beberapa aplikasi yang terlihat menggunakan icon tersebut diantaranya, sebagai berikut:
Voice Memos dari IOS
Pertama kali terlihat pada aplikasi Voice Memos yang terdapat pada IOS, yang terdapat pada iPhone 3Gs. Ketika tombol ditekan pada aplikasi tersebut, maka akan memunculkan pilihan disana terlihat ditampilkannya beberapa catatan hasil rekaman.
Voice Memos on IOS iPhone 3Gs
Facebook menjadikannya sebuah trend tersendiri.
Facebook on IOS
Tampak terlihat pada tampilan aplikasi Facebook, disana terlihat ada icon berupa grid yang pada saat kemunculannya sekitar tahun 2008, kemudian sedikit perlahan berubah hingga saat ini menjadi 3 bar yang saling bertumpuk. Hal ini dilihat oleh Apple sebagai penggunaan icon yang tepat, mengingat ukuran layar yang begitu kecil. Penggunaan icon ini kemudian banyak diikuti oleh para designer aplikasi dan bahkan hingga web.
Slide
Untuk saat ini desain Hamburger Icon ini tidak dapat terpisahkan dari kalangan UI/UIX. Ada yang pro dan kontra dari segi desain, namun sekali lagi icon ini merupakan sesuatu yang harus dan pokok dalam mendesain sebuah aplikasi dan untuk saat ini belum tergantikan.