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

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

Археологическими раскопками заведую я, Рома @Schreibikus
Advertising
We recommend to visit
Mash
Mash
3,141,150 @mash

Прислать новость, фото, видео, аудио, бересту: @in_mash_bot

Покупка рекламы: @marina_mousse

Помахаться и обсудить новости: @mash_chat

Регистрация в перечне РКН:
https://knd.gov.ru/license?id=6726d0b5db0c1931b12fc77f&registryType=bloggersPermission

Last updated 5 hours ago

Из России с любовью и улыбкой :)

From Russia with love and a smile :)

Chat - @ShutkaUm

@Shutka_U

Last updated 2 months, 1 week ago

Быстрее и интереснее всех про IT, диджитал и медиа.

Сотрудничество: @denmins

№ 4958286262

Last updated 1 week, 6 days ago

6 years, 7 months ago
Иконка гамбургера была придумана дизайнером Norm …

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

6 years, 7 months ago

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

6 years, 7 months ago
Но было бы интересно посмотреть, как …

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

6 years, 7 months ago

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

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

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

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

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

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

6 years, 7 months ago
Вот такие варианты раскладки для первых …

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

6 years, 8 months ago
Самый желтый [ebay.com](http://ebay.com/), который я смог …

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

6 years, 8 months ago

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

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

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

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

—-

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

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

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

6 years, 8 months ago
Управлять курсором предполагалось движениями ногой. Но …

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

6 years, 8 months ago

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

We recommend to visit
Mash
Mash
3,141,150 @mash

Прислать новость, фото, видео, аудио, бересту: @in_mash_bot

Покупка рекламы: @marina_mousse

Помахаться и обсудить новости: @mash_chat

Регистрация в перечне РКН:
https://knd.gov.ru/license?id=6726d0b5db0c1931b12fc77f&registryType=bloggersPermission

Last updated 5 hours ago

Из России с любовью и улыбкой :)

From Russia with love and a smile :)

Chat - @ShutkaUm

@Shutka_U

Last updated 2 months, 1 week ago

Быстрее и интереснее всех про IT, диджитал и медиа.

Сотрудничество: @denmins

№ 4958286262

Last updated 1 week, 6 days ago