Онлайн-инструменты для тестирования сайта

blog-greatpro-digital-web

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

1. PerfectPixel

Достаточно годное расширение для Chrome, неплохо помогающее в тестировании верстки.

PerfectPixel

2. Browser Shots

Незаменимая вещь для проверки совместимости сайта с разными браузерами.

Browser Shots

3. Link Checker

Сервис для выявления проблем со ссылками и анкорами на странице.

Link Checker

4. CSS Validator Service

Удобный валидатор для поиска ошибок в CSS и HTML.

CSS Validator Service

5. PageSpeed Insights

Бесплатный гугловский сервис, который тестирует скорость загрузки страниц сайта.

PageSpeed Insights

Бонус. UsabilityHub

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

UsabilityHub

Вот такой набор. Сохраняйте, чтобы не потерять, и пользуйтесь на здоровье. А если вы хотите заказать веб-услуги, в которые, разумеется, включено и качественное тестирование нормальными, опытными тестироващиками, обращайтесь к нам по номеру +38-063-454-71-54 или пишите на hello@greatpro.com.ua. Организуем.

 

Похожие материалы:

6 признаков того, что ваш сайт устарел

Как прикрутить SSL-сертификат?

Выбираем домен для сайта: неочевидные секреты

Ускоряем загрузку сайта своими руками

Как не ошибиться в выборе CMS

Юзабилити-х**билити: 6 мифов, в которые до сих пор верят

blog-great-pro-web

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

Миф 1. Правило трех кликов

Считается, что пользователь, не добравшись до целевого действия в три клика, разочаровывается и покидает сайт. Но нет, никто так не делает. Точно так же, как и меньшее количество кликов не создает у людей ощущения быстрого достижения цели. Миф развеяли сразу несколько исследований от крупных маркетинговых агентств (UIE, CX Partners, Nielsen & Loranger). Три клика – просто здравый ориентир для плюс-минус стандартных веб-ресурсов, но никак не красная черта, за которую нельзя заступать.

Миф 2. Главная страница – самая главная

Если речь о многостраничном сайте, а не о landing page, то главной странице пользователи уделяют не так много внимания, как может показаться. Дело в том, что приемы SMO, SEO и контекстной рекламы позволяют направить основной трафик сразу на продуктовые страницы, минуя стартовую. Это, конечно, не значит, что главную вообще можно не делать, но дизайнерский авангард все же лучше выкатить на тех страницах, куда придет больше посетителей.

Миф 3. Юзабилити – это всегда минимализм

Не-а, не всегда. Юзабилити – это эргономичность и удобность использования сайта. А излишний минимализм наоборот может порой здорово запутать. Так что компромиссное решение и баланс мини-макси все же уместнее принципиальной позиции, мол, минимализм – это всегда свежо, модно и панацейно.

Миф 4. Пролистывание – зло

Есть такой бородатый миф о том, что все самые важные смыслы на сайте пользователь должен увидеть без прокручивания страницы. Пожалуй, 10-15 лет назад это и правда было актуальным, но в последние годы скролл стал настолько естественной и гармоничной частью интернет-серфинга, что окончательно перестал вызывать негатив у пользователя. Вот совсем. Поэтому сегодня никто не покинет страницу только из-за того, что она длиннее одного экрана. А значит, и контент можно распределять спокойнее, не зацикливаясь на том, чтобы вынести все самое ценное вверх.

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

Миф 5. Оригинальная оригинальность

В некоторых особо креативных дизайнерских кругах считается, что стандартные шаблонные приемы – это слишком банально и для каждого проекта нужно придумать 100% оригинальное решение. На самом деле, нет ничего плохого в тяге к оригинальности, вот только конечный пользователь всегда больше нацелен на то, чтобы было удобно и понятно. Креативность подачи – на втором месте. Поэтому, если в правой руке Морфеус протягивает шаблонное, но проверенное и реально удобное для пользователя решение, а в левой – что-то оригинальное, броское, красивое, но не совсем понятное, лучше все же выбрать первое.

