Ребрендинг = большой риск

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

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

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

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

Хороший пример — недавний ребрендинг BMW. Автомобильный гигант не менял свой логотип 23 года и вот сейчас компания обновилась. Таким образом компания входит в новую эру электрокаров. Автомобили без ДВС рассчитаны на более молодую аудиторию. И для того чтобы запустить новый продукт, захватить больше ЦА и идти в ногу со временем компания изменяет свое позиционирование, она становится более открытой, буквально прозрачной, как это видно по логотипу, для большего круга людей, для больших возможностей. Этот кейс доказывает, что дизайн — это лишь следствие глобальных перемен бренда. И когда все так разложено по полочкам, то к визуалу очень сложно придраться.

Но бывают и обратные случаи. К примеру Компания Gap, которая без всяких анонсов, презентаций и каких-либо объяснений своего решения тихонько изменили узнаваемый логотип на новый, кардинально другой. За что получили тысячи недовольных комментариев от фанатов бренда в Facebook и менее чем через неделю компания вернула прежний логотип.И это как раз получился пример из разряда "Хочется что-то новенькое".

И еще один интересный кейс неудачного ребрендинга упаковки сока Tropicana. Случай когда вроде бы и была разработана стратегия, и к работе привлекли самого именитого, на тот момент, арт-директора США, который сделал дизайн точно круче старого. Но ожидаемое чудо обернулось катастрофой и потерей 27 милн долларов за 6 недель продаж.

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

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

Вторая ошибка — кардинальная смена визуальных триггеров. Если в старом варианте первым бросалась в глаза пышная контрастная надпись Tropicana, а потом "живой", настоящий апельсин. То в новом дизайне первым в глаза бросается надпись "100% orange" и далеко не сразу понятно что она написана на стакане апельсинового сока. А логотип вообще ушел из поля восприятия из-за того, что расположен боком, написан другим шрифтом, сам по себе стал меньше и имеет менее контрастный зеленый цвет.
В результате этого постоянный потребитель потерял сок на полке. А если и находил, то он уже не вызывал тех чувств и ассоциаций, которые были ранее. И как следствие потребитель выбирал другую упаковку сока на той же полке.

Источник

UX дизайн: эффект превосходства изображения

Статья для начинающих UX/UI дизайнеров, исследователей и аналитиков. В статье рассказывается о том, почему картинки и фотографии лучше текста (с научной точки зрения). Как мозг пользователей кодирует и запоминает контент на сайтах. И как применять эти знания в дизайне сайтов.

1. Изображения на странице товара

В ходе качественного кабинетного тестирования страниц товаров сайта Leroy Merlin, стало ясно, насколько важны фотографии товаров для пользователей. Тестирование показало, что 64% испытуемых первым делом при переходе на страницу продукта начинали изучать фотографии, вместо того, чтобы читать названия товаров, описание или пролистывать страницу вниз, чтобы получить более полный обзор. Это говорит о том, что пользователи, зачастую, полагаются на фотографии товаров как на отправную точку в изучении товаров. Более того, часть пользователей выстраивали своё первое впечатление о товарах исключительно по фотографии товара, а не по текстовому описанию. А некоторые из них даже покидали страницу товара на которой не было фотографий интересуемого товара.

3. Изображения в меню навигации

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

И напротив, если сопроводить текстовые названия разделов меню изображениями, то пользователю станет проще ориентироваться, находить и запоминать интересующие разделы, даже если название раздела пользователю ещё неизвестно. Вот как это реализовано на сайте интернет-магазина мебели ИКЕА.

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

4. Изображения в рекламных баннерах

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

5. Изображения на страницах сайта

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

Теперь сравните это с тем, как ссылка на мобильное приложение указана на сайте СовКомБанка. Здесь помимо текста есть крупное и красивое изображение смартфона с интерфейсом мобильного банка, по которому сразу можно понять, что речь о мобильном приложении банка, даже при беглом взгляде. А в тексте указаны также преимущества и QR-код для быстрого и удобного скачивания.

Источник

Как UX-исследования избавляют от дорогих ошибок в продуктах

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

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

