телефон в виде гамбургера

В США входят в моду телефоны в виде гамбургера

0 77 7716 1202292917

Компании Apple и Sony давно знают, что product placement (ненавязчивое размещение рекламы в кино) приносит неплохой доход. Последним примером оригинального использования данной технологии является телефон в виде гамбургера в картине о подростковой беременности “Джуно”, сообщает Register Hardware.

Онлайн-статистика, появившаяся на сайте интернет-аукциона eBay, говорит о том, что продажи ретротелефона после премьеры фильма увеличились аж на 759%. Средняя цена стационарного аппарата на eBay составляет около 15 долларов.

Несмотря на то, что телефон данной модели появился много лет назад, ажиотаж вокруг него не спадает, а многие компании умудряются нажиться на резко возросшем спросе. Расположенный в Гонконге интернет-магазин Cellphonefocus.com уже объявил о начале продаж телефона в виде гамбургера, а также – в виде картошки фри.

Студия Fox Searchlight, снявшая “Джуно”, не стала комментировать неожиданную популярность телефона-гамбургера, однако, согласно слухам, во время промо-кампании, посвященной выходу картины, Fox раздавала зрителям подобные аппараты в качестве сувениров. Определенно, цена телефона в розничной продаже в скором времени возрастет минимум в два раза.

Между тем, популярность электронного гамбургера обусловлена популярностью самого фильма “Джуно”. Картине удалось заработать в прокате США 78 млн долларов, а также получить четыре номинации на самую престижную премию в области кинематографа “Оскар” – картина претендует на почетную награду в категории “лучший фильм”, “лучший режиссер” (Джеймон Рейтман), “лучшая исполнительница женской роли (Эллен Пейлд), а также лучший сценарий.

Источник

5 альтернатив меню-«гамбургеру» на смартфонах и кейсы их применения Статьи редакции

Дизайнер Золтан Коллин опубликовал в своём блоге на Medium материал, в котором предложил пять альтернатив меню-«гамбургеру» для организации навигации в мобильном приложении. Редакция vc.ru публикует адаптированный перевод заметки.

«Если вы работаете над цифровыми продуктами, то наверняка прочли десятки статей о том, как и почему меню-«гамбургер» вредит пользовательскому опыту на мобильных устройствах из-за его непонятности и неэффективности. Всё больше и больше проектов экспериментируют с альтернативными вариантами представления меню», — пишет Золтан Коллин.

Дизайнер отмечает, что ни одна из перечисленных в материале альтернатив не является заведомо более удобной и эффективной, чем другие — все они подойдут для различных ситуаций.

1. Вкладки

Как замечает Коллин, вкладки могут оказаться удобным решением, если в мобильном приложении есть несколько основных разделов, а пользователи должны получить возможность быстро переключаться между этими разделами.

bb63695472d11e

Разработчикам часто кажется, продолжает Коллин, что вкладки — один из простейших навигационных шаблонов. Но и при создании такого меню стоит придерживаться нескольких правил:

65efd7a4946e51

2. Вкладки с вариантом «Другое»

Если в приложении больше пяти основных разделов, Коллин предлагает использовать модифицированный вариант первого типа меню — вкладки с вариантом «Другое». При этом разработчик сможет разместить на панели четыре наиболее приоритетных раздела, а остальные — спрятать в дополнительную вкладку.

1601c674b220df

Основные дизайн-принципы, говорит автор заметки, остаются теми же. Вкладка «Другое» может открывать выпадающий список с остальными разделами или на навигационную страницу.

83b301d86f33bc

«Кажется, что такой вариант не лучше, чем меню-«гамбургер», однако если подобрать вкладки таким образом, чтобы почти вся необходимая пользователю информация находилась в первых четырёх разделах, UX почти не пострадает», — объясняет Коллин.

90cf69c1df6d46

3. Разворачивающееся меню

