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

blog-great-pro

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

Интуитивная понятность и читабельность

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

Минимум полей

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

blog-greatpro-web

Одноколоночная структура

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

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

blog-web-greatpro

Автозаполнение

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

Подсказки

Уведомления о неправильном заполнении поля должны появляться под ним же, а не где-то в специально отведенном месте на дне формы. Кроме подсказки, важно также подсветить каждое неправильно заполненное поле.

great-pro-blog-web

Безопасность

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

Вход через Google и Facebook

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

digital-great-pro-blog

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

 

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

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

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

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

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

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

С поисковиком на «ты»: гид по индексации сайта

digital-blog-greatpro

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

Домен

Ранжирование напрямую зависит от:

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

Контент

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

Внутренняя оптимизация

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

1. Корректные title и description для каждой страницы.

2. Понятные и не слишком длинные URL.

3. Наличие отдельной страницы для ошибки 404.

4. Работающая переадресация https/http и www/www.

5. Нормальная скорость загрузки страниц.

6. Наличие ссылок на социальные сети.

7. Атрибуты alt для всех изображений.

8. Удобная навигация по сайту.

9. Добавление сайта в Google Search Console.

Ссылки

Внешние ссылки все еще остаются важным критерием при ранжировании ресурса. Поэтому линкбилдинг и крауд-марктеинг актуальны. Да, их влияние снизилось по сравнению с тем, что было еще 3-4 года назад, но окончательно не исчезло. При всем этом не стоит покупать большое количество ссылок за один раз. Все же в глазах поисковых систем «обрастание» ссылками должно носить естественный характер, так что достаточно 7-15 штук в неделю.

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

 

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

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

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

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

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

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

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

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

Все плюсы и минусы крауд-маркетинга

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

digital-greatpro-blog

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

Как пользователь попадает на страницу 404?

Тут все просто. Ошибка появляется, когда:

• в написании ссылки была ошибка
• эту страницу уже удалили
• сайт сейчас офлайн

А что дальше?

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

Примеры нестандартного оформления ошибки 404

Ну а теперь самое интересное – живые примеры! И начинаем с 404-й страницы Crello, которая не теряется и предлагает пользователю сделать то, за чем он, вероятно, и пришел (создать дизайн) прямо отсюда.

crello-digital-greatpro-blog

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

frog-digital-greatpro

Ну а котики никогда не перестанут быть актуальными… и помогать нам решать наши проблемы.

cat-greatpro-blog

НИ-КО-ГДА

cat-blog-great-pro

Немного самоуверенное заявление от Lego, правда? Зато ссылка очень даже правильная.

lego-digital-greatpro

Минутка Рене Магритта и отсылка к его культовой работе Вероломство образов. Специально для гурманов.

digital-greatpro

И напоследок, пожалуй, самый остроумный пример. Диаграмма Венна, раскрывающая причины попадания на страницу 404: «Мы что-то сломали» и «Вы не умеете печатать». Еще и загадка, над которой можно реально залипнуть на какое-то время. Браво!

digital-blog-great-pro

На этом всё. Будьте интересными. А если вам нужна помощь в создании или оптимизации сайта, звоните нам по номеру +38-063-454-71-54 или пишите на hello@greatpro.com.ua. Организуем.

 

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

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

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

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

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

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

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

digital-blot-greatpro

«No Country for Old Websites» – это если слегка перефразировать название культового фильма братьев Коэн. Сайтам-старикам тут не место. Они не нравятся пользователям, их не любят поисковые системы, они не приносят желаемый результат, даже если еще год-два назад исправно давали новых клиентов. К счастью, сайт почти всегда можно качественно омолодить, при этом не превращая его в смехотворного ботоксного Франкенштейна. Приступаем?

1. Отсутствие адаптивности

Начиная с 2016 года, больше половины всех пользователей заходит в интернет с мобильных устройств, и сайтовладельцы не могут игнорировать этот факт. Даже Google с ним считается, индексируя сайты, созданные после 1 июля 2019 года, по принципу mobile first. Если ваш сайт пока еще не исповедует этот принцип, есть о чем задуматься. И речь не о простом уменьшении размера страницы (этот способ уже устарел), а о полной верстке всех элементов под мобильные устройства.

2. Громоздкая структура