Формулируем цель и гипотезы
Цель – это ключевой вопрос, на который мы хотим ответить. Он может быть общим, например, пользователи справляются с оформлением страховки через приложение – да/нет. Или частным: оформление не занимает больше 15 минут, пользователи обращают внимание на некое специальное условия и т.д. Цель затем раскладывается на гипотезы, которые мы проверяем по ходу исследования.

Определяем метрики исследования
Успешность выполнения задания. Пользователь справился с заданием практически без проблем – 100%; столкнулся с проблемами, но в итоге справился – 50%; – не справился с заданием – 0%.

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

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

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

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

Чек-лист для старта UX-исследования

Чтобы протестировать UX нового продукта, команде нужна следующая информация:

Описание продукта. Что именно мы будем тестировать?

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

Сценарий. Какие шаги проходит пользователь на пути к своей цели? Один продукт может включать любое количество сценариев.

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

Кто пользователи. Какие пользователи интересны в контексте этого исследования (роль, особенности организации, отрасль, активность в сервисе)? Какие задачи они решают в сервисе? Есть ли лояльные пользователи и их контакты?

Сроки. К какому сроку важно получить информацию, иначе будет поздно?

Ответить на все эти вопросы продуктовой команде не составит труда. А дальше дело техники UX-экспертов – они подберут нужные методы, сформируют группу респондентов, проведут исследование и помогут правильно интерпретировать результаты.

Источник

Советы дизайнерам, не связанные с дизайном

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

1. Вы – это не ваша работа

Работа в UX-дизайне – это так весело! Мне повезло, что я занимаюсь проектированием программного обеспечения, и я не могу вспомнить другую отрасль, в которой хотел бы работать. Она удовлетворяет мою потребность в коммуникации, обучении и работе с умными людьми для решения значимых проблем. Однако, когда работа так интересна, легко погрузиться в нее и упустить из виду самое главное: семью, друзей и сообщество.

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

2. У вас есть право сделать перерыв

Остановитесь, что бы вы не делали. Серьезно перестаньте читать это, отойдите от устройства или экрана и прогуляйтесь. Я буду здесь, если вы вернетесь. Вы должны делать перерывы в работе, когда чувствуете себя перегруженным. Люди, работающие с вами вместе не должны быть против. Вам нужно будет присутствовать на собраниях и выполнять обязанности, но, если ваши товарищи по команде или менеджеры не согласны с тем, что вы в первую очередь должны позаботится о себе, подумайте, стоит ли вам продолжать там работать.
Многие компании осознали пользу перерывов для благополучия сотрудников. Делайте перерывы для физического или психического здоровья. Тренируйтесь, медитируйте, читайте, спите, перекусывайте или проводите время со своим питомцем.

3. Учитесь не только дизайну
Если 2020 год и научил меня чему-то, так это тому, сколького я не знал. Я осознал, как мало знал о политике разделения, расовом неравенстве, системе здравоохранения и условиях жизни людей. Но мы можем осознать свои пробелы и стремиться учиться, расти и самообразовываться. И есть столько всего, о чем можно узнать без явного упоминания UX-дизайна.
Это лишь несколько областей, которые я исследовал в этом году. Они сделали меня лучшим дизайнером, потому что научили противостоять своим недостаткам и позволили осознать необходимость делать лучше для себя и для других.

4. Более глубокая эмпатия

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

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

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

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

Источник

11 основных проблем в дизайне мобильных приложений

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

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

Уменьшение беспорядка улучшит понимание.

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

Навигация должна быть четкой и интуитивно понятной.

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

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

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

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

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

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

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

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

10. Раздражающие уведомления
Раздражающие push-уведомления – одна и главных причин, по которой люди удаляют мобильные приложения.

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

Подробнее

Хочу стать дизайнером мобильных приложений. Что делать?

Какие вообще бывают дизайнеры в IT?

Дизайнер коммуникаций
Это тот, кто отвечает за голос бренда и его развитие. Такой дизайнер чаще работает в продукте, а не агентстве.

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

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