Вариация вкладок с разделом «Другое» — меню, которое адаптируется под размер экрана и показывает различное количество вкладок на каждом разрешении. Те вкладки, которые не помещаются на экране, оказываются в разделе «Другое».

91a9906edcc8f0

По мнению автора материала, гибкость делает этот шаблон более удобным и приятным для пользователя, чем вариант вкладок с дополнительным разделом.

edc4e9fcc16bdf

4. Прокручивающееся меню

«Если у вас есть несколько разделов, а выделить среди них основные не получается, использовать вкладки с дополнительным разделом может оказаться неэффективным решением. Тогда можно перечислить в меню все элементы и сделать панель прокручивающейся», — пишет Коллин.

a0edcb28a3c7dc

Недостатком этого решения, замечает дизайнер, является то, что изначально пользователю всё равно видна только часть вкладок, а чтобы просмотреть остальные, нужно прокрутить меню. Однако если пользователи находятся в приложении интернет-магазина, где на панели перечислены категории товаров, или в новостном приложении с вкладками-категориями, это не станет проблемой.

При этом дизайнерам следует убедиться, что пользователям ясно, как применять прокрутку — и установить визуальные подсказки. Например, применить эффект «выцветания» для последнего элемента.

114b4320a78c27

3c6cb8657faf93

5. Выпадающее меню

По словам дизайнера, существует интересный, но не самый распространённый шаблон, который применяют, когда видимость и доступность разделов не имеет существенного значения, — выпадающее меню.

1a771e2372fed2

Такое меню служит заголовком страницы, на которой находится пользователь. В то же время стрелка рядом со словом даёт владельцу смартфона понять, что есть и другие разделы, на которые он может переключиться. И хотя варианты скрыты, пользователю ясно, что они либо аналогичны по важности открытому, либо являются его подразделами.

3574885333843e

912ae35c5c257a

Иногда, замечает Коллин, хорошим решением может стать и меню-«гамбургер». По словам дизайнера, этот шаблон не рекомендуется использовать при проектировании основного меню, но он может пригодиться для вторичных навигационных функций. Также «гамбургер» можно использовать, когда все основные действия пользователь совершает на главном экране — например, как в приложении Uber.

Источник

Популярные виды бургеров

Бургеры – блюдо № 1 в кухне фастфуда. Классический перекус состоит из разрезанной пополам булочки, котлеты, овощей и соуса. Однако существуют и другие разновидности бургеров. Главное отличие между ними заключается в начинке.

Гамбургер – самый известный и популярный вид бургера. Традиционно блюдо включает:

В каждом ресторане используется своя интерпретация рецепта. Отличия чаще всего касаются заправки и овощей. Так, одни заведения смешивают кетчуп и горчицу, другие используют лишь один из компонентов. Выбор овощей также вариативен. Чаще всего встречаются такие комбинации, как лук и огурчик или помидор и салат.

532869931

Классический американский бургер имеет более строгую рецептуру, чем гамбургер. Блюдо включает:

Это интересно. Цена самого дорогого бургера с мраморной говядиной достигает 1000 долларов.

604655519

Чизбургер – второй по популярности вид бургера. Название блюда происходит от английского «cheese». Чизбургер имеет тот же состав, что и гамбургер, но содержит ещё один обязательный ингредиент – ломтик сыра. Как правило, используют полумягкие сорта, которые слегка плавятся при контакте с жареной котлетой. Наиболее популярен американский рецепт с сыром чеддер. Однако встречаются и вариации с сыром дорблю, фета, гауда, пеппер. Возможно использование плавленых и копченых сыров.

1053796058

Черный гамбургер или чизбургер подается во многих ресторанах Японии. Блюдо интересно своим цветом. Все ингредиенты, включая булочку, мясо, овощи и сыр, окрашены в черный. Добиться эффекта позволяют чернила каракатицы или активированный уголь.

333977423

