Дизайн-ревью
December 8, 2020

Дизайн-ревью сайта Дмитрия Сохина

Смотрим dmitrysohin.ru.

Дескриптор в привычном месте (в левом верхнем углу) и крупный заголовок по центру страницы делают свое дело — сразу более-менее понятно, где мы находимся. Дальше возникают вопросы. Несколько моментов:

  • Какие элементы кликабельны, а какие — нет? Телефон и почта выглядят некликабельными, но это не так. Имя выглядит так же, но вот оно уже некликабельно. Серые колбаски про исследования и пользовательские тестирования похожи на кнопки, но они не нажимаются.
  • Чем обосновано использование таких интерфейсных элементов в подзаголовке? Вы создаёте ожидание интерактивности, а её нет. Небольшой эстетический комментарий к колбаскам: привычнее и оттого приятнее видеть менее зажатые внутренние отступы, как у вас же на сайте в кнопке «Написать в телеграме».
  • Избыточный отступ от шапки до заголовка — на меньших по высоте разрешениях мы почти ничего не увидим на первом экране.
  • Мало внимания уделено кнопке «Написать в телеграме». Чересчур крохотная иконка. Неприятное из-за малого контраста сочетание цвета круга и кнопки (а зачем вообще эту иконку класть в круг?). Положение текста с иконкой я бы поменял местами на противоположное и более привычное. По внешнему виду похоже, что кнопка позиционируется как основное целевое действие на странице, — неплохо было бы предусмотреть состояние при наведении.

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

Ниже видим первую работу.

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

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

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

Спасибо, Иксзибит, что прокачал мой браузер, и теперь я могу скроллить страницу в браузере, пока скроллю страницу в браузере:

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

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

Дизайны едут влево при скролле. Идея этой анимации осталась для меня загадкой. Наверное, это баг.

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

Навигацию на странице усложняет работа с цветом фона. Иногда он меняется вместе с переходом к следующей работе (но не всегда), иногда — в процессе рассказа об одной работе (но не всегда).

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

Есть чем дополнить? Поделитесь своими соображениями в комментариях.