Студия дизайна «Разумный подход» · брендинг, цифровые продукты и медиакоммуникации

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

Единственный намек на то, что средняя колонка управляет правой — оранжевый треугольник. Но если вам захочется выбрав раздел «СМИ» кликнуть на Lenta.ru, то вам придется аккуратно обойти мышкой другие пункты среднего столбца. Поскольку иначе правая колонка переключится на другой раздел. Такой 2.0.

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

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

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

На сайте MySpace.com форма регистрации требует соблюдения сложности пароля.

Впрочем, действительно сложный пароль ввести не удастся, здесь тоже есть ограничение.

Такие проверки — издевательство над пользователем.

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

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

На предвыборном сайте Дмитрия Медведева автор расположил сразу несколько портретов кандидата на одной странице. Близкое расположение фотографий делает очевидным различия в условиях освещения модели и цветового баланса камеры. Это вносит ощущение неаккуратности подачи в целом.

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

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

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

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

Для начала на сайте РЖД просят зарегистрироваться. Собственно, за 40 минут, в течение которых я упорно боролся с системой, пытаясь купить билет из Петербурга в Москву, успешная регистрация стала моим единственным достижением.

Затем от меня потребовали географических знаний. Я должен был ввести с клавиатуры названия станций отправления и назначения. Я знал, что мне надо зайти в Московский вокзал в Санкт-Петербурге и приехать на Ленинградский вокзал в Москве, но как правильно называются эти станции в терминах РЖД, я, как оказалось, и не представлял. В итоге, чтобы выяснить правильные названия, мне пришлось серьёзно поработать с картой железных дорог.

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

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