В чикенбургере говядина заменяется на куриное мясо: котлету, наггетсы или филе. Остальные ингредиенты совпадают с составом гамбургера: булочка, овощи, соус. В блюдо также может включаться сыр, ананасы.

1029888517

В этом перекусе мясо заменяется на рыбу в любом исполнении. Популярны котлеты, жареное филе или паштет. Блюдо также содержит булочки, овощи и соус. Кроме того, в состав может входить сыр и омлет.

549443638

Рассказать в одной статье, какие бывают бургеры, невозможно. Ведь блюдо считается международным и имеет сотни рецептов. Так, в Австралии можно полакомиться бургером из кенгуру или страуса, а в Марокко – из верблюда. Мы представили вам наиболее популярные исполнения с красочными фото.

Источник

Happy Birthday mr. Burger: самое интересное о гамбургере в его день рождения

27 июля во всем мире празднуют неофициальный, но от того не менее популярный день рождения гамбургера. Согласно одной из многочисленных легенд, окружающих любое культовое изобретение, первый в истории гамбургер был продан 27 июля 1900 года Луи Лессингом. Портал Москва 24 решил отпраздновать этот день не только обедом: вспоминаем необычные рецепты и факты из истории самого популярного в мире фастфуда.

nBkSUhL2hFAvnsm Lr6BvMKnxdDs9Zu zibGnuWR9mOBdDebBizCnTY8qdJf6ReJ58vU9meMMok3Ee2nhSR6ISeO9G1N wjJ=mVihQo4dasndWoI5yGO2aw

На авторство незамысловатого блюда, которым можно заменить полноценный обед и перекусить по дороге, претендуют десятки кулинаров и «изобретателей» со всего света. По самой распространенной версии, автором первого гамбургера был датский эмигрант Луи Лессинг, владевший в то время собственным рестораном в Коннектикуте. Именно он в 1900 году придумал поместить круглую мясную котлету между двух булочек той же формы и дать новому блюду имя, ставшее впоследствии одним из синонимов фастфуда.
Правда, само слово «гамбургер» появилось в меню заведений общепита задолго до того, еще в XIX веке. В США, Германии и даже на лайнерах, следовавших из Старого света в Новый, подавали как мясные котлеты, так и своеобразные сэндвичи с тем же названием. Почему именно за ними закрепилось имя второго по величине города Германии, до сих пор достоверно неизвестно.

Самым главным «промоутером» американского изобретения стал ресторан, первое отделение которого было открыто в 1940 году братьями Ричардом и Морисом Макдоналдами. Придуманная ими в 1948 году система быстрого обслуживания легла в основу современных ресторанов фастфуда. Успех их сети позволил занять «Макдоналдсу» второе место по количеству ресторанов во всем мире (первое место занимает сеть Subway).

Сегодня гамбургеры можно купить где угодно – от простых забегаловок и самых разных заведений быстрого питания до традиционных американских дайнеров и изысканных ресторанов. Причем в традиционных американских ресторанах, в отличие от предприятий фастфуда, при заказе можно регулировать степень прожарки котлеты.

Кое-что новенькое

nBkSUhL2hFAvnsm J76BvMKnxdDs9Zu zibGnuWR9mOBdDebBizCnTY8qdJf6ReJ58vU9meMMok3Ee2nhSR6ISeO9G1N wjJ=bhB7FrzfERXg kGgnpyhUg

В сети ресторанов Wendy’s котлеты для гамбургеров выглядят совсем нетрадиционно – они имеют квадратную форму.

Один из самых популярных гамбургеров в мире – «Биг Мак». Ежегодно только в Соединенных Штатах их продают больше полумиллиарда.

В последнее время все большую популярность получают «альтернативные» виды гамбургера – вегетарианский, тофу бургер и другие сэндвичи, где мясо заменено другими ингредиентами.

В канадской провинции Альберта подают особый вид блюда – кьюби бургер с колбасой.