Моушен-дизайнер
Это про движение и анимацию. И, пожалуй, про 3D. Моушен-дизайнер делает крутые ролики, которые выводят бренд на новый уровень.

Веб-дизайнер
Тут всё просто – этто про сайты компаний и лендинги. И, пожалуй, это тема для отдельной статьи.

UI/UX
UI – это интерфейс пользователя, а UX – опыт (есть ещё CX, это про клиентский опыт). Получается, что UI/UX-дизайнер делает не только дизайн, который мы видим, но ещё и проектирует опыт взаимодействия.

Дизайнер мобильных приложений
Это тот же UI/UX-дизайнер, который занимается сначала проектированием опыта пользователя, а потом самого интерфейса, но который при этом знает гайды Android и iOS. И это очень важный пункт. Нужно знать, к каким паттернам привыкли пользователи, чтобы правильно расположить кнопку «назад» или сделать привычный поп-ап, чтобы элементы были удобны пользователю и не заставляли его нервничать. Потому что он не будет разбираться, а скачает более удобное приложение (ведь сейчас почти у всех есть аналоги и конкуренты). А мы не должны терять пользователей. Но расскажем о работе мобильного дизайнера более подробно.

Как строится работа дизайнера мобильных приложений

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

2. Вайфрейминг
Это когда ты рисуешь экраны, но не сильно детализированные. Нет иконок, есть кружки; нет картинок, есть прямоугольники. Задача в том, чтобы быстро собрать основные экраны в кликабельный (то есть тот, который можно нажимать) прототип и проверить, что всё на месте и всё понятно. Такую «болванку» уже можно показывать коллегам (это называется «коридорное тестирование») и заказчику (чтобы быть с ним на одной волне и он был в курсе того, что происходит с его продуктом).

3. Дизайн-концепция
Это уже про внешний вид и концепцию взаимодействия – про интерфейс и визуальный язык, про приёмы общения с пользователем, про тон общения (дружеский или официальный), про геймификацию (вдруг нам нужно поощрять пользователя и придумывать награды).

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

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

Что нужно знать, чтобы быть дизайнером мобильных приложений

Конечно, тут нужна база и инструменты, начнём со второго. Нужно освоить Figma. Это можно сделать прямо на сайте сервиса (только все материалы там на английском), либо найти обучающие ролики на YouTube. Важно научиться не только рисовать все фигуры и настраивать текст, но и пользоваться стилями, компонентами, фреймами и авто-лэйаутами (да, много незнакомых слов).

Нельзя забывать и про общую дизайнерскую базу знаний, которая нужна всем.

Источник

​​10 топовых плагинов Figma, о которых вы не знали

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

01. Get Waves
Волны в СВГ

https://www.figma.com/community/plugin/745619465174154496/Get-Waves

Get Waves - это бесплатный генератор уникальных волн SVG для вашего дизайна. Эти волны легко настраиваются и кастомизируются в пару кликов, поэтому, создавать их будет достаточно просто.

02. Chart
Графики по вашим данным

https://www.figma.com/community/plugin/734590934750866002

Chart - это плагин для Figma, который использует реальные или случайные данные для создания самых популярных диаграмм. Chart поддерживает копирование и вставку из таких редакторов, как Excel, Numbers, Google Sheets, прямое соединение с Google Sheets и удаленный JSON (REST API), локальные файлы CSV и JSON.

03. Easometeric
Картинки в изометрии

https://www.figma.com/community/plugin/750743440401413268

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

04. Palette
Делает из любых объектов и даже фото палитру цветов

https://www.figma.com/community/plugin/742549221432366731

Palette поможет вам создать идеальную цветовую палитру с помощью машинного обучения от Colormind.

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

05. ArtBoard Studio Mockups
Онлайн мокапы

https://www.figma.com/community/plugin/750673765607708804/Artboard-Studio-Mockups

С этим плагином вы сможете создавать мокапы прямо в Figma. В библиотеке есть тысячи качественных макетов Artboard Studio. С легкостью сможете преобразовать кадры Figma в макеты реальных продуктов одним нажатием кнопки. Каждый день библиотека пополняется новыми элементами.

