Mamy urządzenia mobilne oraz ich projektantów i programistów, którzy dziękują za menu hamburgerów i jego rosnącą popularność. Teraz jednak coraz więcej witryn na komputery stacjonarne przyjmuje takie rozwiązanie do projektowania i nawigacji.

Ze względu na mniejsze ekrany urządzeń mobilnych przestrzeń ekranu jest na wagę złota. Projektanci muszą priorytetowo traktować, które wybory projektowe mają pierwszeństwo przed innymi. Muszą też być mądrzy, jeśli chodzi o wykorzystanie w pełni mniejszej przestrzeni. Menu hamburgera wyświetla jedynie nagłówki nawigacyjne i selekcje, gdy użytkownicy aktywnie klikają symbol. W przeciwnym razie jest to dyskretna, prawie niewidoczna ikona, zwykle umieszczona w lewym górnym rogu witryny mobilnej lub pulpitu.

Powiedzenie, że jest to uosobienie minimalizmu, jest niedopowiedzeniem. Ponieważ zapewnia najwyższą funkcjonalność, a jednocześnie pozostaje na uboczu, jest wykorzystywany przez coraz większą liczbę projektantów.

Minimalizm hamburgera

Jednym z najbardziej trwałych trendów w projektowaniu ostatnich lat jest minimalizm ze względu na skupienie się na czystej, prostej i łatwej w obsłudze estetyce. Nie jest więc niespodzianką, że menu hamburgerów jest popularne, ponieważ promują minimalizm na każdej stronie, zarówno pod względem wzornictwa, jak i funkcji.

001

Projektant Brian Hoff rozumie to dobrze na swojej stronie. Zwróć uwagę na ukryte menu w górnej prawej części strony głównej. Jest czysty i prosty z punktu widzenia projektu, ponieważ siedzi niezauważalnie, dopóki użytkownik nie zdecyduje, że chce się poruszać i klika, aby otworzyć opcje nawigacji. Jednak z punktu widzenia funkcji jest to również nauka w minimalizmie, ponieważ wystarczy, aby wejść z nią w interakcję, aby użytkownik najechał kursorem na ikonę i kliknął ją. Następnie z prawej strony ekranu pojawia się menu rozwijane z kilkoma opcjami nawigacyjnymi. Bułka z masłem!

Oczywiście, to również wpływa na wygodę użytkownika, ponieważ każdy, kto próbuje nawigować po stronie Briana, z przyjemnością skorzysta z tego minimalistycznego ukrytego menu niż z menu, które jest zuchwałe i olbrzymie, które odciągałoby od łatwej nawigacji i przytłaczało zbyt wieloma opcjami .

Ostrość hamburgera

Projektowanie stron internetowych polega na układaniu elementów i podkreślaniu niektórych z nich w celu ustalenia priorytetów dotyczących absorpcji informacji przez odwiedzających. Jest to część tego, jak działa architektura informacji: jeśli chcesz, aby odwiedzający zrozumieli, o czym jest Twoja witryna od momentu, w którym ją zobaczą, zaprojektuj, aby zwrócić uwagę na jej treść lub wartość, jednocześnie zmniejszając znaczenie innych elementy.

002

eWebDesign rozumie to i odpowiednio zaprojektował swoją stronę. Zwróć uwagę, że ukryte menu jest bardzo dyskretne w prawym górnym rogu strony głównej. Nie jest nawet lepki, więc przewijanie sprawi, że zniknie. Ta dyskretna obecność ukrytego menu oznacza, że ​​uwagę odwiedzającego natychmiast przyciąga wyjątkowa propozycja wartości witryny, która polega na tym, że subskrybenci jego bloga otrzymują wiadomości internetowe prosto od ekspertów branżowych. To również bezproblemowo przechwytuje przycisk wezwania do działania "zapisz się" tuż pod propozycją.

Jeśli menu zostało ułożone tradycyjnie - w formie poziomego menu nawigacyjnego powyżej tego zdania - szanse na to, że odwiedzający zostaną natychmiast odwrócili uwagę od niezliczonej ilości rzeczy do kliknięcia! To miałoby szkodliwy wpływ na liczbę osób zapisujących się na stronie.