Миф 6. Поиск спасает при плохой навигации

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

Это был последний миф на сегодня. Если у вас есть свои наблюдения и мысли по вопросу юзабилити, оставляйте комментарии под этим материалом, с удовольствием пообщаемся. Ну а если вас интересуют веб-услуги от дизайнеров, верстальщиков, копирайтеров и интернет-маркетологов с прямыми руками, звоните нам по номеру +38-063-454-71-54 или пишите на hello@greatpro.com.ua. Организуем.

 

Похожие материалы:

Тренды веб-дизайна 2020

10 заповедей типографики в веб-дизайне

Страница 404: яркие идеи по оформлению

Форма входа и регистрации на сайте: советы веб-дизайнеру

4 ошибки, которые с головой выдают слабого веб-дизайнера

4 контент-секрета много продающего сайта

web-blog-greatpro

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

1. Выгода, выгода… и еще немного выгоды

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

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

2. Доказательств много не бывает

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

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

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

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

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

3. «Живая» стилистика

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

• Клише: вкусный текст, акулы пера, решение под ключ

• Паразиты времени: сегодня, в 21 веке (с комбо версией «в 21 веке ни для кого не секрет»)

• Отглагольные существительные: производить работы по покраске заборов

• «Пустые» эпитеты: эффективный, качественный

4. Первый блин – в корзину

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

 

Похожие материалы:

Анатомия landing page: структура продающего текста

Анатомия landing page: что такое надзаг, заг и подзаг?

Анатомия landing page: блок аргументов

Анатомия landing page: аргументация цены

Анатомия landing page: финальный текст

Оффер, который реально продает: формула 4U

Продающий текст своими руками: гид для «неписателя»

Тренды веб-дизайна 2020

blog-web-greatpro

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

Брутализм

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

Броская типографика

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

web-digital-blog

Привет, 90-е!

Соскучились по прошлому тысячелетию? Оно возвращается, по крайней мере, в веб-дизайн. Резкие контрасты и смелое использование вызывающе ярких (местами даже кислотных) оттенков, чтобы достичь на сайте стилистики 90-х – еще один из трендов наступающего года.

Фото + иллюстрация

Сочетание двух реальностей тоже будет актуальным в 2020 году. Соединить фото и рисунок – прием нехитрый, но довольно эффектный. Особенно круто, если иллюстрация при этом сделана в стиле рисунка от руки.

Интерактивность

Пользователю надоело просто смотреть на сайт, он хочет взаимодействия и двухстороннего общения. Благо, технические возможности для этого уже есть, так что, как говорится, you are welcome. Подвижные объекты, игровые элементы, диалоговые и поисковые окна, конструкторы и прочая интерактивная «начинка» точно будут в почете.

Объем

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

Цвет года

По традиции, в конце каждого года Pantone Color Institute объявляет оттенки, которые будут в тренде весь следующий год. Информация, конечно, относительная и ни к чему не обязывающая, но на всякий случай – цветом 2020 года назван Classic Blue 19-4052.

pantone-2020-classic-blue-1080x675

Похожие материалы:

Новое в веб-дизайне: тренды 2019

6 признаков того, что ваш сайт устарел

4 ошибки, которые с головой выдают слабого веб-дизайнера

Секреты веб-дизайнера: как добавить сайту солидности

10 заповедей типографики в веб-дизайне

Что нужно знать о геймификации сайта?

Брошенная корзина: 4 железных способа вернуть покупателя

blog-greatpro-digital

Много среди нас по олдскулу? Сейчас проверим.

А вот и чей-то смех, где-то скрытая камера.
Куда же деть корзину? В ней сплошное палево.
Подфартило – опер отвернулся к консервам,
Ставлю на пол ее. Моя корзина?! Хер вам!

Каста

