---
title: "Проблемы нового дизайна Yvision"
description: "На днях был введен новый дизайн блог-платформы Yvision. Хорошего в нем много — особенно отмечу то, ч..."
author: "Kesantielu"
published: "2017-12-04T06:09:45+00:00"
modified: "2017-12-05T04:50:21+00:00"
locale: "ru"
canonical_url: "https://yvision.kz/post/problemy-novogo-dizayna-yvision-786933"
markdown_url: "https://yvision.kz/post/problemy-novogo-dizayna-yvision-786933/markdown"
site_name: "Yvision.kz"
---

# Проблемы нового дизайна Yvision

> На днях был введен новый дизайн блог-платформы Yvision. Хорошего в нем много — особенно отмечу то, ч...

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

Слабая контрастность

Общемировой тренд последних времен — снижение контрастности сайтов — не обошел и YVI стороной. Не просто не обошел, а основательно оставил след, да так, что различить отдельные элементы стало возможно только при выкручивании настройки контрастности монитора в максимум.

![Проблемы нового дизайна Yvision](https://storage.yvision.kz/images/user/326459/9f1ca1f03a05c18720e44e803b4afd.png)

Говорят, на этом скрине есть поле для ввода комментария. Еще бы увидеть его. Уровень контраста поля ввода и окружающего блока составляет 1:1, что означает то, что эти элементы практически сливаются друг с другом. Нет даже курсора, который бы приглашал к вводу комментария, или замещающего текста «Введите комментарий».

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

![Проблемы нового дизайна Yvision](https://storage.yvision.kz/images/user/326459/8427a9f9e6de5bd2a0cc64a3fc15f2.png)

Теперь рассмотрим контрастность текста. По стандарту WCAG 2.0 контрастность должна быть не менее 4.5:1, а рекомендованное значение — не менее 7:1

![Проблемы нового дизайна Yvision](https://storage.yvision.kz/images/user/326459/d6a4753a397f488a8f8d81cf17e551.png)

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

![Проблемы нового дизайна Yvision](https://storage.yvision.kz/images/user/326459/9df52ae593f9ca657caf2b6ca8a94a.png)

Предложение: увеличить контраст элементов.

![Проблемы нового дизайна Yvision](https://storage.yvision.kz/images/user/326459/64f7911a46598a948191c205551c60.png)

![Проблемы нового дизайна Yvision](https://storage.yvision.kz/images/user/326459/c54d3ebbf6f83f8327053452360de9.png)

Типографика

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

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

Идеального размера шрифта, который бы подходил во всех случаях и хорошо смотрелся бы на любом экране, не существует, но эксперты в веб-типографике советуют задавать базовый размер шрифта около 16 пикселей. WCAG 2.0 рекомендует использовать не более 80 знаков в одной строке, интерлиньяж не менее 1.5 интервалов, а отступ между абзацами — в 1.5 раза больше интерлиньяжа.

Рассмотрим нынешнюю ситуацию.

Размер шрифта постов — 16px

Интерлиньяж — 30px (1.875)

Отступ между абзацами — 30px

Символов в строке — 50−80

В целом, терпимо. В комментариях все хуже.

Размер шрифта — 13px

Интерлиньяж — 18.57px (1.43)

Отступ между абзацами — 10px

Символов в строке — 80−100

Размер шрифта управляющих элементов близок по размеру шрифту контента.

![Проблемы нового дизайна Yvision](https://storage.yvision.kz/images/user/326459/8e741b93f811a7394988a878eb2f16.png)

Предложение: унифицировать интервалы в постах и комментариях и увеличить шрифты. Здесь можно оттолкнуться от следующего: для постов размер 18px, для комментариев 16px, или 16px и 14px соответственно. Не стоит бояться увеличивать шрифт.

![Проблемы нового дизайна Yvision](https://storage.yvision.kz/images/user/326459/8147d9d67899a338dcc98ab9f603b0.png)

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

![Проблемы нового дизайна Yvision](https://storage.yvision.kz/images/user/326459/545a9b9806e9228d284a430aec92e4.png)

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

![Проблемы нового дизайна Yvision](https://storage.yvision.kz/images/user/326459/8261d41156c3d081c79b9d42bcb875.png)

Основной текст выполнен шрифтом Merriweather, а заголовки, подзаголовки и управляющие элементы — шрифтом Proxima Nova. В заголовках и подзаголовках использовано начертание Black, размер шрифта 42px и 30px соответственно. Такие заголовки выглядят слишком насыщенными относительно текста, нарушают его восприятие.

Предложение: использовать в заголовках и подзаголовках начертание Bold или даже Semibold.

![Проблемы нового дизайна Yvision](https://storage.yvision.kz/images/user/326459/c64cd6393229fd4d3e255e8a3f7399.png)

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

![Проблемы нового дизайна Yvision](https://storage.yvision.kz/images/user/326459/cf9977ac20474aa90bd03fae52ceb3.png)

Однако, полноценная версия шрифта в природе существует.

![Проблемы нового дизайна Yvision](https://storage.yvision.kz/images/user/326459/67ff72754c8611f50bccf3b134cee8.png)

Цвета

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

Предложение: сделать комментарии на белом фоне.

![Проблемы нового дизайна Yvision](https://storage.yvision.kz/images/user/326459/735a2ac8412b9654208e72a65844f0.png)

При нажатии на + и − в рейтинге комментариев и постов, кнопки становятся оранжевыми, но знаки остаются серыми, что выглядит грязновато.

Предложение: сделать знаки белым цветом.

![Проблемы нового дизайна Yvision](https://storage.yvision.kz/images/user/326459/7f07ba2e2a3f4ff7fc0e22c3ab87d2.png)

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

![Проблемы нового дизайна Yvision](https://storage.yvision.kz/images/user/326459/998712b023e9520ab47673f64ebf1e.png)

Предложение: не выделять оранжевым лайкнутый пост, либо переместить эту пиктограмму на первое (или последнее) место.

![Проблемы нового дизайна Yvision](https://storage.yvision.kz/images/user/326459/5f06f74bf670b6999ba7874cc13cf2.png)

Прочие недочеты

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

![Проблемы нового дизайна Yvision](https://storage.yvision.kz/images/user/326459/8dd4d26360c446f06dcb495c49b920.png)

Предложение: сделать его курсивом либо шрифтом заголовка.

![Проблемы нового дизайна Yvision](https://storage.yvision.kz/images/user/326459/b5ae2d951599055b91559927c45182.png)

Все посты на странице обзора и в профиле безвременные — дата не отображается. Это негативно влияет на желание человека читать материал.

![Проблемы нового дизайна Yvision](https://storage.yvision.kz/images/user/326459/6b5f6de340360ae6c99444bb429521.png)

Отступы между блоками несоразмерны мелкому тексту, пример можно наблюдать на предыдущем скриншоте.

Предложение: увеличить текст и уменьшить отступы.

![Проблемы нового дизайна Yvision](https://storage.yvision.kz/images/user/326459/01bbf5c88bac8d3146bfc0cf4f037d.png)

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

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

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

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

Предложение: сделать автоматическое сохранение черновика, убрать кнопку «Сохранить в черновики», вместо нее лучше отображать статус поста: черновик, сохранен, идет сохранение.

![Проблемы нового дизайна Yvision](https://storage.yvision.kz/images/user/326459/0728ae202b81e3e86b987af1221146.png)

Лента свежих постов от пользователей запрятана в раскрывающееся меню («Прямой эфир»).

Предложение: вынести «прямой эфир» наверх.

![Проблемы нового дизайна Yvision](https://storage.yvision.kz/images/user/326459/0508f24cd921de80fc6595100ffd6f.png)

И еще немного

Нельзя сделать разрыв строки, нажатие Shift+Enter создает новый абзац

Боковое меню редактора текста должно раскрываться по наведению курсора, а не только по нажатию на него.

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

На кнопке «Репостнуть» изображена неуместная пиктограмма 🔄, которая обычно обозначает обновление, загрузку контента.

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

![Проблемы нового дизайна Yvision](https://storage.yvision.kz/images/user/326459/bd1d0382f16e2d03a38ab2c668b289.png)

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

![Проблемы нового дизайна Yvision](https://storage.yvision.kz/images/user/326459/f546ca92cef9cd88ebfe0220ef44ea.png)

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

Датой поста почему-то является дата создания черновика, а не дата первой публикации.

Страница дергается по горизонтали при обновлении из-за полосы прокрутки.

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

![Проблемы нового дизайна Yvision](https://storage.yvision.kz/images/user/326459/cb4933712afe43a1050922a5460941.png)

Предложения по функционалу

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

Поддержка разметки Markdown — которая уже является де-факто стандартом современных редакторов текстов

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

В редакторе постов добавить drag'n'drop для изображений — помещение из буфера обмена и перетаскивание в текст файла, легкое перемещение изображения между абзацами. Также сделать возможность добавления подписей к изображениям.

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

Сделать историю редактирования поста

![Проблемы нового дизайна Yvision](https://storage.yvision.kz/images/user/326459/d5fac242a50ebca52bd623129b71ee.png)

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

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

---

Source: [https://yvision.kz/post/problemy-novogo-dizayna-yvision-786933](https://yvision.kz/post/problemy-novogo-dizayna-yvision-786933)