06. Pattern Hero
Делает паттерны по сетке из ваших элементов

https://www.figma.com/community/plugin/740556241021336678
Pattern Hero позволяет размещать выбранные элементы или кадры в сетке для создания узоров. Такая фишка может помочь при создании паттерна для брендинга компании. Можно поэкспериментировать с различными комбинациями и сделать свой уникальный паттерн.

07. Spellchecker
Проверка орфографии

https://www.figma.com/community/plugin/738839069237725273/Spellchecker
Spellchecker использует API Яндекса. Спеллер помогает находить и исправлять орфографические ошибки в русском, украинском или английском тексте. Модели орфографии языка включают сотни миллионов слов и фраз.

Плагин проверяет выделенный текстовый слой на наличие орфографических ошибок и предлагает их исправить

08. Morph
Добавляет разные стили к объектам

С помощью этого плагина вы сможете создавать классные эффекты, такие как Skeuomorph, Neon, Glitch, Reflection, Glass и т.д. Настраивается это все достаточно просто, прямо в Figma.

09. Make blob
Рандомные кляксы

https://www.figma.com/community/plugin/740172168964577201/Make-blob
Этот плагин позволяет очень просто создавать рандомные кляксы, различных форм и цветов. Может помочь при оформлении сайта, создании собственного стиля либо графических материалов.

10. To Path
Направляет текст в различные линии и формы

https://www.figma.com/community/plugin/751576264585242935
С помощью этого плагина можно создавать модную стилизацию текста, описывать его вокруг любой геометрической фигуры: круга, квадрата, треугольника и других.

Источник

Чем хорош сайт на Тильде? И почему не надо лезть в дорогостоящие решения

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

Если говорить коротко - это конструктор сайтов, который приобрел большую популярность в последние годы на территории России и стран СНГ в частности. Конечно, основной офер компании заключается в том, что любой новичок никогда до этого не имеющий опыта в web- разработке и в целом digital, сможет сделать для себя или своего небольшого начинания посадочную страницу. Казалось бы, причем тут вообще могут быть агентства или студии? Давайте разбираться.

По факту в более чем 50% случаев от всех задач бизнеса в медиа пространстве, ваш сайт не нуждается в том, чтобы он был разработан кодом. Не обязательно ставить такие условия где необходимо будет привлекать верстальщика или программиста. В таких проектах обычно нуждается средний или крупный бизнес, так как к тому времени у компании сформировалось представление и сложные многоуровневые задачи, которые решаются только таким же сложными решениями.
Если ваша задача начинается со слов:
«Чтобы продавать…» или «Нужна презентация…» - вам не нужен код.

Tilda в свою очередь тоже не является панацеей и не возведена в абсолютное значение, можно пользоваться другими решениями похожими на Тильду.
Что чаще всего приходится слышать про Тильду?

1. «Тильда? - ну это как-то несерьезно для компании…»Во-первых, это вполне себе компактное и быстрое решение которое позволит незатратно для компании реализовать задуманное. В среднем сайт на Тильде стоит в 2 раза дешевле чем на CMS. Пользователю абсолютно неважно на чем разработан сайт, он пришел за конкретным товаром или услугой. Имеет смысл делать упор на предложение и на сервис. Сайт это всего лишь один из инструментов в вашем бизнесе.
Во-вторых, скорее всего меня могут закидать тухлыми помидорами, но серьезная компания не будет стараться «выгрызать» серьезный сайт за условные 20.000 рублей. Тут 2 пути: или компания не такая серьезная, или же у директора нет понимания, что такое сайт и для чего он нужен.

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

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


Подробнее

Почему UX без контекста вреден?

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

Тейсану Тюдор поделилась захватывающей историей, как несколько месяцев назад они притворились в Instagram UX-инфлюенсерами. Кажется, что, к сожалению, многие популярные контент-мейкеры позиционируют UX, как «легкую, 10-ступенчатую быстро осваиваемую дисциплину».

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

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