Классика не стареет, правда? Переслушиваем, ностальгируем и продолжаем. 🙂 Как говорится, мем смешной, а ситуация страшная. По статистике, около 72% корзин в интернет-магазинах навсегда остаются брошенными. И сегодня разбираем четверку работающих стратегий, которые помогут снизить этот показатель для вашего бизнеса.

Способ №1. Всплывающее окно

Покупатель собирается уйти с сайта, так и не оформив покупку? Задержите его всплывающим окном а-ля «Уже уходите?». Но не простым вопросом, на который он ответит «Ага» и продолжит начатое, а чем-то действительно приятным. Например, подготовьте на такой случай небольшой персональный бонус в виде бесплатной доставки экспертной консультации или скидки. А чтобы не уйти в минус, рекомендуем отточить этот прием с помощью А/В-тестирования.

window

Способ №2. Ремаркетинг

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

Здесь можно использовать такие посылы:

• напоминание: вы ничего не забыли?
• юмор: возвращайся, я все прощу!
• еще юмор: это пес Дружок, он охраняет вашу корзину
• бонус: только для вас скидка 15%
• ограничение: на складе осталось всего 13 товаров

Erich Maria Remarque

Способ №3. Email-рассылка

Хорошо, если вам удалось «зацепить» электронную почту клиента до того, как он оставил корзину. В этом случае рекомендуем заранее подготовить автоматическую цепочку из 3-4 писем, которые будут напоминать пользователю об оставленном товаре и мотивировать его вернуться:

• 1 письмо (через 3 часа) – вежливое и ненавязчивое напоминание с призывом завершить покупку.
• 2 письмо (через 1 день) – предложение помочь клиенту с заказом или проконсультировать его.
• 3 письмо (через 3 дня) – максимальный возможный бонус или скидка, которые могут вернуть покупателя.

• 4 письмо (через 10 дней) – напоминание о себе с призывом начать все сначала и посмотреть другие товары.

news-post

Способ №4. Мессенджер

Здесь примерно тот же принцип, что и при email-рассылке, с той лишь разницей, что мессенджеры располагают к еще более неформальном общению, поэтому здесь можно совсем не жалеть юмора. В то же время, в отличие от письма на электронную почту, сообщение в мессенджер больше напоминает личное послание, а не рассылку. Поэтому здесь уместна тактика «тайных бонусов». Например, «Эй, привет. Я транжира-консультант. Специально для тебя удалось выбить неплохую скидку на товар, который ты просматривал. Только тсссс, никому, а то мое начальство будет в шоке».

South Central

Бонус. Почему бросают корзины?

Ниже собрали наиболее частые причины, по которым клиент так и не заканчивает покупку.

1. Сайт не вызывает доверия пользователя из-за незнакомой платежной системы.

2. Финальная стоимость товара в корзине (с учетом доставки, налога и т.д.) сильно отличается от той, которая была в каталоге.

3. Корзина не запоминает содержимое и обнуляется при каждом выходе из нее.

4. Пользователь не находит подходящий способ оплаты.

5. Чтобы приступить к оформлению заказа, нужна регистрация на сайте.

6. Не предусмотрена возможность возврата.

7. Корзину сложно найти… и легко потерять.

Итого

Около 72% корзин в интернет-магазинах остаются брошенными – факт. Но с этим можно и нужно бороться: задержать «беглеца» всплывающим окном, напомнить о себе с помощью ремаркетинга и автоматической цепочки писем, сделать персональное предложение в мессенджере. Но еще лучше – не допускать ошибок, которые чаще всего приводят к тому, что клиент не хочет продолжать оформление покупки.

 

Похожие материалы:

Анатомия landing page: блок аргументов

Форма входа и регистрации на сайте: советы веб-дизайнеру

5 главных ошибок при создании сайта

Повышаем Open Rate email-рассылки

Напиши – и тебе ответят: повышаем КПД триггерной рассылки

SEO-тренды 2020 года

seo-digital-blog

В преддверии Нового года продолжаем разбирать тренды, которые будут актуальны в 2020-ом. В сегодняшнем материале будем говорить о старом добром SEO-продвижении. Поехали.

