Заголовок и изображение. Каковы наилучшие методы разработки интерфейсов на основе статей для максимальной читаемости?

В каждом интерфейсе понимание важности каждого элемента для удовлетворения потребностей пользователей является основной задачей.

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

Сегодня среди онлайн-издателей существует два доминирующих стиля:

  1. Заголовок сверху, изображение ниже (например, Mashable)
  2. Изображение сверху, заголовок ниже (например, средний)

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

6 голосов | спросил clodal 16 +03002015-10-16T13:58:03+03:00312015bEurope/MoscowFri, 16 Oct 2015 13:58:03 +0300 2015, 13:58:03

4 ответа


1

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

«Лучше быть прямым или косвенным? Визуальным или словесным?»

Что касается того, как вы хотите представлять статьи, сначала демонстрируя текст, вы показываете контент, который имеет очень очевидный и преднамеренный объем (для последующего объекта статьи), в то время как другой - изображения сверху - передает содержимое в пределах сама статья. Последнее всегда будет немного менее явным, чем первое в определении того, что касается области, однако ... вот где могут появиться ваши пользователи. Являются ли они преимущественно визуально ориентированными или устно?

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

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

[image] [заголовок> атрибуция> тизер]

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

ответил Nikolas Jeleniauskas 19 +03002015-10-19T02:03:11+03:00312015bEurope/MoscowMon, 19 Oct 2015 02:03:11 +0300 2015, 02:03:11
1

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

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

ответил Grafix Guru 17 MarpmThu, 17 Mar 2016 16:16:43 +03002016-03-17T16:16:43+03:0004 2016, 16:16:43
0

Только моя гипотеза, но я бы назвал первым

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

2) Будет ли изображение заставлять пользователя тратить усилия на прокрутку, прежде чем они смогут достичь заголовка темы? Если они расходуют это усилие, а затем обнаруживают, что статья не интересна, это может не оказать большого влияния на одну статью, но со временем и несколькими статьями это может раздражать.

Лучше всего посоветуйте - прокомментируйте это и протестируйте его со своими пользователями:)

ответил Dayne 16 +03002015-10-16T15:48:21+03:00312015bEurope/MoscowFri, 16 Oct 2015 15:48:21 +0300 2015, 15:48:21
0

«Изображение стоит тысячи слов», но иногда оно вводит в заблуждение или отсутствует контекст или может быть только частью рассказа.

Лучше использовать Title Title Image или Добавить название в /над изображением, чтобы сохранить пробел.

Для карманных устройств Если изображения больше, чем область просмотра, пользователь должен прокрутить вниз для контекста /заголовка. (Что плохой UX, если его фотография или слайд-шоу)

Примечание. Средство представляет контент Mix с изображением First и Title First.

ответил Chinmay Chiranjeeb 16 +03002015-10-16T16:50:24+03:00312015bEurope/MoscowFri, 16 Oct 2015 16:50:24 +0300 2015, 16:50:24

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132