О больших и маленьких экранах

Сегодняшние улучшения историй Medium

Тимур Мавланов
Наша история
3 min readOct 11, 2015

--

Цитаты на Medium. До сегодняшнего дня, цитаты аккуратно выглядевшие на большом экране, некрасиво смотрелись на маленьком. Теперь переход более эффективен.

Tекстовый редактор Medium — это сердце нашего продукта. То, что начинается в редакторе, продолжает существование в других местах: рассказы читаются на гигантских мониторах и на трёх-дюймовых(7.62 см) экранах телефонов и существуют в виде сокращенных тизеров на домашних страницах, в профилях и в электронных письмах.

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

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

C сегодняшним обновлением Medium, мы меняем наши стили, чтобы исправить некоторые проблемы и чтобы истории хорошо смотрелись на экранах всех размеров. Мы отрегулировали размеры заголовков, удалили опцию центрирования заголовков и ограничили линии разрыва в тексте.

Один из примеров проблемы, которые мы хотим решить можно увидеть выше: цитата, аккуратно расположенная на большом экране, может выглядеть плохо на экране другого размера.

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

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

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

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

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

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

Если вам понравилась эта история, поделитесь ей с другими читателями, нажав кнопку “Recommend”

Спасибо! ☺

--

--

Тимур Мавланов
Наша история

Занимаюсь графическим и веб-дизайном, автоматизацией продаж и СММ // Запускаю свой бизнес // Спорт, правильное питание, буддийские практики