Конкурентный анализ. Ч.3 — итоги

Это уже 3 часть цикла. Вот предыдущие:

1. С чего начать

2. Сравнительный

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

• Анализ каждого продукта конкурента.

• Скриншоты вместе с комментариями, объясняющими специфику каждой функции

• Список функций и/или приблизительная карта сайта каждого конкурента

• Сильные стороны каждого проанализированного продукта — и советы, как можно их улучшить

• Матрица анализа конкурентов — таблица с характеристиками и отдельными столбцами для каждого продукта

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

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

Иллюзия контроля — что это такое и как её использовать в дизайне

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

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

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

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

Эту фишку психологии человека оч любят использовать маркетологи в своих целях.

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

И эту иллюзию контроля можно использовать и в дизайне. Как? Есть несколько вариантов, но об этом уже в следующей части. Ибо места тут для всего не хватит. Вдарьте по реакциям, если интересно. До скорой!)

Стили иллюстраций, иллюзия контроля и якорные объекты

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

• 3 стиля иллюстраций, которые хорошо решают задачи клиентов

• Как новичку ускорить карьерный рост

• Figma обновили auto-layout

• Базовые правила дизайна #3 — якорные объекты

• Конкурентный анализ. Ч.3 — итоги

• Иллюзия контроля — что это такое и как её использовать в дизайне

Завтра выйдет опрос на темы следующей недели. А пока, хороших выходных и до скорой)

Как подготовить портфолио для продуктовой компании

Продуктовый дизайнер — больше, чем просто дизайнер (сорри за тавтологию). Он проводит анализы, А/В тесты и улучшает продукт, если это необходимо.

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

Статья написана действующим продуктовым дизайнером, поэтому подозреваю, что советы в ней помогут:

https://vc.ru/design/447262-kak-dizayneru-podgotovit-portfolio-dlya-produktovoy-kompanii

Подкасты для дизайнеров

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

В этом посте подобрал 3 подкаста, которые оч полезны для дизайнера. Погнали:

> Untitled

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

> Дизайн прост

Подкаст от UPROCK. Их статьи я не раз вам советовал. Евгений Егоров и Павел Ярец приглашают гостей и общаются на темы, которые в основном касаются начинающих. Клад ценной инфы для новичка.

> Google Design Podcast

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

Под конец

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

У вас есть возможность задавать вопросы по контенту напрямую мне

Обновил бота обратной связи. Теперь, если у вас появится вопрос по UX и в целом дизайну, смело можете писать сюда @uxtrends_bot. Также принимаются любые предложения по темам постов.

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

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

Базовые правила хорошего дизайна #4 — правило внутреннего и внешнего

Звучит это правило довольно просто: внутреннее ≤ внешнего.

Попытаюсь объяснить. Расстояние между штрихами букв внутреннее. А интервал между ними — внешнее. Соответственно, внутреннее должно быть меньше внешнего, иначе в тексте кажется, что соседние буквы вторглись в личное пространство друг друга. Эта ситуация хорошо показана в картинке ниже, которую я спёр взял из материала Скиллбокс.

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

Это правило одним из первых в Рунете качественно описал Артем Горбунов. Почитайте его статью, точно будет полезно.

Как новичку ускорить карьерный рост #2

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

Ну что, начнем:

> Расширять кругозор

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

Также и художкой не стоит пренебрегать. Несмотря на популярный стереотип, и она может приносить пользу — делает вашу речь, как письменную, так и разговорную, более гладкой. Посмотрите на книжные рекомендации Билла Гейтса. Он регулярно делится своими любимыми 5 книгами из прочитанных недавно и каждый раз там присутствует минимум одна художка. Что ещё примечательно, все произведения на абсолютно разные темы, что подтверждает слова из верхнего абзаца.

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

> Следить за трендами

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

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

На этом фсё

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

​​Как использовать иллюзию контроля в UX-дизайне #1 — хлебные крошки

Об иллюзии контроля, — что это такое и почему играет важную роль, — писал вот тут

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

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

Простая и оч эффективная фишка. Возьмите на вооружение.

