14 заметок с тегом

информационный дизайн

Не нарушайте теорию близости

12 июля 2013, 0:35

На днях зашёл в туалет в «Меге» на Тёплом стане. На ходу расстёгивая ширинку, поймал на себе несколько удивлённых взглядов девушек. Оказалось, туалет женский. Как можно перепутать? Элементарно, если дизайнер указателя — идиот:

wc1

Сходу, невозможно определить к какой иконке относится каждая стрелка. Расстояния от стрелок до женщины и мужчины — одинаковые. Особенно это заметно при беглом взгляде:

wc2

Лебедев здорово написал о теории близости: «Объекты, расположенные близко друг к другу, воспринимаются связанно. Этот простой принцип лежит в основе всякого осмысленного дизайна». Достаточно было сделать так:

wc3

Ещё лучше:

wc4

Совсем хорошо:

wc5

Интересная пиктограмма

22 марта 2010, 17:59

Встретил забавную пиктограмму на адаптере от триммера. Странно, что на всех проводах такой нет. icon

Интерфейс меню для навигационной программы

19 января 2010, 5:19

Задача: спроектировать интерфейс меню навигационной программы дополненной реальности.

Интерфейс адаптирован для сенсорного и поворотного экрана, как у Нокии N97.

Цвет зависит от выбранной темы.

portfolio-nokia

Более полное описание в портфолио Dapple Grey.

Напоминаю, что мы принимаем заказы на клевые и недорогие сайты.

Инфограммы от Артема Горбунова

23 декабря 2009, 20:17

Дизайн-бюро Артема Горбунова запустило новый проект «инфограммы». Каждую неделю бюро будет выпускать по 3 инфорграммы, которые можно будет бесплатно вставлять в свой блог.

Инфограмма Бюро Горбунова по опросам фонда общественного мнения.

В 2009 году еженедльно две тысячи человек отвечали на вопрос: «Какие события прошедшей недели, о которых говорили в СМИ, больше всего заинтересовали вас, привлекли ваше внимание?»

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

Новая схема московского метро

9 июля 2009, 1:10

Наверное многие уже заметили, что в московском метро появилась новая схема, на которой изображены пути «Аэроэкспресса» от вокзалов до аэропортов. Даже если очень постараться, трудно придумать более шизоидный вариант. metro-scheme Московская схема очень насыщенна и нужно стараться любыми способами уменьшить так называемый информационный шум. Дизайнер же сделал с точностью наоборот. Ему показалось обидным что на таком длинном отрезке пути совершенно нет станций и на всем протяжении он добавил двойные галочки с пробелами. Получилось похоже на стрелочки, которые совершенно непонятно что символизируют — как будто бы направление движения. А поезда в обратную сторону не ходят? От аэропорта до вокзала надо добираться на перекладных? Дальше еще круче. Дизайнер по привычке обозначил строящиеся линии  пунктиром. Легко вам заметить разницу между отмеченными областями? А ведь участок от Белорусского вокзала еще не построен. Интересно, много людей будут пытаться доехать оттуда до Шереметьева? metro-scheme-1 Уверен, что к следующему изменению схемы, дизайнер одумается и сделает все по-человечески. А то совсем стыдно. Обновление: через 11 дней Артемий Лебедев прокомментировал эту схему в бизнес-линче.

56 признаков идеального кафе

24 февраля 2009, 18:42

Постоянно бывая в разных кафе, я все время отмечал для себя, что мне нравится, а что нет.

Некоторые вещи записывал. Со временем у меня получился внушительный список атрибутов идеального кафе.

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

Если у вас есть, что добавить к этому списку, оставляйте комментарии — я с удовольствием его дополню.

