Новая модель одностраничника (важно ваше мнение!)

Добрый день, коллега.

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

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

Пример такого подхода находится здесь: http://web-copywriting.ru/pks/.

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

Да и самого меня вдохновили примеры моих заказчиков. У одного из них инфопродукт: http://radrost.ru/. У второго — и вовсе одностраничник физического товара (с упором на визуальную составляющую): http://www.fueleco.ru/.

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

 

Что дает такой подход

Наличие навигации:

 Делает перемещение по странице более удобным.

Читателю не нужно до одурения крутить колесико мыши, чтобы перемещаться между блоками :).

 

 Увеличивает юзабельность страницы в целом.

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

 

 Работает на стереотипы восприятия.

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

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

Какой же возможный минус? Человек может более свободно переместиться к цене, а затем и отправиться на выход.

Хотя, впрочем, он мог делать это и раньше, только помучав как следует колесико мыши :).

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

Поэтому, как мне кажется, плюсы новой модели перевешивают.

(По крайней мере, мне удобно перемещаться по сайту с «прилипшим» меню :).)

А вам как?

Поделитесь впечатлениями, коллега!

Посмотрите еще раз внимательно на одностраничник http://web-copywriting.ru/pks/ и ответьте прямо здесь, в комментариях.

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

А может быть, у вас есть свои рационализаторские предложения?

Ваш тренер Трубадур

 

P.S. Кстати, скидка на странице — настоящая :). Будет работать сегодня до конца дня.

Ваши комментарии к статье:

ВКонтакте
FaceBook
Wordpress

