ВЫДЕЛЕНИЕ АБЗАЦЕВ для удобства чтения текстов

[UraAlpeev]

Известно, что пользователи не любят и даже не могут читать длинные тексты.
Мой клиент дал довольно скучные и формальные тексты, я даже себя ловлю себя на том, что начинаю скользить по тексту по диагонали, не совсем вникая в смысл.
Помогает это преодолеть форматирование:
- разделить текст на абзацы,
- выделить жирным главное и т.п.
Но все равно - этого не достаточно.

И таки нашел новый способ привлечь внимание:
весь текст делаю слабочитаемым, а

выделяю шрифтом и размером
только один абзац.

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

https://alpeee.ru/nubaryan

[serega]

сайтец красивый, не стандартный . Я по мелочи :
"Для меня, как человека, который с детских лет задавался вопросами бытия и смысла жизни, встреча с Чогьял Намкай Норбу - это бесценный дар."
1 запятая не нужна. Здесь не сравнение, здесь определение.

на 1 странице ты так применил свое правило выделения абзацев, что 2 уже не читается :).
Юра, ты как всегда -- музыку жмешь до упора. Какой там битрейт ? 8 кб/с ? Заливай полные 128 кб/с, сейчас всем плевать на трафик

[UraAlpeev]

Орфография автора сохранена

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

[UraAlpeev]

Сделал еще один вариант чтения текста по параграфам - более универсальный.
https://alpeee.ru/read_text/

[serega]

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

[UraAlpeev]

Только если ограничить юзера в нормальном скроле, ему не понравится.

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

это заказчица требует такое внимание к своим текстам ?

Нет, это я сам начал искать возможности увлечь юзера настолько. чтобы он вдумчиво прочитал муторный текст. ВОВЛЕЧЕНИЕ юзера в процесс на странице - это один из принципов современного сайтостроения, в некотором смысле игровой момент, это из года в год повторяют при обзорах современных тенденций в дизайне сайтов.

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

[serega]

в некотором смысле жать на кнопку "вниз" быстрее. Но не привычно, потому что сайтов с простым скролом в 100000000 раз больше. Юзер уже привык, его не отучить.
Жать на кнопку "вниз" быстрее, т.к. иногда при скроле верхний край поста уползает за границу реальности и его надо возвращать.
Смешно, что я тут критикую твое изобретение, но сам такое предлагал на Pikabu.ru -- совместить лайк со скролом вниз до следующего поста.
2 зайца: Pikabu.ru получает лайки, юзер скорость. И ты можешь совместить скрытую статистику по абзацам :)

[serega]

коллега, а может тебе не изобретать велосипед ? Все по абзацм в мире уже придумано :).

[UraAlpeev]

Спасибо за идею - применю, покажу.

А пока я применил метод для длинного текста с нормальным скроллингом страницы, привязал к параграфам изображения и звук.
Параграфы меняются последовательно по кнопкам или выбираются произвольно кликом.
Ориентация горизонтальная, мобильные заставляю повернуть горизонтально.
https://alpeee.ru/jora

Отправлено спустя 1 минуту 19 секунд:
Да, это для детей...

[serega]

"Теперь у зайца Жоры была настоящая машина и он мог ездить по лесу куда хотел!" -- я как всегда. Иногда перед "и" ставится запятая -- здесь предложения разделены смыслом. Герои разные. Но это условно.
Прямо аудио-книга. Формат реально интересный. Считай, что ты его изобрел. Аудио-книг много, но их слушать медленно, надо выделить время хотя бы на половину чтения ушами. Эти актеры тормозят и тянут время. А тут совмещено и текст и звуки, чтобы не дать заснуть детям.
Но и работа адская -- на каждый абзац звук, да еще и картинку. Тебе надо уже рабов литературных искать.
А мельче шрифт можно ? На ПК 200% нормально.
Юра, где такие звуки убитые берешь ? Последние белки вообще плохо слышны из-за сжатия. Это какая-то база звуков из 1991 года ? Тебя держат в подвале, где нет интернета ?
Тебе даже девки говорят: "Юра, ты серьезно ? Какие в п... абзацы, белки и бензин в бутылках ?" :)

[UraAlpeev]

Спасибо за хорошую идею - сделаю кнопки изменения шрифта - "больше-меньше"

[serega]

тогда уже сделай кнопку : Dark Mode. Белый цвет прошлом, это отстой от Apple. Белый цвет там же, где и Jobs.

мобильные заставляю повернуть горизонтально

это особая форма издевательства над детьми -- требовать повернуть их телефоны и одновременно выжирать их аккумуляторы. Уголовно наказуемая.

[UraAlpeev]

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

Темная тема - это правильно, но не в этом случае: здесь я имитирую книгу с иллюстрациями, а она белая.

[serega]

Тогда фон из старой мятой темной коричневой бумаги с плесенью обязательно, из позапрошлого тысячелетия. Есть такие текстуры "мятая бумага" . она небольшая , можно поставить {background: repeat}, и мятая бумага будет продолжать мятины, и не заметен стык. Хоть наполовину АКБ спасти.

[romansidor]

Че то сайт вверх не скролит