Развитие – это хорошо, но развитие структуры сайта не должно происходить хаотичным образом. Громоздкий ресурс с большим количеством нечетко структурированных страниц и плохой навигацией способен раз и навсегда отбить у пользователя желания как-либо взаимодействовать с брендом. Чтобы проверить, насколько ваш сайт удобен для клиента, воспользуйтесь Картой поведения в Google Analytics. Или просто найдите 7-8 человек, которые никогда до этого не заходили на сайт, и попросите их найти ту или иную услугу. В идеале на это должно уйти до 3 кликов. Если больше, есть куда упрощать.

3. Слабое взаимодействие с юзером

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

4. Низкая скорость загрузки

Стандартное время отклика страницы сайта – от 1 до 3 секунд. Каждая последующая секунда будет стоить вам потерянных потенциальных клиентов, которые просто перейдут на соседнюю вкладку к более «скоростным» конкурентам. Разогнать ресурс до приемлемой скорости поможет сжатие изображений, минификация CSS, HTML и JavaScript, Gzip-сжатие и кэширование данных.

5. Flash-контент

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

6. Переоптимизация

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

Своевременное обновление сайта поможет повысить конверсию, снизить количество отказов и улучшить позиции в поисковой выдаче. А если вам нужна помощь в этой или какой-либо другой веб-задаче, обращайтесь к нам по номеру +38-063-454-71-54 или пишите на hello@greatpro.com.ua. Рады вам 24/7.

 

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

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

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

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

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

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

greatpro-dogotal-blog

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

С какой скоростью должна загружаться страница?

Стандартное время отклика – 1-3 секунды. Если получается немного медленнее, это, конечно, терпимо, но уже есть повод задуматься об ускорении.

Как проанализировать скорость сайта?

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

А теперь подробнее о разгоне сайта.

Сжимаем изображения

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

Еще один вариант – конвертация изображений в формат WebP. Это позволит сделать файлы на 25-35% легче, чем JPEG и PNG. Единственный минус в том, что сейчас формат WebP поддерживают только два браузера – Chrome и Opera. Но если их вам достаточно, для автоматической конвертации всех изображений нужно добавить в файл .htaccess следующие строки:

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTP_ACCEPT} image/webp
RewriteCond %{DOCUMENT_ROOT}/$1.webp -f
RewriteRule ^(path/to/your/images.+)\.(jpe?g|png)$ $1.webp [T=image/webp,E=accept:1]
</IfModule>
<IfModule mod_headers.c>
Header append Vary Accept env=REDIRECT_accept
</IfModule>
AddType image/webp .webp

Делаем минификацию CSS, HTML и JavaScript

Минификация заключается в сжатии файлов и скриптов посредством удаления из них ненужных символов и пробелов. Это здорово ускоряет загрузку сайта и, разумеется, не делается вручную. Например, для WordPress есть классные плагины Autoptimize и W3 Total Cache.

Используем кэширование данных

Серверное кэширование – еще один действенный способ ускорить загрузку страниц сайта. В отличии от браузерного кэширования, серверный вариант ускоряет загрузку не со второго посещения сайта, а уже после того, когда хотя бы один пользователь зашел на ту или иную страницу. Чтобы его настроить, используйте плагины типа WP Super Cache, WP Rocket или Hyper Cache.

Включаем Gzip-сжатие

Этот способ предполагает добавление файлов в архив с последующей распаковкой при отображении. Чтобы включить Gzip, нужно добавить следующие строки кода в файл .htaccess:

<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/css
<IfModule mod_setenvif.c>
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4.0[678] no-gzip
BrowserMatch bMSIE !no-gzip !gzip-only-text/html
</IfModule>
</IfModule>

Переходим на выделенный сервер

Как правило, вашему сайту приходится делить место на сервере с сотнями других ресурсов. И когда какой-то из них начинает потреблять чуть больше общей серверной мощности, ваш сайт эту самую мощность недополучает. Неприятно, правда? Чтобы не попадать в такие ситуации, есть вариант арендовать физический выделенный сервер или выделенный виртуальный сервер (VDS). Это позволит разместить сайт на сервере без соседей и не переживать по поводу распределения серверных ресурсов.

Даже базовая оптимизация скорости сайта поможет выиграть драгоценное время, а с ним – и внимание клиента. Поэтому обязательно берите на вооружение вышеприведенные способы. А если вам нужна помощь проверенных специалистов по веб-разработке, обращайтесь к нам по номеру +38-063-454-71-54 или пишите на hello@greatpro.com.ua. Рады вам 24/7.

 

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

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

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

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

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

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

