Канал о Tilda

2022-05-09 11:15:27 Как дать клиенту эффективную обратную связь
#польза

Американский дизайнер Джошуа Маулдин поделился своим подходом к работе с клиентами

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

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

Видео сжимает изображение и искажает звук.

Аудио искажает все голосовые характеристики и, конечно, проигрывает по всем невербальным каналам.

Текст передает только информацию.

Кроме этого, вы всегда находитесь во власти настроения читателя, его кругозора или других отвлекающих факторов, которые они испытывают.

Но как же этого избежать?

Будьте предельно ясны. Человеческий мозг любит заполнять пробелы негативными предположениями.

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

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

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

А как вы общаетесь с клиентами? Открыть/Комментировать

2022-05-07 14:33:17 Что такое дизайн-система?
#польза

Ирландский веб-дизайнер Джереми Кит говорит о дизайн-системе:

«…Она включает в себя библиотеки шаблонов, руководства по стилю и другие объекты. Но не обманитесь: даже самый полный набор шаблонов никогда не станет для вас дизайн-системой. Потому что система — это не сами компоненты, а то, что связывает их воедино. Это правила и ограничения, которые указывают, как эти шаблоны работают вместе, когда и где целесообразно использовать каждый».

Преимущества системы проектирования

Это приносит последовательность в продукт и веб-дизайн

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

Это позволяет создать эффективное кросс-функциональное сотрудничество

Благодаря комплексному подходу к проектированию и исполнению ваши команды смогут слаженно сотрудничать от начала до конца над каждым новым проектом.

Это увеличивает скорость и масштабируемость дизайна

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

Примеры систем проектирования для вдохновения:

система Atlassian;

система Lightning Design от Salesforce;

система GOV.UK;

система Google Material Design;

система Shopify Polaris.

Пользовались ли вы дизайн-системой? Открыть/Комментировать

2022-05-04 12:11:15 #юмор Открыть/Комментировать

2022-05-02 13:32:56 Как создать сайт B2B. который обязательно будет конвертироваться
#польза

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

Разработка такого сайта - долгая и часто трудная задача. Но самыми успешными сайтами B2B являются те, в которых клиент находится в центре внимания процесса проектирования.

Так как же сделать такой сайт?

Определите свои цели: поймите действия, которые должен предпринять ваш клиент

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

Карта пути покупателя

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

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

Разработайте покупательские портреты. «Идея в том, чтобы думать об этом образцовом покупателе и говорить с ним так, как если бы он был реальным человеком. Это позволяет вам создавать маркетинговые сообщения, ориентированные именно на него», - считает Стэйси Маклэхан, специалист по маркетингу.

Разработайте эффективную дизайн-систему

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

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

1) правила и ценности, которыми вы руководствуетесь;

2) библиотека шаблонов проектирования;

3) набор компонентов, ориентированных на пользовательский интерфейс: кнопки, виджеты, формы и другие;

4) следуйте правилам доступности контента.

Подробнее о дизайн системе расскажем в следующем посте. Открыть/Комментировать

2022-04-29 14:57:14 Дизайнер Ребекка Картер о качественной презентации компании
#польза

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

Задачи страницы — раскрыть смысл бренда, подчеркнуть ценности компании и её уникальность, повысить доверие клиента.

Страница должна содержать тезисную информацию: ведь у вашего покупателя мало времени. Рассказывать текстом не обязательно: используйте видео или иллюстрации.

Приведите доказательства качества вашей деятельности: оценки компании и отзывы из агрегаторов, цитаты клиентов и их логотипы, фрагменты кейсов, отметки государственных представителей

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

Покажите фото сотрудников. Если их тысячи, покажите руководство и значимых специалистов.

Как вы думаете, насколько велико значение этой страницы? Открыть/Комментировать

2022-04-27 12:15:46 Как сделать доступный сайт
#польза

Из отчета WebAIM Million за 2022 год мы выбрали пять наиболее распространенных ошибок, обнаруженных на миллионе популярных веб-сайтов (от Google до «Московского комсомольца»).

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

Ошибки, которые мы выделили, это:

Низкоконтрастный текст

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

