Не читается с телефона: как проверять мобильную адаптацию карточек WB
Привет, дизайнеры! Меня зовут Марина Лукина, я арт-директор Bravus на Вайлдберриз, и сегодня я хочу поговорить об одном важном аспекте, о котором многие забывают: мобильная адаптация карточек. Вы ведь знаете, как важно, чтобы ваша работа смотрелась отлично на любом устройстве! Особенно на тех, что все время в руках – наших любимых мобильниках.
Приглашаю в наше закрытое сообщество
Но перед тем, как мы углубимся в тему, у меня для вас отличное предложение! Присоединяйтесь к нашему закрытому ВК сообществу «База знаний для дизайнеров инфографики». За всего лишь 990 рублей в месяц вы получите доступ ко всем урокам по Фигме, Фотошопу и рич-контенту. Это дешевле, чем пицца, а знаний там – на вес золота! Зачем брать кредиты на дорогое обучение, когда можно учиться в своем темпе и получать реально полезные знания?
Почему важно проверять мобильную адаптацию?
Вы, наверное, замечали, как бывает обидно, когда проделанная работа вызывает недоумение у пользователей? Они открывают карточку товара на телефоне, прокручивают и думают: «Что это? Ужасный шрифт, мелкий текст, непонятные картинки!» Согласитесь, такое никому не нужно: ни вам, ни вашим клиентам.
Читабельный текст на карточке – это не просто требование, это крик пользователя: «Я хочу понимать, что здесь написано!». Спрашиваете, как это добиться? Начнем с простого – изучите, как ваша карточка выглядит с телефона. Откройте свой любимый маркеплейс и оцените, насколько информация читается со своего мобильного. Установите шрифт так, чтобы он был успокаивающим для глаз, вспоминайте, что мелкий шрифт вызывает *жжение* в глазах покупателей.
Размер шрифта для инфографики WB
Если говорить о размере шрифта, скажу так: шрифт должен быть комфортным. Обычно 16-18 пикселей – это то, что вам нужно. Меньше – глупо, больше – может вызвать «эффект дудликов», когда текст будет казаться слишком вычурным и сложным. По сути, вам нужно найти золотую середину.
Проверьте, как ваша карточка выглядит с телефона! Не дайте слепым зонам Вайлдберриз помешать вашему успеху. На некоторых слайдах информации не видно, и это тоже никому не нужно. В этом и есть суть мобильной адаптации дизайна: читайте сами и позвольте другим это сделать!
Что делать, если ничего не поменяется?
Представьте себе через год: вы продолжаете выпускать одинаковые карточки, которые плохо читаются на телефонах. Это приведет к убыточными продажам и, возможно, даже к выгоранию. Да, да! Если не менять ничего, рано или поздно у вас возникнет ненависть даже к собственной работе – у этого действительно есть последствия!
Но! Это не ваша вина! Рынок стал диким, и разбираться в них нужно по всем фронтам! Нет ничего плохого в том, чтобы обратиться за помощью и получать знания, даже если у кого-то за плечами много **проектов**. Помните, это не вы плохие, это просто такая конкурентная среда.
Небольшие советы для адаптации
Первый шаг – попробуйте установить предоплату за свои услуги. Зачем делать работу, если ваши клиенты не понимают качества вашей работы из-за неверного написания и визуализации? Следовательно, учите их и себя на этих ошибках. Каждый клиент – это новый шаг к вашему росту.
Кроме того, всегда будьте готовы к переговорам. Рассказывайте клиентам, как важно качественное представление товара, какие последствия могут возникнуть из-за плохой инфографики. Выбирайте удобные формы и размер шрифта, ставьте пробелы и заголовки. И вам всегда это воздастся, я уверена в этом!
Итак, готовьтесь к новым переменам, пока у вас есть возможность! Чтобы быть в курсе последних новостей о инфографике для маркетплейсов и как на ней действительно можно зарабатывать, подпишитесь на мой Telegram-канал ШТАБ БОГАТЫХ ДИЗАЙНЕРОВ | Инфографика как бизнес.
А если хотите узнать больше о программе уроков из Бизнес школы, переходите по ссылке.
И помните, в этом мире дизайна нельзя останавливаться – учитесь, адаптируйтесь и, конечно, позаботьтесь о своих пользователей!
Ошибки в мобильной адаптации: как избежать фиаско с карточками
Разбираясь с вопросом мобильной адаптации карточек, стоит остановиться на том, что же именно мешает этой адаптации. Вот вы сделали свою карточку. Но уже на первом просмотре со смартфона заходит печаль: нечитаемый текст, странные изображения и абсолютно мощные слепые зоны Вайлдберриз. Прямо таки говоришь: «Зачем я вообще это делал?»
Слепые зоны вайлдберриз
Слепые зоны – это настоящая чума современных дизайнеров. Вы знаете, что они могут буквально уничтожить всю вашу работу? Вот вы помещаете текст и изображения так, как вам нравится, но к сожалению, ваше представление может не совпадать с тем, что видит пользователь. Когда клиент открывает страницу, вместо интереса он видит «черные дыры» на экране, которые вместо товаров показывают пустоту. Это убивает продажи и ваш потенциал! И ладно бы только это – такая ситуация может привести клиентов к вашим конкурентам.
Важно помнить, что размеры экранов у всех разные – у кого-то маленький экранчик, а у кого-то – совсем «танк». И если вы не будете проверять, «как карточка выглядит с телефона», то будете сильно разочарованы. Моя рекомендация – протестируйте свою карточку на всех возможных устройствах. Не поленитесь протащить свой нежный шедевр через мобильный эмулятор, чтобы точно убедиться, что картинка не уходит в «темные недра»!
Читабельность текста на карточке
Второй момент – угроза читаемости вашего текста. Как дизайнер, вы должны осознавать, что информация ценна, но если ее нельзя прочитать, то весь смысл теряется. Например, что произойдет, если шрифт слишком маленький или тёмного цвета на темном фоне? Вариантов – два: либо пользователь не получит нужную информацию, либо просто уберет эту карточку из товара!
Секрет в том, чтобы освободить текст от излишнего нагромождения. Есть правило: минимумы – некоторые цвета, чтобы они хорошо сочетались между собой. Попробуйте использовать цвет шрифта, который контрастен с фоном. Если у вас белый фон, отдавайте предпочтение темным оттенкам для текста и наоборот. Каждый вариант может породить ‘ауро плато’ – когда ваш клиент наконец раскрывает свой потенциал и принимает решение о покупке.
Размер шрифта для инфографики WB
Говоря о физических характеристиках текста, размер шрифта для инфографики в Вайлдберриz – это другой «мертвый ход»! Если вы хотите, чтобы удалось быстро узнать информацию, размер шрифта лучше всего делать от 16 до 18 пикселей. Меньший размер уже «заставит» пользователей приблизить свои смартфоны к лицу – что, поверьте, совсем не удобно и даже смешно выглядит.
Также, стоит учитывать выделение важных моментов с помощью жирного шрифта или цветного фона. Но меряйте все на глаз, чтобы не довести пользователей до «стресса» – тут уже имеется вопрос о клиническом пергонии с восприятием информации.
Работа с клиентами
И здесь настает тот самый момент! Мысли о том, как объяснить своим клиентам важность мобильной адаптации. Объясните, что качественное представление товара – это не только ваша забота, это также и их инвестиции! Важно, чтобы они понимали, что некачественная инфографика – это будущие убытки.
Обсуждайте, как именно визуальные ошибки могут отразиться на их продажах. Не зажимайте информацию, чтобы не испугать клиентов. Работайте с ними так, чтобы вы оба могли быть «на одной волне». Каждый новый проект – это шанс «раскрыть творческий потенциал», воспользоваться знаниями и применить их для спасения ситуации. Что мы нашли в слепых зонах, чтение информации влазит в ваш стиль!
На этом не останавливайтесь! Чтобы быть в курсе последних новостей о инфографике для маркетплейсов и как на ней действительно можно зарабатывать, подпишитесь на мой Telegram-канал ШТАБ БОГАТЫХ ДИЗАЙНЕРОВ | Инфографика как бизнес. Знания – это хороший способ изменить правила игры!
А если хотите узнать больше о программе уроков из Бизнес школы, переходите по ссылке.
В финале расскажу, как преобразовать сильные стороны адаптации и сделать так, чтобы ваша работа приносила максимальную прибыль в, казалось бы, безнадежных ситуациях!
Преобразование мобильной адаптации: основные рекомендации
Затем, когда мы разобрались с основными врагами вашей карточки и поняли важность читабельного текста, мобильной адаптации и правильного выбора шрифта, настало время перейти к финальным штрихам. Как вы смогли заметить, даже малейшие изменения могут существенно повлиять на успешность ваших карточек.
Устойчивость к критике и рост
Сделали свою идеальную карточку, но потом увидели «красные зоны»? Не унывайте! Это абсолютно нормально – все дизайнеры проходят через это. Важно получить обратную связь и не бояться ошибок. Кто-то обязательно выявит места для улучшения и поможет вам расти. Одна из лучших стратегий – это воспринимать критику как шаг к совершенствованию!
Следующий момент – адекватное сотрудничество с клиентами. Если они понимают важность адаптации, вы уже на полпути к победе. Объясняйте, какие важные аспекты нужно учитывать, и как их ошибки могут повлиять на их будущие продажи. Им нужно знать, что качественная инфографика сейчас — это не просто «вишенка на торте», а основа успешного онлайн-бизнеса.
Учённость и адаптация
Помните, мир дизайна не стоит на месте, и вам тоже нельзя. Важно не только отслеживать последние тренды, но и погружаться в профессиональное развитие. Будьте готовы к новым вызовам, да и просто ловите удовольствие от каждого проекта. Нам нужно развиваться, потому что только так мы сможем мысли о свободе финансов в своем деле.
Призыв к действию
Для всех, кто хочет продолжать учиться и получать актуальные знания о мобильной адаптации, я рекомендую присоединиться к нашему закрытому ВК сообществу «База знаний для дизайнеров инфографики». За абонентскую плату всего 990 рублей в месяц вы сможете изучить материалы о Фигме, Фотошопе и рич-контенте. Избавьтесь от долгов за обучение и начните учиться у профессионалов – все это доступно и удобно!
Также не упустите возможность узнать про программу уроков из Бизнес школы. Мы предлагаем весь необходимый знаниевый багаж, который пригодится вам в реальной практике.
Следите за актуальными новостями и схемами работы в мире инфографики! Подписывайтесь на мой Telegram-канал ШТАБ БОГАТЫХ ДИЗАЙНЕРОВ | Инфографика как бизнес и получайте информацию, которая действительно поможет вам разбогатеть на своих талантах!
Обязательно применяйте полученные знания и не упускайте возможности улучшать свои кадры! Ваша адаптация карточек может изменить потоки клиентов. Готовьтесь к успеху! Впереди много интересного!