Главная проблема (разделяемая многими комментаторами этих статей) пользовательский опыта нельзя рассматривать без какого-либо КОНТЕКСТА и целей, определяющих дизайн «после».

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

Без контекста новичок в UX может сделать ошибочное предположение, что карточки ЛУЧШЕ, чем таблицы… без учета важного контекста, который повлиял на выбор этого дизайна.

Конечно, такой дизайн может выглядеть лучше. Невероятно, как цвета, формы и графические штрихи могут улучшить визуальные эффекты. Но ПОЧЕМУ дизайн «после» выглядит именно так?

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

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

Кто использует этот дизайн?

Как их уникальный опыт и ожидания пользователей повлияют на их взаимодействие с этим дизайном?
Каковы их желания и потребности?

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

Сколько элементов в этом списке?
Будут ли они просматривать эти данные на мобильном устройстве? Экране компьютера? На телевизоре? AR / VR гарнитуре?

Какие технологии используются для создания этого дизайна и какие ограничения возникают из-за этого?
Желания и потребности бизнеса

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

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

Давайте еще раз посмотрим на интерфейс «после» и добавим в него еще несколько элементов.

Внезапно сканировать становится намного сложнее, не так ли? (даже без учета необходимости «фильтровать» элементы).

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

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

Наша работа в качестве UX-дизайнеров не так проста, как в популярных примерах «до и после», и дизайн-решения должны иметь намерение, цель и обоснование. Было бы приятно увидеть больше разговоров о процессе и мыслях, которые легли в основу дизайна «после добавления UX», а не только о самой картинке.

Источник

Уважайте материал, с которым работаете

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

Представьте на мгновение, что вы находитесь на анонсе первого iPhone в 2007 году и сталкиваетесь с путешественником во времени из 2020 года, который рассказывает вам, как достижения в области мобильного «железа» превзойдут закон Мура в ближайшие 13 лет, и мы получим карманные игровые компьютеры. Вы могли только представить потрясающий опыт работы с программным обеспечением, который наверняка откроется благодаря такой огромной мощности.
Что ж, здесь вы будете немного разочарованы …

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

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

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

Может быть, эти повседневные приложения не сильно изменились из-за «классического» дизайна? Проблема в том, что вам не нужно копать глубоко, чтобы обнаружить, что у большинства приложений есть возможности для улучшения. Нативное приложение «Калькулятор» является наиболее подверженным ошибкам, который я когда-либо использовал. Я регулярно набираю неправильные числа и не замечаю этого из-за его настойчивого использования аналоговой метафоры, недостатков и прочего. Приложение «Будильник» просто сломано.

Проблемы распространяются еще и на визуальный дизайн этих приложений, корни которого уходят к маленьким телефонам с соотношением сторон 3: 2. Только взгляните на это нелепое пустое место в приложениях «Калькулятор» и «Таймер». Это признаки того, что, несмотря на то, что это программное обеспечение, используемое миллиардами, это не имеет большого значения.

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

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

Наши приложения скучные. Мы носим с собой невероятные графические машины, которые могут работать в многопользовательской 3D-игре со скоростью 60fps, но используем их для визуализации плоских прямоугольников. Дело не в том, что все, что мы делаем, должно всегда максимально использовать аппаратные возможности смартфонов, но мы должны признать, что современные мобильные устройства принципиально отличаются от тех, что были десять лет назад. Это новый «материал», и мы должны разработать новые подходы, которые лучше подходят для этого материала, используя все его возможности для решения реальных потребностей и открытия нового опыта.

Источник

Фундаментальные принципы и лучшие практики дизайна мобильных приложений

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

Дизайнерам мобильных приложений непросто, ведь у людей под рукой почти 9 миллионов приложений. Ежедневно в Google Play Store и Apple App Store появляется не менее тысячи новых приложений. Тем не менее, более 75% из них загружаются, открываются один раз и никогда больше не используются. Чаще всего по причине плохого юзабилити.

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

