4 инструмента для создания структуры и прототипа сайта

web-greatpro-digital-blog

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

1. PowerMockup

Платформа: Windows
Бесплатная версия: 30 дней пробного периода

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

Ссылка на сайт PowerMockup

powermockup-web-digital

2. Axure

Платформа: Windows, Mac OS
Бесплатная версия: 30 дней пробного периода

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

Ссылка на сайт Axure

axure-web-digital

3. InVision

Платформа: онлайн
Бесплатная версия: есть

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

Ссылка на сайт InVision

invision-web-digital

4. Marvel

Платформа: онлайн
Бесплатная версия: есть

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

Ссылка на сайт Marvel

marvel-web-digital

А какие инструменты для прототипирования используете вы? Напишите в комментариях. И залетайте в наш Telegram-канал, здесь всегда много полезного. Удачи!

 

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

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

Как будет выглядеть солидный интернет-магазин летом 2020

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

5 интерактивных «помощников» продающего сайта

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

5 интерактивных «помощников» продающего сайта

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

1. Конструктор заказа

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

pizza-digital-web

2. Калькулятор стоимости

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

3. Онлайн-примерочная

Заказывать одежду или обувь в интернете всегда было занятием довольно рискованным. И если с размером еще можно было более-менее подгадать, то вопрос «подойдет/не подойдет?» открыт вплоть до получения товара и первой примерки. Благо, сейчас есть возможность прикрутить на сайте виртуальную примерочную, чтобы покупатель мог создать свою компьютерную копию для онлайн-примерки или даже «надевать» на себя товар с помощью технологий дополненной реальности.

web-store-digital

4. Чат-бот

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

• ресторан (оформляет доставку и бронирует столики);
• отель (помогает с картой проезда и заказом номера);
• продажи (собирает корзину заказов, принимает оплату и анонсирует новые товары);
• бьюти (записывает на прием и напоминает о предстоящем визите);
• прокат (следит за временем и помогает его продлить);
• сервис (показывает трекер выполнения работ);
• курсы (обновляет план занятий, напоминает об уроках и проводит тестирование).

5. Виртуальный тест-драйв

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

Пользователь сам перевоплощается в потенциального грабителя.

digital-blog-greatpro

Пытается найти слабые места в доме.

И тут же видит, почему вариант с ограблением защищенного дома – не лучшая идея.

greatpro-digital-blog

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

 

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

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

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

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

Как влюбить клиента в ваш сайт?

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

Фантастические чат-боты и где они обитают?

Как будет выглядеть солидный интернет-магазин летом 2020

greatpro-digital-web

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

1. Дизайн

Говоря о любых веб-сайтах, разумеется, первым делом разбираем одежду, по которой их встречают – о дизайне. Летом 2020 в трендах будет дизайнерская сдержанная презентабельность, ключевыми столпами которой являются:

• неброские однотонные мотивы (темные или светлые);
• правило трех цветов;
• минимум деталей;
• удобная навигация;
• авторские вижуалы.

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

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

3. Видео

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

4. Дополненная реальность

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

5. Полезность

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

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

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

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

7. Дополнительные возможности

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

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

 

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

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

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

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

Кнопка, на которую нажмут: 5 дизайн-приемов по созданию CTA

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

4 AR-возможности для среднего бизнеса

5 коронных способов обосновать цену на сайте

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

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

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

8 вредных привычек копирайтера, которые губят продажи на сайте

web-digital-blog

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

Привычка №1. Стандартность

Первая ошибка неопытного копирайтера – боязнь выйти за рамки стандартного текста, который он видит на 80% ресурсов, и сделать что-то не «как у всех». Это приводит к тому, что сайт становится еще одной каплей в море тех 80%, растворяется и никак не запоминается клиенту.

Что делать?

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

Привычка №2. Монотонность

Вероятно, вы и сами сталкивались с тем, что, читая текст, порой можно потерять нить и постепенно начать «клевать носом»? Это далеко не всегда говорит о несобранности и несерьезности читателя. Чаще проблема как раз в авторе, который сделал монотонный текст, наделенный чудесным усыпляющим эффектом.

Что делать?

Работать над ритмом текста:

• чередовать длинные и короткие предложения;
• разбивать большой текст на абзацы максимум по 5-6 предложений;
• задавать вопросы читателю внутри текста;
• дозированно подключать слова-стопперы, которые «будят» читателя (не «хороший», а «добротный», не «изюминка», а «изюмка»).

Привычка №3. Канцелярщина

Привести текст к неуместной официально-деловой подаче способны следующие словоформы.

• Клише (акулы пера, вкусный текст). Фразы, которые лет 30 назад считались яркими, но уже настолько часто использовались, что превратились в штамп.
• Паразиты времени (сегодня, в 21 веке, в наше время). Когда автор не знает, как начать мысль, то начинает ее с паразита времени.
• Отглагольные существительные (производим работы по покраске заборов – красим заборы). Глагол – самая сильная часть речи. В 95% случаев, если можно заменить другую часть речи глаголом, смело меняйте.
• Пустые эпитеты (эффективный, качественный). Фразы, не подкрепленные конкретным доказательством.

Что делать?

Прогонять текст через программы-«чистильщики», например, Главред Максима Ильяхова. Ну и воспитывать в себе культуру письменного общения, исключающую канцеляризмы там, где они неуместны (то есть почти везде).

Привычка №4. Наигранность

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

Что делать?

Быть собой. Если ваши менеджеры по продажам не говорят клиенту «Хееей, чувак!», не стоит делать этого и на сайте. 🙂

Привычка №5. Пустословие

Продолжение темы пустых эпитетов и не только. Фразы вроде «команда высококлассных специалистов», «эффективное решение задач» и «качественный результат» – это же ни о чем. Читатель давно такому не верит и правильно делает.

Что делать?

Обосновывать каждое слово. Например, не «Много выполненных проектов для довольных заказчиков», а «250 проектов для 97 клиентов из 14 стран мира».

Привычка №6. Незнание языка ЦА

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

Что делать?

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

Привычка №7. Агрессивность

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

Что делать?

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

Привычка №8. Неграмотность

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

Что делать?

Если в команде нет толкового корректора, уделять больше внимания саморедактированию:

• отложить текст на день или хотя бы на пару часов, чтобы перечитать «с чистой головой»;
• сменить формат и носитель, распечатать текст, увеличить шрифт, открыть на другом устройстве;
• перечитать снизу вверх, чтобы не гнаться за смыслом, а вчитываться в каждое слово;
• проговорить вслух, чтобы выявить логические неточности;
• использовать онлайн-инструменты (Адвего, Текст.ру, Орфограммка).

Вот такие вредные копирайтерские привычки. Да, это неполный список, но избавьтесь для начала от этих (если они у вас есть) – и насколько круче станет контент для сайта. И не только для сайта. Удачи и вдохновения!

 

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

5 качеств великого копирайтера

Must have инструментарий для работы с текстом

Что такое «ритм текста» и зачем его соблюдать?

Секреты копирайтинга: как нежно припугнуть, но не запугать читателя?

Сам себе редактор: 6 способов всегда сдавать текст без ошибок

Творческий кризис: что делать, если вдруг закончились идеи по контенту?

8 признаков того, что ваш копирайтер мудак