Экстерьер

  1. Заметная читаемая вывеска, хорошо видная даже ночью.

  2. Адрес кафе, если нет указателя на самом доме.

  3. Меню с указанием цен на улице.

    Внутреннее пространство

  4. При входе должны быть бесплатные газеты и журналы.

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

  6. Места для курящих отделены.

  7. Должна играть музыка, но негромко , чтобы не мешать разговаривать.

  8. Мебель должна быть удобной. А за столом и стулом не должно быть тесно.

    Столы

  9. На столе всегда есть салфетки, зубочистки в целлофане, соль, перец.

  10. Приносить приборы в полностью завернутом виде (салфетка бумажная или тряпичная).

  11. Ножи должны быть острыми.

  12. Вечером на столах надо зажигать настоящие свечки. Желательно, не маленькие плошечки, а нормальные свечи.

  13. Наличие спичек и пепельницы в зале для курящих

  14. Много розеток (почти у каждого столика).

  15. Быстрый WiFi

    Меню

  16. Всегда сразу приносить какую-нибудь еду, например, хлеб. Хлеб должен быть вкусным (не нарезной батон) и бесплатным.

  17. Выбор величины порции любого блюда: обычная или большая.

  18. Порции должны быть больше, чем ожидает клиент.

  19. Нельзя экономить на продуктах — лучше делать дороже меню.

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

  21. Если меню большое, то омечать самые популярные блюда.

    Обслуживание

  22. Если есть возможность резервировать столики, то надо встречать посетителей.

  23. Всегда здороваться с клиентом и представляться.

  24. Сразу приносить меню.

  25. Своевременно принимать заказ (официант не должен ждать пока посетитель отложит меню в сторону).

  26. Если клиент сомневается с выбором обязательно рекомендовать что-то.

  27. Предупреждать о длительности приготовлении блюда (в случае, если приготовление занимает более 20 минут).

  28. Спрашивать в каком порядке подавать блюда.

  29. Сразу приносить то, что не готовится.

  30. При первом приносе блюд (а можно и каждый раз) желать приятного аппетита.

  31. Приносить следующее блюдо сразу после того, как закончено предыдущее.

  32. При смене блюд надо менять и приборы.

  33. Периодически подходить и спрашивать ничего ли не надо (лучше конкретно спрашивать).

  34. К чаю или кофе бесплатно подавать маленькие печенья или шоколадки.

  35. В конце спрашивать все ли понравилось при этом не быть излишне навязчивым.

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

    Счет

  37. Сразу по требованию приносить счет и очень быстро рассчитывать.

  38. К счету подавать жвачки и шоколадки по количеству человек.

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

  40. Всегда давать сдачу точно. Если нет мелочи, округлять в сторону клиента.

    Внешний вид официанта

  41. Отличительная деталь в одежде официанта, чтобы не путать с посетителями.

  42. Наличие бейджика с легко читаемым именем.

    Туалет

  43. Жидкое мыло (мне больше нравится сразу вспененное).

  44. Бумажные полотенца.

  45. Автоматическая сушилка для рук.

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

  47. Бумажное сидение на унитаз или система по очистки стульчака (уже есть в Европе).

  48. 2 крючка на двери кабинки, чтобы можно было повесить сумку и верхнюю одежду.

  49. Крючки у раковины для той же цели.

  50. Большое зеркало у раковины.

  51. Однозначная навигация: где мужской, где женский.

  52. Невозможность заглянуть в кабинку.

  53. Удобные замки на дверях.

  54. Навигация на двери занято или нет (как в аэропорту), чтобы не надо было дергать за ручку и пугать внутри сидящего.

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

  56. Ну и самое главное — туалет всегда должен быть идеально чист.

Сайт знакомств 1618

20 февраля 2009, 2:17

Сайт знакомств 1618.ru. На первый взгляд, типичный сайт знакомств. Но 1618 содержит уникальный функционал, который очень привлекателен для многих, жаждующих найти свою вторую половину. На основании якобы серьезной научной программы любой человек может по 12 характеристикам проверить, насколько ему подходит другой человек. В результате сравнения получается коэффициент k. Чем он больше, тем лучше.  Задача сайта: привлекать как можно больше новых пользователей, мотивировать старых потреблять платные сервисы.

В чем залог успеха?

  1. В нестандартном алгоритме сравнения.
  2. В удобном интерфейсе.

На сайте 1618.ru совершены все возможные ошибки в интерфейсе и дизайне. А над идеями простоты Маэдзи дизайнер глумился особенно усердно.