Содержание статьи 
Как прокачать визуалку (UI) и научиться красть как художник
Автоматизация работы в Figma с помощью Auto Layout и Variants
Важность юзабилити
Мобильная навигация
Иконки в мобильных интерфейсах
Пользователи должны сразу узнавать элементы, а не пытаться их вспомнить
Скорость
Уведомления
Принципы дизайна мобильных взаимодействий
Законы UX в мобильном UX-дизайне
Использование преимуществ мобильных технологий для повышения UX

Читать: https://ux.pub/fundamentalnye-printsipy-i-luchshie-praktiki-dizayna-mobilnyh-prilozheniy/

M-commerce: особенности поиска и фильтрации в мобильной версии сайта

1. Разрешите поиск по категориям
В исследовании Baymard Institute 60% пользователей приступали к изучению сайта и товаров с помощью поиска. Для них этот вариант был более быстрым и удобным, чем навигация по категориям.

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

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

Страница без результатов становилась тупиком для пользователя. Если посетителя не направить дальше, то высока вероятность, что он покинет сайт.

1. Упростите взаимодействие с мобильной фильтрацией
Удобный для пользователей функционал фильтрации на десктопе — это простые элементы управления, а также одновременный вывод фильтров и результатов на одном экране.

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

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

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

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

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

1. Вывод с помощью карусели

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

2. Вывод списка в несколько строк

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

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

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

Исследование Baymard Institute показало, что 45% испытуемых пытаются применить несколько значений одного и того же фильтра. Например, выбирая юбку красного или синего цвета пользователи ожидают, что в результате работы фильтра в списке товаров будут юбки как красного, так и синего цвета.

4. Используйте выпадающие списки в сортировке

Задача сортировки — распределить товары на странице таким образом, чтобы наиболее подходящие для пользователя позиции оказались сверху. Для этого применяется несколько параметров: по алфавиту, по возрастанию цены, по популярности покупок, рейтингу товаров и так далее. В большинстве случаев сортировка одинаковая на всех страницах с товарами, но можно добавить отдельные параметры (выбрать 3-5 значимых фильтров) для разных категорий товаров.


Источник

​​В Телеграм появился новый канал «Дизайн по любви»

Автор — практикующий дизайнер, который создает визуал и креативы для рекламы в дизайн-каналах, а также концепции промо-сайтов.

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

Начни создавать топовый дизайн 🔥
Присоединиться: @design_with_love

Яндекс обновил логотип. 
 
Он стал частью новой айдентики компании — кроме него теперь у Яндекса новый знак (буква Я в красном круге) и шрифт. 
 
Логотип в скором времени обновится везде — от интерфейсов сервисов до сумок курьеров. Кстати, Яндекс изменил ещё и поисковую строку. Она больше не в форме стрелки.
 
Айдентику разработала команда Яндекса вместе с Ильёй Рудерманом — дизайнером шрифта, который уже давно сотрудничает с компанией.
 
«Предыдущий логотип был создан почти 13 лет назад. Тогда никто не думал, что компания будет заниматься доставкой продуктов, обрабатывать платежи и делать беспилотные автомобили», — говорит дизайн-директор Поиска Геннадий Лохтин.
 
Новая айдентика отражает суть современного Яндекса и напоминает, что у сервисов общие технологии и единое начало — поиск.
 
Прочувствовать идею изменений поможет ролик, который компания опубликовала на своем канале.

Что определяет будущее UX/UI-дизайна в медицине?

Пандемия ускорила развитие решений medtech: удаленный мониторинг состояния пациентов, умные носимые устройства, роботизация ряда процессов, ИИ. Из-за этого у UX/UI-специалистов и разработчиков появилась новая непростая задача – создавать дизайн для сложных и специализированных решений.

Топ-5 главных трендов в UX/UI для medtech.

Носимые устройства в медицине

По данным Business Insider, использование носимых устройств может сэкономить докторами до 15 часов в неделю. По прогнозам IDС, в 2021 году 7 из 10 производителей браслетов сделают ставку на алгоритмы распознавания недомоганий, включая вирусные инфекции и covid-19. Например, ученые из клиники Mount Sinai в Нью-Йорке и Стэнфорда уже научили Apple Watch диагностировать covid-19 по сердечному ритму.

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

Чат-боты в медицине