48 Responses to Новая модель одностраничника (важно ваше мнение!)

  1. @ Марина:
    ставится тэг Якорь, погуглите

  2. А мне не нравится — я предпочитаю крутить колесико, чем упустить что-то для себя интересное.

  3. Алексей:

    Сайт однозначно должен быть, и продвигаться! Лично я никаких недостатков не наблюдаю. Всё прилично, красиво, и цепляет!

  4. Как по мне — хорошая задумка. Так действительно удобнее пересматривать блоки текста.

  5. Прикольно,удобно, но мне кажется если меню сделать вертикально и с боку от текста будет прикольней ИМХО

  6. Я нахожу такую структуру сайта более интересной. Тема добавок меня заинтересовала, и я несколько раз перемещался по страничке с помощбю меню.

    Можно два вопроса»около темы»?

    1) Сайт http://radrost.ru/ высвечивается у меня, как вирусоопасный.

    2) В этические проблемы при написании текстов Вы не углубляетесь, Сергей? Дело в том, что рекламируемый эффект по экономии бензина (по оценке моих друзей-автомобилистов) — туфта. Если обещанное улучшение состояния двигателя сложно определить сразу, то расход топлива высчитывается довольно легко и быстро. Увы, все ответы по такой экономии были отрицательно-матерными.

  7. Viki:

    Доброго времени суток. Да удобно. Хотя сначала непривычно. Но я думаю направление верное и есть куда развиваться. Еще хочется отметить, что Ваши обучающие занятия очень полезны, т.к.нет бесполезной воды и материал подается в доступной форме. Спасибо. Успехов!!! *THUMBS UP*

  8. Татьяна:

    Сергей, приветствую. «Придумка» Вашей Валерии — просто супер! На самом деле удобно. Мне вообще такой подход очень нравиться. С удовольствием реализовала бы такую форму в своем портфолио. Нечто подобное хотелось сделать уже давно, но, поскольку в технических вопросах я не понимаю, идея так и осталась идеей. Не знаю, какова, конечно, будет конверсия, но если «начало», как я говорю, возбудит потенциального клиента, то даже после знакомства с ценой, он обязательно заглянет и в содержание, и в отзывы… Присоединяюсь ко все желающим узнать подробности «придумки». :-*

  9. Сергей Трубадур:

    Марина написал:

    А где можно купить такой шаблон иль скрипт иль как это реальзуется? Подскажите пожалуйста, кто в курсе. Есть кто продает такие шаблоны?

    Нет, самописные ). Вроде бы.

  10. Марина, как и всегда, умница! 😉 @ Марина Ромаш:

  11. Сергей я новичок в инфобизнесе

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

  12. Дед Шукарь:

    @ Марина Ромаш:
    Еще один важный момент.
    Заголовки блоков (в просторечии «подзаголовки»)- это якоря.
    Если правильно сделан заголовок — посетитель «спотыкается» на нем и читает текст.

    Меню — сухая и формальная подача «якорей».
    Выводы о применимости меню сделает каждый сам, исходя из своих задач.
    Одним такой подход в плюс конверсии, другим в минус.

  13. Марина:

    Вообще супер!!! У тоже меню делаю на страницу для перемещения по блокам текста, но только вверху страницы это меню. Этот вариант меню вообще супер!! то что надо!

  14. Марина:

    А где можно купить такой шаблон иль скрипт иль как это реальзуется? Подскажите пожалуйста, кто в курсе. Есть кто продает такие шаблоны?

  15. Сергей Трубадур:

    Марина написал:

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

    Ага. И технически сложнее :). Но будем иметь в виду.

    Alexey написал:

    Я посмотрел несколько одностраничных сайтов, опубликованных в Вашем портфолио. Там не только текст, но и картинки.Неужели Вы берёте на себя работу дизайнера и клепаете всё это в HTML?

    Нет ). Мы можем подобрать картинки в фотостоке или сделать рекомендательное оформление, но в Ворде.

    Арина написал:

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

    Возможно, такое ощущение возникло тоже из-за меню — этот текст тоже приличный, 20 тысяч знаков )).

    Garik написал:

    И судя по анализу поведения посетителей в вебвизоре(яндекс-директ), пользователи докручивают максимум до середины или первой кнопки заказа.

    Ну до конца «доживают» только самые целевые обычно. Хотя по моим наблюдением некоторые дочитывали до последнией буквы.

    А вот, например, содержание часто просто пролистывали. Поэтому я его не делаю чересчур длинным и заказчикам рекомендую использовать подкаты.

    Алексей написал:

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

    В первом случае не было возможности разместить якорь повыше.

    Как оплатить — можно и сдвинуть, спасибо.

    А вот «заказать» у меня в хроме аккурат как надо.

    Нина Павлиан написал:

    Очень удобно. А как это сделать?

    Марина Ромаш написал:

    Удачи. С вас урок или статья о том как делали такой одностраничник со скользящим меню

    Marina написал:

    Расскажете, как сделать?

    Я не знаю — это наша Валерия придумала буквально за час :).

    Марина Ромаш написал:

    Люди ведь зачастую как делают выбор? Для них первично важна цена, поэтому щелкнув на меню про Оплату, например, увидев цену, могут сделать вывод что это пока дорого или еще чего и нажать крестик…Так и не узнав ценности и пользы..

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

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

    Марина Ромаш написал:

    Честно не понимаю почему сложно..

    Потому что три разных страницы конверсии =) .

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

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

    Вообще сложно одностраничники тестировать — с подписными куда проще.

  16. Сергей Трубадур:

    Станислав написал:

    P.S. Что-то не так с кнопкой «Твитнуть». Выдает, что ее уже «затвитили».

    Странно ).

    Александр написал:

    Мол, пока доберешься до формы регистрации можно вспотеть.

    Очень точное сравнение 😀 .

    Нина Золотова написал:

    А вот предложенный вами вариант не вызывает такого отторжения.

    Здорово. Но, возможно, это потому, что Вы пока к нему не привыкли 😉 .

    Ирина написал:

    На странице fueleco.ru есть визуальное разделение страниц, чёткие границы. Как по мне, то не очень. Особенно когда там не только текст, но и фотографии, лица. Но это только ИМХО. Возможно, дизайнерам виднее.

    Да мне тоже немного дискомфортно при прокрутке такого сайта.

    Ирина написал:

    Единственное что через кнопки тоже немного просвечивает. Если бы можно было сделать только кнопки непрозрачными или чёрным фоном, а саму ленту оставить как есть, то было бы вообще супер.

    Учтем Ваше пожелание. Всё-таки первый такой опыт :).

    Марина написал:

    Может, лучше сделать, чтоб они сразу исчезали за этим белым фоном меню? Но это надо смотреть, как это будет выглядеть. Может нынешний вариант и лучше окажется. Но это мое мнение.

    Мыслите, как Ирина ).

  17. Данута:

    Сергей, как по мне, так это намного удобней. Особенно с «прилипшим» меню. Однозначно стоит ею пользоваться. 😉

  18. Здравствуйте. Я более года делаю продающие сайты на Вордпресс именно с упором на юзабилити и эргономику, также создаю Лендинги. Мой опытный взгляд, Сергей, двояк!

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

    Но вот есть такое опасение.. Люди ведь зачастую как делают выбор? Для них первично важна цена, поэтому щелкнув на меню про Оплату, например, увидев цену, могут сделать вывод что это пока дорого или еще чего и нажать крестик…Так и не узнав ценности и пользы..

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

    Поэтому тут только тестирование.. Сложно говорите — тогда может сделайте урок как создавали такой одностраничник технически и вместе подумаем как прикрутить его к тестированию…Честно не понимаю почему сложно..

    Вот такой у меня ответ на ваш вопрос. Спасибо что задаете их — лучшего тестирования нет 🙂

    Удачи. С вас урок или статья о том как делали такой одностраничник со скользящим меню 🙂

  19. Анна:

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

  20. Отлично смотрится и удобно пользователям, спасибо за идею!
    Расскажете, как сделать? 😉

  21. Елена:

    Да,очень хорошо и удобно.Иногда не хочется читать все подробности,а тут сразу все для себя можно понять и оценить,при желании вернуться и дочитать.Когда у человека есть право выбора-это здорово.Здесь,конечно,нужно очень хорошо работать над текстом,чтобы ключевые вещи могли восприниматься как сами по себе,так и при чтении постепенном. 😉

  22. Очень удобно. А как это сделать?

  23. Алексей:

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

  24. Однозначно вариант с меню лучше! Увидев его вчера был приятно удивлен ) Полностью поддерживаю и уже сам думаю как себе такие делать.

  25. Мне очень нравится, удобно и функционально.За такими одностраничниками — будущее, я думаю, скоро все перейдут на такой способ подачи информации. =)

  26. Илья:

    Сам использовал такую схему несколько раз. Намного удобнее, чем скролить в поисках кнопки «заказать» или цены, что лично меня очень напрягает.

  27. По-моему идеальный вариант. Признаться честно, никогда не докручивал стандартный одностраничник до конца. И судя по анализу поведения посетителей в вебвизоре(яндекс-директ), пользователи докручивают максимум до середины или первой кнопки заказа.
    Кстати, скорее всего, отпадет необходимость создания многостраничного продающего сайта. ИМХО

  28. Дед Шукарь:

    Особенно понравилась подпись к самой последней картинке.

  29. Здорово!
    Максимум информации при минимуме слов.
    В меру графики.
    То есть баланс текста графики и очень информационно и полезно.
    Захватывает очень.

  30. Татьяна:

    Сергей, очень удобно! Давно пора именно такие одностраничники делать!

  31. Арина:

    Да, это удобно. Потому что формат одностраничников, вызывает рефлекс — что-то продают.

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

    Кстати, припереходе на http://radrost.ru/ мой антивирусник сообщает, что эта страница атакует компьютеры. 🙁

  32. А по моему — очень даже хорошо!
    Никогда не читаю весь текст целиком.
    Сейчас намного удобнее, выбираешь абзац который нужен. 😉

  33. Alexey:

    Сергей, приветствую!

    Действительно очень удобно, хотя… структура продающего текста предполагает чтение с начала до конца, а не выборочно. Может под такие тексты с меню нужно придумать какую-то специфическую схему их написания? Я с таким подходом часто сталкивался, но не в рекламных текстах.

    Сергей, вопрос по ходу:

    Я посмотрел несколько одностраничных сайтов, опубликованных в Вашем портфолио. Там не только текст, но и картинки.Неужели Вы берёте на себя работу дизайнера и клепаете всё это в HTML?

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

    P.S. Недавно нашёл Ваш первый пост на Сёрче (в 2007) — про рерайт за 2 доллара. А они ещё там смеялись =-O М-да, где они, а где Вы 😀 !

    С уважением, Алексей.

  34. ТАТЬЯНА:

    Да,это интересно и удобно.

  35. Марина:

    Мне очень нравится идея. И эстетично смотрится, и удобно. И еще и модно заодно, так сказать тренд 😀 .

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

    Может, лучше сделать, чтоб они сразу исчезали за этим белым фоном меню? Но это надо смотреть, как это будет выглядеть. Может нынешний вариант и лучше окажется. Но это мое мнение.

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

  36. Ирина:

    Здравствуйте, Сергей. Сама идея отличная, очень удобно. По поводу тех примеров, что вы привели, могу сказать, что radrost.ru мне больше импонирует чем fueleco.ru. На странице fueleco.ru есть визуальное разделение страниц, чёткие границы. Как по мне, то не очень. Особенно когда там не только текст, но и фотографии, лица. Но это только ИМХО. Возможно, дизайнерам виднее.

    Дизайн менюшки мне больше понравился на вашей странице. Он полупрозрачный и между кнопками есть небольшое расстояние. Нет такого ощущения, что как будто потолок прям над головой висит. Когда меню идёт сплошной непрозрачной лентой, это немного напрягает, опять же ИМХО. Думаю надо учитывать еще и то, что у некоторых в браузере по несколько тулбаров висит сверху, которые итак сокращают обзор экрана.

    Единственное что через кнопки тоже немного просвечивает. Если бы можно было сделать только кнопки непрозрачными или чёрным фоном, а саму ленту оставить как есть, то было бы вообще супер.

  37. Алла Пилипенко:

    Мне кажется, что новая модель достаточно универсальна. Сразу пытаюсь проанализировать, кому из своих заказчиков я бы порекомендовала её.

    Особенно мне понравилось воплощение нового задума на этом сайте — http://www.fueleco.ru/. Привлекло то, что есть раздел «Считай» и «Закажи». Думаю прежде, чем оформлять заказ, большинство посетителей сайта нажмут на «Считай» и смогут оценить выгоды продукта:)

  38. В Интернете уже примерно две недели назад заметил появление таких одностраничников с меню для перехода между блоками текста. Смотрится и воспринимается очень хорошо. Человеку не нужно крутить колесо мышки, чтобы добраться наконец до конца страницы. Такие одностраничники способствуют росту восприятия и конверсии. Это однозначно.

  39. Нина Золотова:

    Мне нравится. По-моему очень удобно и практично, для меня такой сайт выглядит намного привлекательнее, чем традиционный одностраничник.
    Честно говоря, одностраничники я обычно сразу закрываю, как только вижу — при виде их возникает чувство «мне опять пытаются что-то впарить».
    А вот предложенный вами вариант не вызывает такого отторжения.

  40. Да, в таком виде одностраничник читается более удобно, можно не мучить мышку, а вернуться в интересующую часть такста срзу. Но лично мне удобнее, когда меню находится сверху, как на одностраничнике http://radrost.ru/.

  41. Очень удобно! *THUMBS UP* Хотя я так и не разобралась, как такое меню сделать технически 🙂 Думаю, именно за такими одностраничниками будущее

  42. Иляна:

    Мне нравится.
    Действительно в любой момент можно выбрать ту часть «полотна», которая интересует в первую очередь.
    А некоторые мои знакомые, начинающие пользователи интернета, рассказывали, что не доверяют одностраничникам. Работает стереотип — нет меню, значит сайт какой-то странный 🙂

    Поэтому я «за» то, чтобы одностраничники вот так вот эволюционировали 🙂

  43. Александр:

    Это правильная идея. Со временем я в текстах начал вставлять подобные меню в сам текст, т.е. давая человеку выбор к какому блоку переместиться дальше. Но идеальный вариант — это именно вот такое вот «прилипшее» меню.

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

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

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

    Вывод: Конечно же такой вид оформления одностраничника более эффективен, чем простая страница, информацию на которой можно изучать только методом «скрола»

  45. По-моему, просто супер. Ужасно не люблю крутить скролинг в поисках нужной информации. Я думаю за такими страницами будущее!

  46. Дмитрий:

    Мне новый вариант с менюшкой нравится больше, перемещаться удобнее.

  47. Да, Сергей.Так смотреть удобнее и проще.Настолько удобнее, что не замечаешь, что ссылки на оплату рабочие (хотя, «счетчик не включен».

    P.S. Что-то не так с кнопкой «Твитнуть». Выдает, что ее уже «затвитили».

  48. Мне понравилось! Очень!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *