beauty,

Сайт Елены Корниловой. Легкие выводы и советы

Samurai Samurai Jul 01, 2020 · 3 mins read
Сайт Елены Корниловой. Легкие выводы и советы
Share this

Чтобы Light Review сайта Елены был логически завершен необходимы какие-то выводы, а также легкие советы.

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

Ну а я приступаю.

Структура

В целом структура неплохая, но требует небольших доработок, например:

  • Проработать переход по рубрикам и возврат обратно.
  • Привести в соответствие все названия активных элементов (ссылки, кнопки, навигация), если это “схемы”, то “схемы” везде, а не так что в одном месте “схемы”, а в другом “каталог”.
  • Протестировать пользовательские сценарии, постараться смоделировать самые немыслимые и самые простые.
  • Использовать заголовки в соответствии со структурой контента.

Заголовки

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

  • Заголовки желательно располагать в структуре статьи таким образом — сначала “h1” затем по убыванию. Не надо перескакивать и например перед “h1” ставить “h5” как это было в примере страницы рубрики в третьем обзоре.
  • Не нужно подыскивать дескриптор по гарнитуре в готовых стилях чтобы не писать дополнительные, это в корне не верно, лучше не ставьте заголовок в дескриптор, даже если его размер вам идеально подходит, а сделайте его обычным текстом со своими стилями.
  • В стилях для шрифта старайтесь использовать относительные единицы такие как “em” или “rem.”

Шрифт

Использование трех-четырех и более шрифтов на одной странице так же плохо как использование одного шрифта на всем сайте.

На всем сайте — “montserrat.”

Круто было бы сделать заголовки одним шрифтом, а основной контент другим, тогда можно было бы поэкспериментировать с заголовками, а для текста воспользоваться проверенными читаемыми шрифтами: “OpenSans, Roboto,” и другими из коллекции гугла.

Использование КАПСА конечно не запрещено, но не надо возводить его в культ, ну зачем он в копирайтах например? И так понятно что все что можно защищено. Про ЗАГОЛОВКИ статей на странице рубрики я промолчу.

Важность информации

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

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

Детали

Из всего перечисленного выше и в первых трех обзорах складываются детали, а детали как известно очень важны.

Тест

Везде где можно не пройден тест на перенаполнение контента, например “Отзывы” или блок “Кто я” в мобильной версии. Или на странице рубрик. Главная страница, мобильная версия

Плохо скомпанован текст и иконка не отображается

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

Иконки

Ну тут все просто — используйте SVG и будет всем хорошо, PNG на трендовом сайте уже не камильфо. А если вы пользуетесь иконошрифтами, то проконтролируйте чтобы они выводились корректно.

Сопровождение сайта

Хотел написать про сложное и дорогое сопровождение сайта, а не буду пожалуй)

Оставлю интригу:-)

Основной вывод:

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

Всем лайта! Оставляйте свои комментарии и предлагайте сайты для обзора, на самые интересные я сделаю Light Review.

P/S/ Для обзора я использовал win 7x64 с браузером Google Chrome Версия 83.0.4103.116

Samurai