Подкасты, карьерный рост и хлебные крошки

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

/ Как подготовить портфолио для продуктовой компании

/ Подкасты для дизайнеров

/ У вас есть возможность задавать вопросы по контенту напрямую мне

/ Базовые правила хорошего дизайна #4 — правило внутреннего и внешнего

/ Как новичку ускорить карьерный рост #2

/ Как использовать иллюзию контроля в UX-дизайне #1 — хлебные крошки

Думаю, не стоит напоминать, что завтра выйдет опрос. Закрываем эту неделю и приступаем к следующей. До скорой!

А что, если убрать все кресты

Не поклонник видео Артемия Лебедева, но вот один все же зашел.

Он будет оч жизненным для тех, кто устал от сумасшедших требований клиентов. Лебедев взял достаточно понятное т.з.: убрать в дизайне всего форму креста. Большинство дизайнеров с внутренним "фи" возмущались бы, но Артемий без лишних вопросов приступил к реализации.

Что у него получилось, в видосе по ссылке:
https://youtu.be/EHS10UUCpck

Продуктивность: закон Парето

Одна из самых популярных методик продуктивности.

Суть закона Парето: "20 % усилий дают 80 % результата. И в то же время 80 % усилий дают лишь 20 % результата".

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

Я в своем списке дел отдельным блоком выделяю 3 задачи, которые необходимо выполнить в первую очередь. И почти все они не клиентские. Либо мои проекты, либо мое самообучение. То, что в будущем даст мне наибольший эффект.

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

На этом фсё. Интересно узнать и про другие методики продуктивности? Дайте знать в реакциях. Можете даже свою идею предложить в @uxtrends_bot.

Подборка лучших ютуб-каналов для дизайнеров

Пост про видео Лебедева натолкнул меня на эту идею. Нашел для вас подборку из 40 ютуб-каналов про дизайн. Большинство из этого списка не оч большие, — только у одного больше 100К пдп, — но все принадлежат либо дизайн агентствам или компаниям, либо действующим специалистам. Особенно меня порадовало наличие в подборке каналов моих любимых источников (Uprock и Бюро Горбунова).

Даже один канал из списка немало поможет новичкам. Посмотрите:

https://vc.ru/design/468823-40-russkoyazychnyh-youtube-kanalov-o-dizayne

Базовые правила дизайна #5 — правило тинктур

Это правило о том, как выбирать фон в дизайне. Сформировалось оно ещё со Средних веков в геральдике — дисциплине о гербах. Звучит так:

«Нельзя накладывать финифть на финифть и металл на металл»

Речь о названиях цветов. Посмотрите в картинке снизу, которую взял из материала Скиллбокс.

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

Пожалуй, на это фсё. Это было последняя часть в серии. Свои вопросы и предложения присылайте в @uxtrends_bot. Но не забывайте — правила на то даны, чтобы их иногда нарушать;)

Иллюзия контроля в дизайне #2 — статичные подсказки

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

Пример из картинки. Это интерфейс Booking.com.

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

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

Берите эту фишку на вооружение в будущем

Визуализация данных в интерфейсе. Ч 1 — что это вообще такое

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

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

Дизайнеры для визуализации таких данных используют дашборды.

Вывод

Визуализация нужна, чтобы наглядно отобразить точную информацию и убрать всё лишнее.

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

Убрать кресты, закон Парето, правило тинктур и статичные подсказки

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

> А что, если убрать все кресты

> Продуктивность: закон Парето

> Подборка лучших ютуб-каналов для дизайнеров

> Базовые правила дизайна #5 — правило тинктур

> Иллюзия контроля в дизайне #2 — статичные подсказки

> Визуализация данных в интерфейсе. Ч 1 — что это вообще такое

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

Иллюзия свечения или как белое кажется больше черного

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

Также автор рассказывает, как использовать это знание в дизайне. Почитайте перед сном, точно не потеряете время зря:

https://ux.pub/editorial/illiuziia-sviechieniia-ili-pochiemu-bielyie-obiekty-kazhutsia-bolshie-chiernykh-hgc