В Японии был придуман рамен бургер, в котором вместо традиционной булочки используется лапша рамен. Там же делают и бургеры с булочкой из риса, и даже готовят отдельный вид премиум-гамбургеров с особым мясом коров, которых кормят пивом и ежедневно массируют.

В Мексике блюдо называют «гамбургесас» и подают с ветчиной, сыром, авокадо и халапеньо. А в составе гавайского гамбургера есть кусочки ананаса.

Самым большим стал чизбургер с беконом, изготовленный в 2012 году в штате Миннесота: он весил 914 килограммов. А если вы хотите заказать что-то побольше сегодня, то отправляйтесь в ресторан Mallie’s Sports Grill & Bar в Мичигане. Там можно найти гамбургер, который стоит 499 долларов, весит почти 85 килограммов и готовится в течение 12 часов.

nBkSUhL2hFAvnsm Jb6BvMKnxdDs9Zu zibGnuWR9mOBdDebBizCnTY8qdJf6ReJ58vU9meMMok3Ee2nhSR6ISeO9G1N wjJ=aQsrcUzKKRopAx

В Лас-Вегасе существует заведение под названием Heart attack grill. Там промоутеры не скрывают того, что их еда не является здоровой и при регулярном потреблении с большой вероятностью приведет к сердечному приступу. Там даже бесплатно кормят людей, весящих больше 160 килограммов. Вес стандартного гамбургера из их ресторана – почти килограмм, а энергетическая ценность – восемь тысяч калорий.

Первый в мире черный гамбургер был приготовлен в Японии рестораном Burger King. И сыр, и специальный соус также были черного цвета – для этого использовали чернила каракатицы. Там же продавали и красный бургер с томатным порошком, соусом из мисо и острого перца. Еще один их сумасшедший бургер – «Ладена» – с одной тысячей ломтиков сыра.

По уровню экстравагантности от Burger King не отстает и другая известная сеть – KFC. Там придумали «самый мясной» бургер, заменив булочки куриными котлетами в панировке из сухарей.

Fat & Furious Burger – компания двух французских дизайнеров, производящих, пожалуй, самые высокохудожественные бургеры в мире. Представленные на их сайте гамбургеры – настоящие произведения искусства. В их меню есть такие неординарные названия: «Вампирбургер», «Травабургер», «Герлбургер», «Нил Армстронг-бургер», «Мария Антуанетта-бургер» с креветками, фисташками и имбирным кремом. Гвоздь меню – «Бургер Джеймса Бонда» с икрой, перепелиными яйцами, осьминогом и. золотом.

Источник

Почему стоит избегать гамбургерных меню и как это сделать?

Все прекрасно знают о слабых местах этого паттерна, но какое может быть решение?

1*AH2bDAFyVibZqg2o

(Мы продолжаем переводить цикл статей по UX/UI. Полную подборку можно найти в коллекции « Дизайн навигации»)

На сегодняшний день мы располагаем информацией, что боковые меню — так называемые “гамбургерные” меню — вероятно приносят больше вреда, чем пользы.

Вот несколько статей на эту тему:

Имейте в виду, что в этом вопросе много нюансов. Я наблюдал обозначенные в этой статье проблемы в ходе пользовательских тестирований, а кто-то испытывал их на практике.

Я просто прошу вас изучить проблемы и решения, чтобы, отдавая предпочтение этому паттерну, вы были в курсе всех возможных последствий.

Интересуетесь свежими статьями по дизайну? Вступайте в группу на Facebook.

Проблемы гамбургерного меню:

Низкая обнаруживаемость

По умолчанию боковое меню и все его содержимое скрыты.

То есть люди сначала должны обнаружить, что под кнопкой-гамбургером скрываются какие-то функции. Иногда компании добавляют к этой кнопке надпись или тултип “меню”. Это естественно и даже необходимо — ведь человек не будет искать скрытые возможности, если основные функции уже представлены на главном экране.

Малая эффективность