Хаос и барахолка

Задача сайта – донести до пользователя определенную информацию, но формула «больше = лучше» здесь точно не сработает. Как бы ни был велик соблазн утрамбовать на главной странице заголовок, оффер, форму заявки, контакты и отзывы, а потом еще, как в старом анекдоте, бросить шапку и забронить место «під огірочки», грамотный дизайнер совершенно точно сумеет сказать себе нет.

great-pro-blog-digital

«Вылизанные» вижуалы

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

digital-greatpro-blog

Бескультурная анимация

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

greatpro-digital-blog

Ультраминимализм

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

digital-great-pro-blog

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

 

Материалы по теме:

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

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

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

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

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

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

Темные тона

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

blog-greatpro

Правило трех цветов

Если с самими цветами все же можно экспериментировать, то вот с их количеством важно не перестараться. Три цвета достаточно. При этом один из них – акцентный, на контрасте. Например, на темном фоне такие функции здорово выполнит оранжевый или ярко-красный.

blog-greatpro

Небольшое количество деталей

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

blog-greatpro-2

Нормальная навигация

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

blog-greatpro

Авторские вижуалы

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

blog-greatpro

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

 

Публикации по теме:

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

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

Секреты веб-дизайнера. Чего не должно быть на классном сайте?

6 графических трендов весной 2019

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

1. Альтернативное искусство

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

digital-greatpro-trends

2. Металлик

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

digital-greatpro-trends

3. Небрежная человечность

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

digital-greatpro-trends

4. Текучий эффект

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

digital-greatpro-trends

5. Антигравитация

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

digital-greatpro-trends

6. Разрушение

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

digital-greatpro-trends

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

 

Материалы по теме

Дизайнерский гид по работе с соцсетями

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

Секреты веб-дизайнера. Чего не должно быть на классном сайте?

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

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

Полноэкранное видео

Еще несколько лет назад полноэкранное видео считалось перспективной, но не совсем актуальной дизайнерской фишкой. Мобильные устройства со скрипом загружали такие страницы, поэтому с экспансией пришлось повременить. Сейчас смартфоны окончательно возмужали, да и с 4G проблем нет. Так что 2019 год обещает сделать полноэкранное видео одним из ключевых элементов веб-дизайна.

Кстати, мы недавно запилили по этому поводу такое решение для наших друзей из EveryDay Fitness, смотри первый экран.

Синемаграфы

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

cinemagraph-greatpro-digital

Параллакс-эффект

Это техника, когда бэкграунд при скроллинге двигается медленнее элементов на переднем плане. Такой финт добавляет глубины и эффекта присутствия. Смотри пример.

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

Минимализм

Во всем.

Дудлы

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

doodles-greatpro-digital

Цвет года

Если в 2018 цветом года Пантон назвал Ультрафиолет 18-3838, то в 2019 будет рулить Живой Коралл 16-1546. Бери инфу на вооружение.

pantone-dagital-web

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

Другие материалы по теме:

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

Дизайнерский гид по работе с соцсетями

Секреты веб-дизайнера. Чего не должно быть на классном сайте?

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

Идеальный чат-бот для бизнеса: какой он?

great-pro-digital

Тема роботов и искусственного интеллекта интересует человечество уже не один десяток лет. Азимов и Беляев подогрели ее еще в середине прошлого века. И вот дождались – боты уже среди нас. Причем, чтобы прикоснуться к умным железякам, не нужно отправлять резюме в NASA или вступать в масонскую ложу. Просто войди в Telegram и скажи «Привет!», то есть на их языке «/start» – и тебе ответят.

Сегодня говорим о чат-ботах для Telegram и о том, как они пригодятся твоему бизнесу.

Зачем это нужно?

При грамотном подходе чат-бот поможет:

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

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

Что доверить чат-боту?

Бот может выступать в следующих ролях.

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

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

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

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

Как создать бота?

Есть два варианта.

Во-первых, можно сотворить чат-бота своими руками. Даже если ты не умеешь программировать, есть много платных и бесплатных платформ, где красавца-бота легко можно собрать по типу конструктора. Например, Chatfuel или Flow XO.

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

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

Другие материалы по теме:

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

Продвигаем бизнес через Telegram. Гид для начинающих

ИИ-творец. Искусственный интеллект в дизайне

Знакомьтесь, поколение Z