Отсутствие альтернативного текста для изображения

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

Отсутствие маркировок форм

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

Отсутствие возможности пропустить навигационные ссылки

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

Языковая ограниченность

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

P. S. Присылайте свои любимые работы на голосование в сообщения этого аккаунта @golosovalkin. Команада экспертов нашего чата выберет 10 интересных проектов. А вы решите, чья работа станет лучшей в специальном опросе. Открыть/Комментировать

2022-04-24 11:26:58 Обновления в Интернет-магазинах и Tilda CRM
#важно

Загрузка изображений в Каталог через CommerceML

Если на вашем сайте используется синхронизация с сервисами Мой Склад или 1С, можно настроить импорт изображений в Каталог.

Модуль CommerceML - это единый стандарт обмена коммерческой информацией в формате XML. Он полезен для тех магазинов и маркетплейсов, которые работают с системами учёта. Модуль позволяет выгружать информацию о товарах, их остатках и ценах; отправлять информацию о заказах.

Подключение:

Наведите курсор на три точки в каталоге товаров;

Перейдите в раздел Синхронизация через CommerceML;

Дополнительные настройки;

Параметры импорта товаров;

Принимать изображения.

Ссылка на YML-файл для синхронизации товаров с Яндекс.Маркетом

Теперь в Каталоге можно сформировать постоянную ссылку на YML-файл для Яндекс.Вебмастера. Это позволит автоматически обновлять информацию о товарах из интернет-магазина на Яндекс.Маркете.

Подключение:

Наведите курсор на три точки в каталоге товаров;

Скачайте список товаров в YML;

Тумблер Ссылка на YML.

Пять новых полей и корзина для листови с заявками в Tilda CRM

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

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

2022-04-22 17:59:40 Ключевые показатели того, что сайт пора обновить
#польза

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

Итак, когда же стоит обновить сайт?

Показатель отказов выше среднего

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

Скучный сайт

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

Неэффективное общение через соцсети

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

Необновлённый ассортимент на сайте

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

Как вы думаете, стоит ли обновлять даже самый лучший и удобный сайт? Открыть/Комментировать

2022-04-20 11:22:58 Блочная модель CSS
#модификации

В настройках блоков Tilda появилась возможность задавать CSS-класс. С помощью этого языка можно поменять всё: от цветов сайта до шрифтов и фоновых изображений. Благодаря этой функции работа с модификациями станет удобнее: вы задаёте класс блоку и указываете его название в html-коде.

Градиент на текстовом блоке

Добавьте блок с большим текстом, например, AB501.

Откройте настройки блока, нажмите Добавить CSS Class Name. Задайте название класса, например, uc-about.

Добавьте блок T123 HTML-код. Скопируйте код ниже и вставьте его в блок T123.

Скруглённые фотографии

Добавьте блок с фотографией, например, AB903.

Откройте настройки блока, нажмите Добавить CSS Class Name. Задайте название стиля, например, uc-about.

Добавьте блок T123 HTML-код. Скопируйте код ниже и вставьте его в блок T123.

Анимация при наведении на кнопки

Добавьте блок с кнопкой, например, FR301.

Откройте настройки блока. Задайте изначальный цвет для текста кнопки, для обводки и фона цвет указывать не нужно. Нажмите Добавить CSS Class Name, задайте название стиля, например, uc-features.

Добавьте блок T123 HTML-код. Скопируйте код ниже и вставьте его в блок T123.

А вы уже использовали CSS-класс для блоков? Открыть/Комментировать

2022-04-18 14:55:33 Отказ от использования библиотеки jQuery
#важно

Tilda планирует «отказаться от использования библиотеки jQuery на опубликованных сайтах», а также перестанет подключать её по умолчанию. Эти изменения связаны с оптимизацией платформы.

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

Библиотека jQuery — это быстрая и богатая возможностями JavaScript библиотека. Она позволяет очень просто делать обход элементов или манипуляции элементами HTML документа или AJAX запросы. По статистике Tilda, около 70 миллионов активных сайтов используют её. Раньше jQuery использовали для облегчения кросс-браузерности.

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