Даже если люди знают и любят эту функцию, факт остается фактом: такой паттерн нарушает плавность навигации, вынуждая пользователя сначала открыть меню и только получить доступ к интересующей его функции.

Ниже вы видите яркий пример того, насколько мгновенной может быть навигация, когда все навигационные элементы расположены на виду.

1*ajjVmoUpN8bzurZdhCzkSg

Конфликт с навигационными паттернами платформы

Однако самой важной проблемой является то, что на некоторых платформах (вроде iOS) не получится реализовать гамбургерное меню без конфликта со стандартным паттерном навигации.

Самая левая кнопка навигационной панели отводится под гамбургерное меню, но нам нужно дать пользователю возможность вернуться назад. Дизайнеры либо перегружают панель навигации как показано выше — не оставляя места даже для заголовка страницы, либо заставляют пользователей пробираться через несколько экранов, чтобы открыть меню:

1*wq IWM3CsieuNvreSXdA A

Малопонятно с первого взгляда

1*H8FICdtVl Llgtk7Nr7raQ

Вам будет сложнее предоставить пользователю информацию о конкретном элементе, если он будет виден, только когда пользователь открывает меню в поисках другого элемента.

Можно сделать как в приложении Jawbone Up: показывать иконку, отражающую суть уведомления рядом с кнопкой бокового меню.

0*MOycbsFQh444E2zc

Этот подход не очень хорошо масштабируется, так как связан с созданием большого количества специальных иконок, а вам, как дизайнеру, иногда придется пользоваться стандартными иконками, несущими в себе меньше смысла.

А вот противоположный пример — панель вкладок Твиттера, которая показывает пользователю контекст уведомления и дает возможность сразу перейти на соответствующий экран.

1*vi5D0 FGyF973yD0jmAU1Q

Осознание проблемы

Может показаться, что вы обязаны делать все это, чтобы сэкономить побольше экранного пространства, но мы зачастую неправильно понимаем, что люди видят на самом деле. Вам может казаться, что люди видят все, что у них перед глазами, а на деле у нас у всех есть некая зона концентрации, даже если размер экрана минимален (1).

Поэтому вопрос экономии экранного пространства может быть решен без нанесения ущерба навигации — и в соответствии с базовыми принципами HCI (человеко-компьютерного взаимодействия), которые требуют от нас предоставления обратной связи и отображения состояния приложения.

На заметку: возможно вам нужно освежить свое понимание принципов HCI — я почти уверен, что это поможет избежать множества дизайнерских ошибок, которые делают люди с визуальным подходом к дизайну.

Решение

1*E5d r23YMfnEpYacr92onA

Мы много говорили о проблеме, но решение до сих пор не ясно.

Когда можно использовать гамбургерное меню?

В некоторых очень редких случаях этот паттерн действительно оправдан, но в общем и целом стоит избегать его использования.

IRCCloud — пример оправданного (в какой-то мере) использования кнопки-гамбургера: с ее помощью осуществляется навигация между каналами и участниками каналов.

Это приемлемо, так как у основного экрана нет никаких дочерних экранов, которым нужна иерархическая навигация; все содержимое представлено в модальном виде.

Но даже в этом случае видно, что интерфейс перегружен, а информационная архитектура требует пересмотра.

Боковое меню, отображающее участников каналов (справа), занимает место action-кнопки, под которой могли бы скрываться все действия, имеющие отношение к каналам. Вместо этого, дизайнерам пришлось смешать все возможные действия (имеющие отношение к каналам, сети и аккаунту) в одно action-меню:

1*fVW9A8PLreZhBWusB2RVig

Это плавно подводит нас к следующему разделу статьи:

Чем заменить кнопку-гамбургер?

Паттерн бокового меню влечет за собой плохую информационную архитектуру: кнопка-гамбургер представляет собой еще один элемент интерфейса, в котором не просматривается никакая последовательность действий — до тех пор, пока люди им не воспользуются.

“Решение — в обновлении информационной архитектуры”.