Контент

Находить реально полезный для читателя контент и отсеивать остальное – то, над чем поисковики усердно трудятся последние несколько лет, и с каждым годом все усерднее. Поэтому на первом месте в нашем списке вечный тренд – на актуальный экспертный контент, уникальность, структурированность и НОРМАЛЬНУЮ оптимизацию без приставки «пере».

Сниппеты

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

Голосовой поиск

В наиболее развитых странах, например, в США уже сейчас около половины поисковых запросов отправляется с помощью голосовых, а не текстовых команд. В 2020 таких станет еще больше, и не только в США, но и у нас.

Как это отразится на SEO? Не забываем, что устная речь человека гораздо более складная и естественная. К примеру, если нам понадобилось купить дешевые книги, в текстовом поиске мы напишем: «Купить книги Киев недорого», а голосом спросим: «Где в Киеве можно недорого купить книги?».

Чтобы прокачать сайт в плане таких длиннохвостых запросов, можно завести отдельный раздел FAQ. Он предусматривает наличие вопросов в формате «Как?», «Где?», «Зачем?».

Accelerated Mobile Pages

AMP – это ускоренные мобильные страницы, которые создаются на специальных версиях HTML и JavaScript. Технология известна с 2015 года, но особо популярной становится именно сейчас, когда Google начал переход на политику Mobile first. Так что наличие или отсутствие AMP-страниц будет одним из важнейших факторов ранжирования в 2020 году.

 

Похожие материалы:

Как голосовой поиск повлияет на SEO

11 смертных грехов SEO

5 обязательных инструментов SEO-специалиста

7 SEO-шагов для роста поисковых позиций сайта

С чего начать, чтобы хорошо закончить? Запускаем SEO-продвижение правильно

Каким будет хороший сайт в 2020 году?

web-trends-blog-digital

Канун Нового года – отличное время, чтобы строить планы на будущее и мечтать о том, какие плюхи подарит нам очередной виток планеты вокруг Солнца. А чтобы мечты не остались лишь мечтами, нужно что? А) Весь предыдущий год быть хорошим мальчиком/девочкой – Done. Б) Не ждать, что плюхи сами прилетят, сами интегрируются и сами принесут профит, а вовремя отслеживать и интегрировать их в свой бизнес. По последнему пункту сейчас и пройдется. Вашему вниманию наиболее ожидаемые сайтотренды 2020 года. Ловите, читайте, запоминайте и используйте. Погнали.

Прорыв одностраничников

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

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

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

Интерактивность

«Руками не трогать!» – в 2020 году это предупреждение останется актуальным разве что в музеях восковых фигур и стриптиз-клубах. Пользователям сайтов хочется наконец-то трогать и взаимодействовать. Поэтому в наступающем году будут особо цениться сайты с интерактивными функциями: конструкторами пиццы, калькуляторами стоимости и всевозможными онлайн-примерочными.

Адаптивность

Этот тренд как хорошее вино – с каждым годом становится только трендовее. Не секрет, что мобильные пользователи интернета обскакали ПК-юзеров по своему количеству еще в 2016 году. И с тех пор, кстати, только укрепляют преимущество. Поэтому сайтоделам давно пора перейти в адепты философии Mobile first. Тот же Google, например, сделал это еще в середине 2019 года и теперь индексирует все новые сайты, ориентируясь именно на их мобильные версии.

Чат-бот + голосовые команды

Мы объединили эти два пункта, потому что обычные чат-боты уже сложно назвать трендом. А вот голосовые боты пока что реализованы только в формате отдельных приложений-помощников. Но уже в скором времени ожидается их массовое внедрение в работу сайтов, что позволит покупателям и брендам перейти на новый уровень ведения диалога – двухстороннее осмысленное голосовое общение.

