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



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

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

В нашем блоге на Хабре мы часто пишем о создании почтовых рассылок — верстке HTML и CSS, работе с plain-text сообщениями и описываем интересные эксперименты. Сегодня мы представляем вашему вниманию подборку полезных ресурсов, туториалов и исследований на английском и русском языках, посвященных работе с email.

Доброго времени суток, уважаемые хабравчане! Обычно мои подборки ориентированы сугубо на веб-разработку, но этот выпуск охватывает все сферы программирования. Но самое главное, что интересность и полезность каждого материала имеет социальное доказательство, благодаря замечательному сервису Slant.co. Это некий аналог Quora, сфокусированный сугубо на разработчиков.

Коллекция из почти 200 ответов в Slant на вопросы «Какие лучшие...»

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

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

1. Аккуратнее покупайте ссылки

Главный тренд продвижения сайтов в 2016 году – более вдумчивый отбор площадок-доноров для закупки ссылок. С одной стороны, роль тематичности площадки немного снизилась, зато сильнее начали играть «невидимые» параметры: траст, спам, Alexa Traffic Rank, Majestic Trust Flow, время загрузки страницы, возраст домена, для этого приходится использовать сервисы проверок – Checktrust, Ahrefs, Majesticseo. Теперь уже не надо закупать ссылки тоннами, зато надо чаще проверять доноры, удалять испортившиеся площадки, заменять их новыми.

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

У меня, как у художницы и web-разработчика, со временем появилась необходимость в собственной галерее. Обычно, у галерей две основные функции: показ витрины — всех (или некоторых) картин — и детальный показ одной. Реализация обеих функций есть практически в любой готовой галерее. Но «заношенный» внешний вид готовых галерей и, ставший стандартом, пользовательский интерфейс не годятся для художника :). А нестандартный — требует особой архитектуры и реализации кода, осуществляющего загрузку и показ картин. Сам показ и пользовательский интерфейс я в этой статье опущу. Основное внимание будет отдано загрузке картин с сервера. Об итоговой организации контролируемой загрузки с использованием очередей, асинхронного загрузчика, обработки блоб-объектов, каскадов выполнения обещаний и с возможностью приостановки и пойдет речь.



Примеры кода записаны на coffeeScript

Автор: Алексей Шевцов — арт-директор WebProfy (Kokoc Group).

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

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

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

Большой интерес к нашей исходной компиляции на эту тему вдохновил нас на адаптацию пары (1, 2) добротных подборок, составленных пользователями GitHub.

В десятой статье цикла Cossa и Kokoc Group об инструментах, полезных в работе диджитал-специалистов, продолжаем рассказываем о сервисах, которые могут пригодиться специалистам по SEO-аудиту.



Автор: Артем Яськов — руководитель отдела SEO-аудита Kokoc.com (Kokoc Group).

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

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

Московское метро меняется. Желающий представить себе схему, скажем, 1945 года без проблем соберёт данные из открытых источников; остаётся вопрос с представлением результата, — не на круговой диаграмме же его показывать. В статье я расскажу об основных шагах в создании proof-of-concept сервиса, позволяющего показать схему метро, например, на 1 мая 74 года (слева) или станции с глубиной заложения больше 30 метров (справа).

Четвёртая, предпоследняя, часть перевода статьи о лучших дизайнах рассылок, давайте обсудим опыт зарубежных коллег! Для тех кто, возможно, пропустил — первая часть, вторая часть и третья часть. Чтобы было поинтереснее, слегка нарушим порядок и начнём с 32го, а не с 31го… Надеюсь, вы оцените :)

32. Подчеркивайте образы

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

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

11. Направляйте внимание

Прекрасный пример фокусировки внимания на главном представлен в письме Corbis. Эмоциональные фотографии на строгом чёрном фоне очень сильно привлекают внимание и производят мощное впечатление. Большие поля по краям позволяют избежать перегруженности макета. Выбранный дизайн отлично работает для такого материала: использование цитат из истории в качестве заголовков побуждает читателя прочесть всё.

В преддверии конференции, посвященной Email-маркетингу MailCon, мы хотим поговорить о трендах в сфере дизайна писем и рассылок. Предлагаем вашему вниманию перевод статьи о лучших дизайнах электронных писем, которую мы, ввиду большого объема, разбили на 5 частей (по 10 кейсов) и опубликуем с интервалом в 2 дня. Думается, нам есть что обсудить, сверив наблюдения и советы зарубежных экспертов с нашим собственным опытом по созданию рассылок. Первые 10 кейсов в основном посвящены роли цвета в создании письма. Ждем ваших комментариев!

В июле 2008 года корпорация Apple анонсировала появление Apple App Store — каталога приложений для iOS. Несколько позже появился и Google Play. Изначально в каталогах было минимум программ, но спустя некоторое время количество приложений увеличилось до сотен тысяч. Теперь в App Store около полутора миллионов программ, а в Google Play и того больше — около миллиона шестисот тысяч (1,6 млн).

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

Недавно столкнулся с интересной задачей: в шапку сайта установить видео в качестве фона. Шапка всегда занимает первый экран и установлена по принципу background-position: 50% 0. Суть в том, что на планшете мы видим видео полностью, а на телефоне оно обрезается по краям и снизу остается только центральная часть.