Заметки дизайн


Как спасти десятки тысяч жизней в год

Ежегодно полтора миллиона людей в мире погибает в автомобильных авариях. В России за год на дорогах гибнет около 20 тысяч человек и калечится 220 тысяч. Из них 10 процентов — из-за выезда на полосу встречного движения.

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

Я уже несколько лет не могу понять, почему на знаке 5.15.7 «Направление движения по полосам» (и в его аналогах за рубежом) такие длинные стрелки.

Знак 5.15.7 «Направление движения по полосам»

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

Давайте улучшим знак:

Улучшенный знак 5.15.7 «Направление движения по полосам»

Теперь он становится более различимым: лучше видно, где наши полосы, а где — встречные.

Если вам кажется, что изменение несущественное, можете проверить моё утверждение; для этого достаточно размыть картинку (имитируем дальность и плохие погодные условия):

Сравнение существующего и улучшенного знака 5.15.7 «Направление движения по полосам»

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

 

PS: На досуге посмотрите статистику по длине автомагистралей: их общая протяжённость в России относительно размеров страны ничтожная — около 1100 км (в Японии — 8 тысяч, в Испании — 16,5, в США — 77 (260 с внутриштатовыми), в Китае — 136), по этому показателю мы на 40-м месте в мире (по общей длине дорог — на пятом).

Символы статистических величин

Предлагается использовать следующие символы для основных статистических величин: среднего значения и медианы.

Символы статистических величин: среднего и медианы

Символы просты и интуитивно понятны:

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

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

Таким образом, мы в буквальном смысле используем диаметр окружности и медиану треугольника.

Техноинком: спизженный дизайн

Не думал, что подобное случится c «Сиджеко» так быстро…


Два товарища с говорящими фамилиями Косенко и Косяченко из компании со странным названием «Дизайн Маркетинг Интернет» взяли внаглую спиздили наш дизайн для «Техноинкома», немного сменили шапку сайта и поставили ссылку на себя.

Наш дизайн: http://technoincom.sijeko.ru

Дизайн Сиджеко

«Полностью переделанный» дизайн: http://technoincom.ru

Дизайн ДМИ

Разумеется, все детали, сделанные с любовью, сразу же пропали. Обратите внимание, например, на исчезнувшую тонкую полоску, разделяющую подписи к слоям наплавки на картинке, или на поменявшийся шрифт, из-за которого разделяющее годы тире в подвале прилипло к цифрам. Сюда же можно отнести наплевательское отношение к типографике (например, крутые цифровые чёрточки в номерах телефонов заменены короткими дефисами, которые лежат ниже центральной оси цифр). Формы «Опросный лист» и «Задать вопрос» (Напишите нам), само собой, не работают.

Аргументируют два товарища ссылку только на себя тем, что перенесли сайт на другой движок, исправили ошибки в тексте (клиента), переделали УРЛЫ-ы и меню; а то, что дизайн был полностью с нуля нарисован в другой компании — это как бы ничего. Ещё раз: люди называют себя создателями сайта, потому что перенесли его на другой движок, исковеркали шапку и поставили в подвале ссылку на себя ещё и с огромным логотипом, который разрушает вообще весь изначальный замысел спокойного и профессионального внешнего вида.

Заметьте, как скромно подписан исполнитель в нашем дизайне:

Подпись Сиджеко

И как хвастливо-выпендрёжно в спизженном (даже увеличенный шрифт показателен):

Подпись ДМИ


Никогда не обращайтесь в студию «Дизайн Маркетинг Интернет». Никогда.

Адблокеры

Ненавижу адблокеры!

За всё время пользования быстрым интернетом у меня ни разу в браузере не стояло ни одного плагина, который бы резал рекламу.

Хочу видеть сайт таким, каким его для меня сделали авторы. Даже если там с каждого угла свисают баннеры и сиськи.

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

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

Семь промилле

Вот ненавижу такие интерфейсы:

Скриншот в одном из сервисов для скриншотов

Вы можете потратить до нескольких секунд на поиски полезной части этой страницы. Подсказка: это рамочка, внутри которой часть скриншота с текстом «INDEX uri(333)».

По моим беглым подсчётам полезная информация занимает здесь 0,7% (7‰). Понятно, что если бы скриншот был больше, то соотношение увеличилось бы в его пользу. Но всё равно полезные данные были бы окружены неимоверным количеством информационного говна.

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

Семь промилле, ребята.

Уже делаем

Реальности современного мира таковы, что очень-очень сложно плюнуть, чтобы вдруг не попасть в профессионала. Особенно много профессионалов в дизайне и интерфейсостроении.

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

— Что вы хотите предложить?

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

— Это всё — общие слова. Ну, а конкретно?

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

— Мы это уже делаем.

— Кнопки основных действий увеличить и снабдить иконками, чтобы они не терялись в остальном контексте.

— Это мы, кстати, можем и сами реализовать.

— В смысле?

— Мы обновляем дизайн, скоро будет новая версия.

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

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

или:

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

Вполне предсказуемая кода:

— Я не смогу вам этого показать сейчас. У меня с собой нет материалов.

— Ничего страшного, давайте встретимся, когда вы сделаете новую версию.

Случай не единичный. Опасайтесь заказчиков, которые «уже делают».

Лекция Нормана

Прекрасная лекция Дональда Нормана. Как всегда, с креслами, соковыжималками и чайниками. Без них я даже не представляю этого человека.

Удивительно хорошие выводы сделала april_ketril:

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

Ну а следующая задача, решить которую предлагает Дон Норман — это способность завершить дело. Ведь это тоже проблема для многих — закончить дело, которое начал. Здесь Норман предлагает обратный путь: надеть рамки мышления обратно, потому что ограничение, обуздание мышления позволяет сосредоточиться, сузить диапазон. Все очень просто — производим обратное действие, — вызываем министресс, который захлопнет широту мышления и позволит качественно сосредоточиться на быстрейшем выполнении задачи. Самое простое ограничение — установить сроки выполнения работы, тогда страх и беспокойство заставят завершить работу («эффект студента на сессии» имхо — когда целые курсы изучались за несколько ночей перед экзаменом). Но тут главное не переборщить, потому что чересчур сильный стресс (паника, например) вызовет, вместо сужения мышления и сосредоточения, паралич умственных способностей.

Дизайн против удобства

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