Такие вот ключевые новинки ожидают нас в 2020 году. Кажется, будет круто. 🙂 А если вы хотите опередить тренды и обновить сайт или заказать создание нового веб-решения прямо сейчас, обращайтесь к нам по номеру +38-063-454-71-54 или пишите на hello@greatpro.com.ua.

Удачи!

 

Похожие материалы:

6 признаков того, что ваш сайт устарел

5 главных ошибок при создании сайта

Что нужно знать о геймификации сайта?

Форма входа и регистрации на сайте: советы веб-дизайнеру

Анатомия landing page: структура продающего текста

web-greatpro-blog

Возможно ли вывести универсальную формулу посадочной страницы? Формулу, пожалуй, нет. За правильно работающим лендингом стоит глубокая и, главное, индивидуальная работа. Но собрать «скелет» фундаментальных блоков, которые точно есть в прибыльных landing page, вполне реально. Именно этому посвящен наш сегодняшний материал. Начинаем.

1. Стартовый экран

Принято считать, что первая страница лендинга – наиболее важная его часть. Мол, как корабль назовешь… Да, она чрезвычайно значима, но в плане контента задача стартового экрана – не продать товар, а только выиграть у клиента еще 15-20 секунд, пробудив у того интерес проскроллить до следующего экрана.

Чтобы главная страница действительно цепляла и при этом не была перегружена, информацию лучше разбить на четыре части:
— надзаголовок (если уместно) – короткое сообщение из 3-5 слов, призванное заинтриговать читателя;
— заголовок – собственно, название товара или услуги;
— подзаголовок – наиболее объемный и «сухой» фрагмент главной страницы, задача которого емко и информативно описать предлагаемый товар или услугу;
— призыв к действию, ненавязчивый и ведущий на второй экран, например, не «Купить», а «Узнать подробнее».

Детальнее о наполнении стартового экрана читайте в материале Анатомия landing page: что такое надзаг, заг и подзаг?

2. Знакомство + оффер

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

Максимально удачный вариант подачи: несколько предложений friendly-текста, определяющих главную боль клиента + несколько пунктов, показывающих решения с помощью предлагаемого продукта + мощный призыв к действию.

Но это тоже не универсальная формула. Если в случае вашего лендинга уместнее подать оффер иначе, вперед. 🙂

3. Доказательства

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

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

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

Цифры. Слова словами, но больше всего доверия вызывают конкретные цифры. Если это уместно, сделайте на посадочной странице отельный «математический» блок, в котором обыграйте самые красивые цифры: скидки, годы гарантии, выигранные с помощью покупки человеко-часы и другие честные данные.

Мифы. Отличный вариант провести работу с возражениями на опережение. Объясняем. Наверняка, наполняя landing page, вы заранее можете предугадать наиболее частые сомнения и возражения, которые могут зародиться в голове потенциального покупателя. Сделайте из них отдельный блок мифов и успешно развенчайте каждый из них. Busted!

Детальнее о доказательных блоках читайте в материале Анатомия landing page: блок аргументов

4. Аргументация цены

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

Хуже, если фиксированной стоимости вообще нет. Тогда есть вариант заинтересовать клиента калькулятором ориентировочной цены, чтобы он видел, из чего состоит конечная сумма.

О других работающих инструментах читайте в материале Анатомия landing page: аргументация цены

5. Ударная концовка

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

Подобных техник немало, детальнее о них читайте в статье Анатомия landing page: финальный текст

На этом будем заканчивать нашу рубрику Анатомия landing page. Все предыдущие материалы можно полистать по ссылкам, приведенным в этой статье, а если у вас появились вопросы или вы с чем-то не согласны, оставляйте свои комментарии – с радостью пообщаемся. Удачи!

4 признака идеального ТЗ на разработку сайта

blog-digital-web-greatpro

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

А можно без ТЗ?

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

Критерии работающего ТЗ

Ниже собрали четыре ключевых момента, которые нужно учитывать при составлении ТЗ.