1618.ru  

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

Чтобы только примерно представить о чем идет речь, надо прочесть весь текст, продираясь через чудовищную верстку и пустые фразы. Надо отфильтровать тонну мусора, только чтобы понять, зачем это все.

А должна быть отражена суть. В легкой и интересной форме.

Разберем главную страницу по косточкам:

Середина

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

  2. Два сердечка с красными крылашками-точка-1618-точка-ру. Класс.

  3. Текст про анкеты нечитаем. Группировка неправильна. Разряды цифр надо разделять пробелами.

  4. Что такое новые анкеты? За год? За день? За час? Насрать, что на мамбе так делают. Надо быть круче мамбы.

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

  6. Пустой а-ля поэтический абзац надо убрать ко всем чертям. Я не за этим пришел.

  7. Основной текст написан и сверстан так ужасно, что перечисление ошибок займет еще страницу: смысл, орфогрфия, пунктуация, верстка — все плохо.

  8. Информация про золотое сечение очень интересна — надо ее красиво подавать и на нее делать ставку. Можно привести больше примеров.

  9. Коэффициент и правила его расчета — самое важное. Надо гораздо четче и подробнее рассказать о правилах расчета. Но это не значит — длиннее. Иначе, выглядит как полное разводилово.

Левая колонка
  1. Не место контактам и ФАКу в блоке авторизации/регистрации. Какой процент переходит по этим ссылкам? 0,00001? Не только место тратиться, но и восприятие усложняется.

  2. «По 100 Золотых. Каждому!» Ни хуя себе. А я думал только избранным и только по четвергам.

  3. Баннер тошнотворен и ничитаем.

  4. Лидеры сайта — идея правильная. Только надо делать ссылками, чтобы мне хотелось кликнуть (там и так есть эта функция, только неочевидная).

  5. Что за топ телефонов? Нельзя так мусорить на главной. И так тошно уже.

Правая колонка
  1. Эти рекламные блевотные баннеры, оказывается, не реклама, за которую заплатили, а функции сайта, просто так мудацки оформленные. Так плохо и с такими граматическими ошибками даже в 2000 году уже не делали. Просто стыдно.

  2. Идея «как я нашел свою половинку» правильная. Но не с кретинской версткой, не с длиннющими текстами, не с уебищным «подробнее».

Внутри сайт не многим отличается от главной страницы. Немыслимое количество ссылок-функций, теснящихся слева. Даже опытный пользователь растеряется, куда он попал и что тут нужно и можно делать. Ужасно неудобный и сложный интерфейс. Вывод: идея отличная. 1618 может стать реальным конкурентом многочисленным сайтам знакомств. Оригинальная идея, правильный мотив, налет научности, богатый функционал. И все это напрочь убито ужасным интерфейсом. Он становится реальным препятствием к тому, чтобы постоянно пользоваться сайтом. Сюда не хочется возвращаться. Самое ужасное, что это касается и людей, которые редко садятся за компьютер, — они просто не разберутся, и людей опытных — они потянутся к более удобным и дружественным интерфейсам.

Не понимаю

28 января 2009, 21:29

В гастрономе на улице 1905 г. при входе висит такой плакат: ment Тонкий юмор.

Аэропорт Зальцбурга

22 января 2009, 16:11

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

zalzburg

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

Лондонский дизайн логотипов

8 января 2009, 19:03

Лондон уже давно является законодателем мод в дизайне. То, что они сделали с логотипом лондонской олимпиады 2012 года достойно всяческого преклонения. london2012_logo Вы представляете, что бы для нашей олимпиады чиновники-старперы могли утвердить такой психоделический логотип? Решительно невозможно. Вместо этого банальная незапоминающаяся совковая красно-бело-синяя какашка в форме вымпела со снежинкой и горкой, где все элементы сами по себе.     logo2_sochi2 Лондон на этом не остановился. Ребрендингу подвергся всемирно известный лондонский музей. museum_of_london_logo Это потрясающий логотип. Смелый, современный, органичный. Ну и для расстроиства наши логотипы: gtggtg1gmp1
Ctrl +  Ранее