Kreatywne rozwiązywanie problemów

Każda zbudowana strona napotyka na duży problem od samego początku: w jaki sposób projektant planuje rzeczy tak, aby strona była zarówno funkcjonalna, jak i atrakcyjna estetycznie? Pierwszeństwo nawigacji od samego początku - zarówno pod względem wygody użytkowania, jak i użyteczności - jest kluczowe.

Menu hamburgerów pozwala twórczym i praktycznym projektantom znaleźć rozwiązania nawigacyjne, które spełniają zarówno funkcję, jak i piękno. Czasami rozwiązanie nie jest tym, czego naprawdę można się spodziewać, a odwiedzający zdają się być zachwyceni układem nawigacji, który zachwyca ich czymś, co rzadko lub nigdy wcześniej nie widzieli.

003

Przykład: studio cyfrowe Jesteśmy imperium z Manchesteru. Jego strona internetowa opiera się w dużej mierze na takich pojęciach, jak biała przestrzeń, ogromne obrazy i czystość, a to tylko drapie powierzchnię. Kiedy użytkownicy klikają ukryte menu - ponownie, dyskretnie umieszczane w prawym górnym rogu strony głównej - są absolutnie zachwyceni kreatywnym rozwiązaniem funkcjonalnej nawigacji.

Gdy tylko menu hamburgera zostanie kliknięte, z żadnej strony nie pojawi się menu wyskakujące. Zamiast tego cały ekran przełącza się do menu nawigacji, które pojawia się samo na całym ekranie; zmiana koloru z białego na różowy wzmacnia tę zmianę. Stamtąd użytkownicy mogą znaleźć dokładnie to, czego chcą na stronie.

Prosta komunikacja

Celem każdej witryny jest zapewnienie odwiedzającym korzystania z witryny z łatwością i efektywnością od momentu jej rozpoczęcia. Jednym z najpotężniejszych sposobów na to jest dzięki afordancjom, które przekazują odwiedzającym informacje na temat różnych elementów strony i sposobów ich wykorzystania.

Przystępność w strukturze używa znajomości, aby natychmiast poinformować odwiedzających o tym, na przykład, jakiej ikony można użyć. Ergo, afordancja szybko informuje odwiedzającego, jak mogą wchodzić w interakcję z ikoną, aby uzyskać pożądany efekt.

Menu hamburgerów stało się prawie wszechobecny na urządzeniach mobilnych w ostatnich latach. W związku z tym można bezpiecznie założyć, że wielu użytkowników go zna: jak wygląda, jak może go używać (dotykając go, aby otworzyć menu), a nawet tam, gdzie na ekranie zwykle można go znaleźć. Jego obecność na dowolnej stronie internetowej zapewnia natychmiastową komunikację na temat nawigacji po tej witrynie.

004

Cyfrowa agencja reklamowa Xander pokazuje to na swojej stronie internetowej. Mimo że strona główna jest niemal tak ekstremalna, jak w swoim minimalizmie - zauważ, że nieobecność czegokolwiek, co przyciąga wzrok powyżej zakładki - użytkownicy mogą od razu wyszukać ukryte menu i znaleźć je w prawym górnym rogu, w zwykłym miejscu . To posłuszeństwo wzoru eliminuje zamieszanie z punktu widzenia użytkowników i umożliwia im natychmiastowe znalezienie tego, czego szukają na stronie.

Nie tylko moda

Nawet teraz, pomimo wszechobecności menu hamburgerów, wciąż przyciąga krytykę ze strony niektórych kręgów. Jego szerokie zastosowanie w wielu witrynach, zarówno mobilnych, jak i stacjonarnych, wskazuje, że jest na nie popyt, ale wątpliwości pozostają.

W tym momencie jest bardziej niż oczywiste, że menu hamburgerów jest stałym elementem na wielu stronach internetowych, zarówno małych, jak i dużych. To więcej niż przejściowa moda, ponieważ projektanci rozumieją, że skutecznie, elegancko i łatwo rozwiązuje problemy nawigacyjne. I właśnie dlatego to podejście do menu nawigacyjnego jest teraz mocno zakorzenione w naszych zwyczajach przeglądania sieci.