1. Измеряемые задачи. Задания, прописанные в техзадании, должны подразумевать результат, который можно «пощупать руками». Представим себе ТЗ, в котором прописана следующая фраза: «Готовый сайт должен быть удобным, красивым и нравиться клиентам заказчика». Странное определение, так как «нравится/не нравится» – дело вкуса. Поэтому художественные моменты в ТЗ не прописываются.

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

• Описание бизнеса
• Предназначение сайта (продажа товаров, визитка, платформа для общения с клиентами)
• Блоки и разделы сайта
• Технические нюансы (кроссбраузерность, адаптивность, CMS, хостинг)
• Функциональные возможности (чат-бот, калькулятор, форма обратной связи, счетчик посещений)
• Примеры сайтов, которые нравятся заказчику

3. Ответственность сторон. Кроме прочего, отдельным пунктом в ТЗ стоит прописать, какая из сторон за что отвечает. Например, наполнение сайта контентом. Если основной контент заказчик собирается подготовить сам, но в некоторых экранах ему нужна помощь, об этом нужно написать в ТЗ: «Текстовый контент для блоков «О нас», «Кейсы» и «Политика конфиденциальности» готовит исполнитель, остальной текстовый контент предоставляет заказчик».

4. Дозированные хотелки. Пожелания заказчика во время реализации сайта – это важно, не стоит игнорировать их. Но всему есть предел, и заказчик не должен вмешиваться в глубинную техническую работу исполнителя. А фраза «Все, что не оговорено, выполняется на усмотрение исполнителя» в самом конце ТЗ здорово защищает такую позицию.

Кто составляет ТЗ?

В идеале – обе стороны. С клиента максимально детализированное описание бизнеса и ожиданий от сайта, с исполнителя технические моменты. Затем все это сводится в общий документ и заверяется обеими сторонами.

Техническое задание обезопасит заказчика от некачественного результата, а также поможет исполнителю быстрее и лучше справиться с работой. Поэтому не стоит относиться к его написанию и согласованию как к чему-то бюрократическому и второстепенному. Ну а если вы прямо сейчас ищете хорошего подрядчика, способного выполнить веб-услуги любой сложности, обращайтесь к нам по номеру +38-063-454-71-54 или пишите на hello@greatpro.com.ua. Удачи!

 

Похожие материалы:

6 признаков того, что ваш сайт устарел

Выбираем домен для сайта: неочевидные секреты

Нужен ли блог на коммерческом сайте?

Что нужно знать о геймификации сайта?

Форма входа и регистрации на сайте: советы веб-дизайнеру

Анимация пользовательского интерфейса: 5 ключевых советов

digital-greatpro-web-blog

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

1. Анимация. Начало

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

2. Анимация – не панацея

Превратить сайт или приложение в бесконечный анимированный ролик – это, конечно, очень заманчиво, но на деле недопустимо. Безразборное добавление анимации в пользовательский интерфейс будет крахом UI- и UX-принципов по отношению к вашему ресурсу. Использовать анимацию следует лишь там, где это действительно уместно, например, при переходе на другую страницу, ожидании или для подсказок пользователю.

3. Скорость анимации

Еще один важный момент – скорость анимации. Если ее воспроизведение занимает меньше одной секунды, за анимацией становится сложно уследить. Если же больше 5-6 секунд – она однозначно будет восприниматься пользователем как слишком затянутая.

4. Анимация, сокращающая ожидание

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

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

5. Микроанимация

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

Не забудьте сохранить эти рекомендации, когда-нибудь пригодятся. А если хотите заказать разработку сайта «под ключ», звоните нам по номеру +38-063-454-71-54 или пишите на hello@greatpro.com.ua. Организуем.

 

Похожие материалы:

10 заповедей типографики

Что нужно знать о геймификации сайта?

Форма входа и регистрации на сайте: советы веб-дизайнеру

Страница 404: яркие идеи по оформлению

6 признаков того, что ваш сайт устарел

4 ошибки, которые с головой выдают слабого веб-дизайнера