Настал долгожданный день подведения итогов и определения наших победителей!

Подводим итоги розыгрыша в 18:00 с помощью рандомайзера.

Напоминаем, что победителей у нас пять и выигрывают они:

🔹iPhone 15 Pro

🔹AirPods 2

🔹И 3 подписки Telegram Premium на год

Ждем вас в 18:00 на нашем youtube-канале по ссылке 😉

🎮Поговорим про геймификацию в дизайне

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

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

В качестве примера возьмём изучение английского с различными квестами в Duolingo или мини-игру с динозавром, которая появляется в браузере Chrome, если сайт не прогрузился из-за отсутствия интернета. Кстати, Яндекс стал очень активно использовать такие механики и делать интерактивы на основе тестов “Узнай, кто ты”.

Зачем они это делают?

- Разнообразие пользовательского опыта

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

- Повышение лояльности к бренду

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

- Мотивация на целевые действия

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

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

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

Changelog Taptop

Поделимся последними обновлениями функционала Taptop. Некоторые идеи мы получили от наших пользователей, которые оставили предложения в Roadmap.

1️⃣ Добавили виджет Видео

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

2️⃣ Интеграция форм Telegram

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

3️⃣ Новые шаблоны в маркетплейсе

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

4️⃣ Контролы перемещения у элемента

При выборе Секции будут доступны контролы для ее перемещения на холсте вверх/вниз и вправо/влево.


5️⃣ Контролы выбора элемента на холсте

При выделении элемента у него будут доступны контролы со списком из двух его родительских элементов. При клике будет переход на один из них.

6️⃣ Доработали всплывающее окно (pop-up)

Теперь есть кнопка Done, которая закроет pop-up при его добавлении на холст и не будет мешать в окне редактирования.

7️⃣ Перемещение элементов с помощью стрелок на клавиатуре

Возможность перемещать элементы в рамках родителя с помощью стрелок вверх/вниз, вправо/влево на клавиатуре.

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

Планируем развиваться дальше и радовать вас полезными и актуальными обновлениями💙

Ловите классную новость!

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

Но мы также советуем посмотреть видео и опытным пользователям, так как подробнее остановимся на базовых понятиях, таких как:

👉 Элементы интерфейса
👉 Структура верстки
👉 Display Flex
👉 Классы
👉 Адаптация проекта под разные форматы
👉 Анимации
👉 Тарифы и базовые настройки проекта

Поэтому устраиваемся поудобнее и переходим по ссылке, приятного просмотра🔥

Для всех знатоков UI/UX🧠

Начинается образовательная неделя, в которой каждый день в 18:00 тебя будет ждать вопрос на тему веб-дизайна на нашем канале. Ошибок можно не бояться, ведь викторина будет анонимной.

Проверим, какой процент наших подписчиков разбирается в предмете🤔

Первый вопрос будет уже сегодня, let’s go!

Формы обратной связи на сайте

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

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

Кто мы такие, чтобы отказываться от лидов, правда?

Стандартная структура обратной связи выглядит так:

◻️Заголовок

◻️Поле для ввода имени

◻️Поле для ввода контактов

◻️Кнопка «Отправить»

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

Советы для создания формы:

🔹 Создать стимул для заполнения данных

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

🔹 Подобрать удачное место для размещения

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


🔹 Не надоедать

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

Если у тебя есть какие-нибудь вопросы по формам и их настройке, то можешь задать их в комментариях👇