Эволюция дизайна

Иконка гамбургера была придумана дизайнером Norm Cox для интерфейса компьютера Xerox Star в 1981 году. Там она открывала контекстное меню.

Вдогонку, если вдруг у кого-то есть время почитать подробности исследований.

Но было бы интересно посмотреть, как выкрутится Стив Джобс, если бы в массы пошла эта раскладка!

Каждая из них прошла массу экспериментов на людях, при этом во внимание брали два объективных показателя - скорость набора номера и количество допущенных ошибок, и один субъективный - “нравится / не нравится”.

Выяснилось, что между субъективными предпочтениями и скоростью набора номера нет никакой корреляции, то есть, люди думали что им будет удобна одна раскладка, но номер набирали быстрее на других. При этом, половина пользователей меняли свои предпочтения после того, как пробовали в деле разные раскладки - надо же, юзеры и 70 лет назад тоже не знали, чего они хотят!

Разница в скорости и количестве ошибок между разными раскладками оказалось незначительной, но тем не менее из 16 раскладок 5 показали лучшие результаты. Любопытно, что среди них не было существовавшей уже тогда раскладки калькулятора - она оказалась чуть медленнее других.

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

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

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

Вот такие варианты раскладки для первых кнопочных телефонов перебирала компания Bell в 1950-х годах.

Самый желтый ebay.com, который я смог найти - из 2005 года!

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

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

Было решено поступить таким образом: написали скрипт, который каждый день немного обелял желтый цвет на страницах. Через несколько месяцев желтый цвет на Ebay правратился в белый, и ни один юзер не пожаловался.

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

—-

А теперь дисклеймер: историю про редизайн Ebay я слышал неоднократно в лекциях и встречал в статьях, но сегодня стало интересно посмотреть как происходил процесс вживую, через Wayback Machine http://archive.org/web/ . И мне не удалось обнаружить тот период, во время которого происходила плавная трансформация от желтого к белому. Может быть, это происходило где-то на внутренних страницах (их мало в архиве), но на главной странице я наблюдал только уверенный переход от кошмарного дизайна к чуть менее кошмарному.

Самое ранее упоминание об этой истории есть в статье от 7 августа 2006 года https://articles.uie.com/deathofrelaunch/ . Ее автор, Jared M. Spool, уважаемый специалист, но в статье, опять же, нет никаких картинок и детального описания.

Зато про другую историю - про лягушку в кипятке - можно с полной уверенностью утверждать, что это басня. https://en.wikipedia.org/wiki/Boiling_frog
Википедия врать не будет!