1*n7KI1XFih S4pB Bv6hrCg

На рисунках выше приведен пример того, как можно избежать бокового меню. Цветные точки помогут вам отследить, как были реорганизованы элементы интерфейса.

В дополнение к тому, что мы решили основные проблемы, мы можем выиграть немного вертикального пространства, если спрячем панель навигации приложения при скроллинге вниз (см. пример Facebook, но это также используется и в Safari). Панель вкладок остается на своем месте, что позволяет нам пользоваться навигацией, даже когда панель навигации приложения спрятана.

Если у вас минималистическое настроение, возможно, будет достаточно и панели инструментов. Суть в том, чтобы вынести на видное место навигацию, дать прямой доступ к функциям, избежать конфликта между жестами навигации и отобразить оповещения на тех иконках, к которым они относятся.

[ Обновление] В случае с веб-сайтами, вам также стоит пересмотреть информационную архитектуру, но вместо использования этих iOS-паттернов рекомендую отображать навигацию сверху, в виде списка: пример. Если будет очевидно, что это навигация сайта, люди обязательно проскролят дальше и сразу увидят все остальные доступные варианты.

0*MOycbsFQh444E2zc

Кроме того, возвращаясь к теме веб-сайтов на мобильных устройствах: не забудьте убрать 300-милисекундную задержку нажатия при помощи этих советов или с использованием сенсорных событий.

Как это все масштабируется?

Я здесь привожу примеры iOS интерфейсов — лучшим решением на них является использование панели со вкладками или инструментами.

Но что, если на вашей панели вкладок больше 5 элементов?

В таких ситуациях первое, что вам нужно сделать, — это все-таки пересмотреть информационную архитектуру приложения. Но если все-таки приходится выйти за пределы пяти вкладок, обычно применяется такой метод: последняя вкладка дает доступ к списку оставшихся опций.

1*U5Kkd6ICmmFBflEXOkMfgA

Можете также реализовать прокручиваемую панель инструментов, как у Rookie. Это позволит вам избежать проблем гамбургерного меню ценой чуть более высокой сложности навигации с большей вероятностью ошибки (в силу того, что приложению придется различать нажатия и прокручивания инструментов).

Имейте в виду, что второе решение больше подходит для списка действий, нежели для элементов навигации.

Такая реализация сталкивается другой проблемой: после прокрутки панель инструментов остается в неопределенном состоянии. Rookie прячут панель после того, как пользователь выбирает одно из действий — обрезать, повернуть и т.п. Таким образом, неопределенное состояние панели “обнуляется”, и при повторном открытии она отображается в изначальном состоянии.

Заключение

Итак, вы прочитали статью о проблемах паттерна боковой панели и о их решении в рамках iOS, которые были заложены в систему с самого начала.

Надеюсь, статья была вам полезна и понятна. Если у вас есть комментарии, пишите мне в Твиттер.

[ Обновление] Фидбэк по этой статье был невероятным! Более 24 тысяч читателей и, что еще важнее, классные обсуждения в Твиттере. Я сделал подборку клевых твитов на Storify. Кажется, что тема гамбургерного меню остается открытой в контексте Андроида, а особенно в части навигационных паттернов для Веб.

Другие статьи и твиты на эту тему:

Если вам понравилась статья и перевод, дайте нам знать — нажмите кнопку Recommend

А если у вас есть на примете какая-нибудь классная статья по UX и не только — скиньте нам ссылку, и мы будем рады над ней поработать.

Мобильное приложение «Заметки о психике» | Mental Notes

Подкидывает идеи, как привлечь, удержать и направить внимание пользователя.

Mental notes — это колода из 53 карточек с описанием психофизиологических моделей поведения людей, которые лежат в основе принципов веб-дизайна. Они помогают дизайнерам, проектировщикам лучше понять поведение пользователей и найти эффективные решения при создании дизайна интерфейсов.

Источник

Поделиться с друзьями
admin
Adblock
detector