Чат-боты в медучреждениях получают все большее распространение. Конечно, виртуальные помощники на базе ИИ не могут поставить диагноз, зато могут записать пациента на прием или связать с врачом нужного профиля. Так, в Москве работают чат-боты для записи на прием в поликлиники от ДИТ Москвы, в том числе в Telegram.

В будущем возможности чат-ботов будут расширяться: например, они смогут предоставлять персональные рекомендации по заботе о здоровье. Для дизайнеров UX/UI это значит, что уже сейчас в чат-боты нужно закладывать возможности на перспективу регулярной коммуникации с человеком, учитывая, что они будут обрабатывать персональные данные и данные, представляющие собой медицинскую тайну.

Дизайн AR и VR-систем

Дополненная реальность (AR) и виртуальная реальность (VR) используются как в обучении медицинских специалистов, так и в терапии ряда заболеваний: они повышают точность диагностики, отвлекают пациентов от неприятных процедур, служат для визуализации различных систем человека. Например, в Канаде разработали систему дополненной реальности под названием ProjectDR: она позволяет отображать изображения компьютерной томографии или данные МРТ прямо на теле пациента.

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

Инклюзивный дизайн

Человеческое общество сегодня все больше пронизано идеями инклюзивности и создания равных возможностей для людей по использованию инфраструктуры, среды и технологий. Сегодня в сфере UX/UI медицинских систем это самый большой вызов: если система рассчитана на голосовое взаимодействие, то как быть людям, которые не могут владеть голосом? А если на тактильное и сенсорное, то как быть тем, кто имеет ограничения подвижности конечностей? В конце концов, ведь главные пользователи медицинских систем – часто именно люди с различными ограничениями по состоянию здоровья.

В будущем инклюзивный UX/UI окажется в авангарде любых медицинских разработок: специалистам придется максимально упростить интерфейсы и сделать их доступными как для тактильного, так и голосового, и даже зрительного контакта и управления.

Телемедицина

По данным Deloitte, в 2021 году количество виртуальных посещений врача достигнет 400 млн во всем мире. Медицинские сервисы, которые позволяют носимым устройствам обмениваться данными, а врачам выписывать электронные рецепты после удаленных консультаций, требуют от дизайнеров UX/UI серьезной работы над интеграцией сервисов и приложений между собой.

От UX/UI-дизайна, действительно, будет много зависеть при развитии medtech-решений. Чтобы они служили людям, при разработке нужно учитывать все вышеперечисленные принципы: такие решения должны быть достаточно простыми и удобными, легко обмениваться данными друг с другом, учитывать разные способы ввода информации и потребности людей с разными особенностями здоровья.

Источник

Тенденции графического дизайна в социальных сетях в 2021 год, или что такое инфографика

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

1. Приглушенные цветовые палитры
Если ваша графика в социальных сетях по-прежнему состоит из ярких цветов, пора подумать об изменении стратегии дизайна.
Вопреки распространенному мнению, вам не нужны яркие, бросающиеся в глаза цвета, чтобы выделяться в социальных сетях. Фактически, цветовая тенденция, которая стала популярной в последнее время, — это приглушенные цветовые палитры. Приглушенные цвета — это цвета, которые были насыщены оттенком черного, белого или любого другого дополнительного цвета.
Хорошим примером бренда, который часто использует приглушенные цветовые палитры в своих визуальных эффектах в социальных сетях, является платформа VC

2. Простая визуализация данных
Визуализация данных относится к представлению сложной информации или данных в визуальном формате. Вы можете создать различные типы визуализации данных:
Инфографика
Диаграммы и графики
Диаграммы
Карты

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

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

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

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

Источник

Как работать с дизайнерами: 10 простых шагов

Это сатирическая статья.

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

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

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

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

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

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

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

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

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

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

Картинка стоит 1000 слов
Лучшее руководство – визуальное, не так ли? Не говорите им, что вы хотите, словами, убедитесь, что они увидят экран, который вам понравился на днях. Лучше всего проведите это после целой недели формирования определений и идей. Продолжайте в том же духе, и ваш продукт достигнет уровня Uber / Amazon / Instagram / Apple, о котором вы всегда мечтали.

Источник

Как дизайнеру не быть банальным?

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

Если ты хочешь генерировать смелые идеи и наполнять работы собственной харизмой, то велкам на третий поток онлайн-стажировки DL Boost, которая уже успела стать легендарной. На этот раз за твой апгрейд отвечают основатели Vintage Оля Шевченко и Женя Кудрявченко. Студия входит в топ-30 Awwwards, а их сайты по всему миру признают самыми уникальными.

С 16 по 22 мая ты:
— Научишься слышать и распознавать запросы заказчика
— Повысишь свою ценность и научишься презентовать проекты
— Поймешь, как делать сайты, которые забирают премии Awwwards
— Создашь оригинальный проект и будешь в выигрыше
— Покончишь с шаблонным дизайном.

Начни создавать прямо сейчас:
https://clc.to/xdkNGg

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

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

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

1. Эффект привязки

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

Мы склонны в значительной степени полагаться на часть информации, которую видим первой, и принимаем решения, используя ее в качестве ориентира / фокуса или «якоря».

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

2. Систематическая ошибка выжившего

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

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

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


3. Эффект приманки

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

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

4. Проклятие знания

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

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

5. Распознавать проще, чем вспоминать

Вы чувствовали, что всякий раз, когда пытаетесь вспомнить кого-то, кого встречали в прошлом, вам трудно вспомнить, но легко узнать его, глядя на фотографии?

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

Источник

Зачем нужна упаковка бизнеса?

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

Важность упаковки бизнеса для потребителя обуславливается следующими факторами:

1. Отличительная навигация среди конкурентов или, проще говоря, узнаваемость
2. Удержание внимания

3. Создание интереса

4. Убедительность

5. Увеличение среднего чека (если ваш продукт действительно хорош)

6. Доверие

7. Рекомендации

8. Повторные заказы или клиенты на всю жизнь


Как упаковать бизнес в 2021-м году?

Первый момент: Изучить целевую аудиторию. Надо понять портрет целевого потребителя вдоль и поперёк. Из какого ценового сегмента ваш покупатель, какие у него интересы в Сети, какой у него достаток и стиль потребления, чем его можно заинтересовать. Далее, возраст, пол, социальные и семейные связи. Если потребуется, заказывайте исследование.
Важно! Правильно понимание психологии Вашего потребителя откроет вам дорогу в будущее. А именно: вы узнаете, как надо расставить точки взаимодействия с потребителем, чтобы продавать.

Второй момент: Исследование рынка. Определяем конкурентов не только по величине бизнеса относительно себя (хотя это важно), но также и идеологических и не прямых конкурентов. Есть Яндекс и Google для данных задач. Собираем с рынка следующие вещи:
· Сайт: как наполнен каталог, как описаны услуги, есть ли онлайн оплата, есть ли доставка, есть ли гарантии, как сделано меню, навигация, формы, телефоны и прочее. Все выгребаем из конкурентного анализа по-максимуму.
· Продажи. Звоним, как тайный покупатель и проводим чек-ап продавцов или операторов. Опять же, задача понять всю механику процесса
· Офлайн-точки. Приходим лично и вживую смотрим, как все работает.

Идеально! Устроиться на работу маленьким сотрудником на небольшую должность работника склада и в течение 3-4 месяцев понять всю внутреннюю кухню, пообщаться с другими людьми, оценить масштабы.

Третий момент: Контрольные точки взаимодействия с потребителем. Вытекает из пункта 1, узнав психологию выбора и принятия решения вашего покупателя, вы получите полный карт-бланш. Например, в рекламе потребитель хочет увеличить продажи как правило. Его картина мира при выборе подрядчика складывается из надежности компании, ее опыта, достигнутых результатов в тематике, кейсов, вариантах отсрочки платежей. Все. Зная это, вы просто готовитесь к переговорам втройне.
Фактически это та самая заветная воронка продаж, через которую вы ведете покупателя вниз к сделке.
Маленький вывод:

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

Источник