Журнал дизайнера | AI & Product – Telegram
Журнал дизайнера | AI & Product
358 subscribers
448 photos
47 videos
105 links
Product designer at Solar. Пишу про AI, про вайбкодинг, про дизайн, про себя

Автор — @flppva_a
Download Telegram
🎨 Влияние цвета на поведение пользователей
(выбрала эту тему, поскольку при написании было равное кол-во голосов у двух)

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

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

Но это очень банальный пример, так как все мы знаем чуть ли не с детства, что «встречают по одежке». Давайте уже про психологию 😁

*️⃣*️⃣*️⃣

Психология цвета

Когда зрелый дизайнер или маркетолог выбирает цвет для нового проекта, он никогда не руководствуется понятием «это будет красиво и точно понравится пользователю». Бренд не может знать заранее на 100%, понравится ли этот цвет ЦА. Но он может заставить вас невербально почувствовать связь цвета и того, что предлагает бренд. В основе выбора цвета всегда лежит уникальный посыл, который хочет донести бизнес до пользователя

Когда я изучала тему цвета в универе, то смотрела на реальные примеры использование цветов брендами. Почему у Магнита – красный, у Ленты – синий с желтым, а у Ярче – зеленый? Поверхностно – чтобы отстраниться от конкурентов. Но если копнуть глубже, что мы можем узнать?

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

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

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

*️⃣*️⃣*️⃣

Примеры интерфейсов

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

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

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

Цвет действительно важный инструмент и самый базовый. Но не единственный, который позволяет сделать классный UI. Есть ещё работа с типографикой, иконками, композицией, шейпами и много-много всего

*️⃣*️⃣*️⃣

Для чего дизайнеру цвет и все другие инструменты?

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

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

Например, на прочтение классного поста, как этот 😘

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


Благодарна тебе, если ты прочитал(а) до конца. Хочу быть не только интересной, но и полезной, даже если ты не дизайнер

Поставь реакцию, если пост зашел на ура! Мне нужна твоя поддержка
😊

А если у тебя есть вопросы или желание пообщаться - заходи в комментарии. Спасибо
💗

#настявещает
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍322🔥2🦄2
💸 Сбылась мечта идиота или на что дизайнер тратит зарплату

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

Накупила блокноты и миллион всяких разных стикеров – теперь будет красивенькооо 😈
Please open Telegram to view this post
VIEW IN TELEGRAM
64😍1
This media is not supported in your browser
VIEW IN TELEGRAM
@alfabank, какого мать его лешего у меня висят предложения, которые я не могу ни удалить, ни прочитать, если не нажму на них? Привет, дарк паттерны?!

Ок, это ещё полбеды

У вас зачем-то несколько приложений, в которых ui/ux отличается друг от друга. Вот чтобы что? К какому привыкать? Это a/b тест такой? Если да, то дороговато же вам он обходится

В итоге оба особым удобством не блещут (ну для меня). В том, что на видео, увидеть свой баланс на главной можно, если сначала догадаешься, как его добавить туда. Для этого я однажды писала в поддержку 🙄

Про кэшбек. 0,5% за все покупки – это сильно 💪🏼 Может проще тогда вообще исключить эту категорию, чем десятичными баловаться?

Ну и вишенка на торте. Вводишь сумму для перевода 1250₽. Нажимаешь «Перевести». Переводит 125₽ 🤦🏻‍♀️

Я всё. Повозмущалась, но сделала вам краткий ux-аудит. Жду оффер на позицию продуктового дизайнера 💅🏼

#этофакап
🔥10🙏1
Ну, вот примерно такие отношения с Альфа банком, да. Спасибо @ArseniyMikhailov за хороший пример 😁

#хихики
👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Вся проблема во фразе «разработчики создали»

🖤@uxuitelno
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
Всем привет! А у нас сегодня был первый снег, представляете ❄️

Маленький спойлер на оставшуюся часть недели

🔴Планирую сделать навигатор

А это значит, что все посты будут помечены хэштегами для удобства поиска

🔴Расскажу про ui3 в figma

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

🔴На выходных хочу новую аватарку сделать

Разонравилась. Хочу стильно, модно, молодежно

Тем временем, у меня уже 2 месяца работы в Solar. Больше половины испытательного! Ну кайф жееее 😊

Много чего хочется рассказать. Но с этим приду к вам чуточку позже
😉

А пока вот вам рандомную песенку из моей коллекции для хорошего настроения
Please open Telegram to view this post
VIEW IN TELEGRAM
5
This media is not supported in your browser
VIEW IN TELEGRAM
Ахаха
Совпадение? Не думаю 😂

Признавайтесь, кому такое же письмо приходило после регистрации на Design Meet UP?
🔥2🫡2
🔎🔎🔎🔎 🔄

#пост_знакомство@vbshm_design
Если не знакомы со мной - начните отсюда 🙃

#путьвдизайн@vbshm_design
Рассказываю, через что прошла, чтобы стать дизайнером

#пропродукт@vbshm_design
Профессионально, просто, про продукт

#настяработает@vbshm_design
Все просто – о работе

#настядизайнит@vbshm_design
Показываю, что надизайнила

#настявещает@vbshm_design
Рассказываю про проектирование и ux, да и просто про что-нибудь

#настяучится@vbshm_design
Рассказываю про то, что изучаю

#кошачьи@vbshm_design
Показываю своих сладких котиков, обязательно полюбуйтесь на них

#психологическое@vbshm_design
Умничаю на тему психологии, саморазвития и делюсь своим опытом терапии

#хотньюс@vbshm_design
Новости дизайна с пылу, с жару

#дизайндвижухи@vbshm_design
События, конференции, стажировки для дизайнеров интерфейсов

#хихики@vbshm_design
Мемчики, видосики, шутки-прибаутки

#этофакап@vbshm_design
Ужасные решения в дизайне (имхо)

#почитать@vbshm_design
Полезные книги о дизайне и не только, которые прочитала или планирую прочесть сама

#посмотреть@vbshm_design
Подборки, картиночки, статьи, референсы, классные решения в дизайне

#мастхэв@vbshm_design
Делюсь фишками в продуктивности, в дизайне и работе с фигмой

#дизайнресурсы@vbshm_design
Классные мокапы, иконки, ссылки на ресурсы

#находки@vbshm_design
Интересные и забавные примеры дизайна, случайно попавшиеся на просторах интернета

#нейро@vbshm_design
Показываю, что нагенерила, рассказываю, что знаю о нейронках

#музыкальное@vbshm_design
Делюсь музыкальными находками

#рекомендации@vbshm_design
Рекомендую сервисы, платформы, конференции и всякое разное для дизайнеров

Список пополняемый, хэштег ≠ пост
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥3
Обновление 🎨 Figma до UI3: почему черт не так страшен, как его малюют?

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

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

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

Что ок

*️⃣ Toolbar с основными кнопочками переехал из левого верхнего угла вниз. Нестрашно. Особенно, если вы знаете горячие клавиши
*️⃣ Auto layout. Для меня по большому счету не изменилось ничего. Даже фича с автолейаутом в один клик понравилась
*️⃣ Project name уехало из центральной верхней части в левый сайдбар. Так стало как будто даже логичнее
*️⃣ Изменение сайдбаров вполне удобоваримое. Понравилось, что теперь интерфейс воздушный, а рабочее пространство кажется больше

Что не ок

*️⃣ Сильно запрятали кнопки редактирования объекта (mask, vector path, multi-edit и тд). Долго же пришлось понимать, куда они исчезли
*️⃣ Работа с компонентами. Теперь надо пытаться не путать плюсик рядом с properties и точки настроек компонента, потому что раньше это было все вместе
*️⃣ Position и Constraints объединили в один блок, а размеры Layout выделили в отдельный. Ну, да, первое время вообще невозможно было понять эту логику
*️⃣ Сorner Radius вообще уехал в Appearance. Могли бы и эффекты туда запихнуть, чего мелочиться-то? Тоже странное решение короче

Вывод

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

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

И конечно жду ваши комментарии

Пришло ли вам обновление? Что понравилось? Что не понравилось? Чего ожидаете?


#настявещает
Please open Telegram to view this post
VIEW IN TELEGRAM
2🤝2🤔1
Доброе утро!

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

А черно-белая не потому что грустно, а потому что просто нравится 🙂
Please open Telegram to view this post
VIEW IN TELEGRAM
9
Утра!

Начинаем понедельник с шутеечек 😏

#хихики
Please open Telegram to view this post
VIEW IN TELEGRAM
😁6
This media is not supported in your browser
VIEW IN TELEGRAM
Боже, как я кайфую от таких анимаций. Аж мурашки по коже 🐜

qclay.design

#посмотреть
3
🥱 Почему дизайн ≠ скучная терминология?

На этот пост меня вдохновил
Денис – типичный дизайнер из Сбера. Недавно он писал очень важную заметку, в которой подсветил тему простоты в дизайне. Хочется осветить эту тему со своей колокольни

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

Приведу пример. Однажды на собеседовании я услышала термин «double diamond». Конечно, я и раньше натыкалась на него, но в жизни и на практике – никогда (если кому интересно, то это один из подходов к работе над продуктом).

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

Меня вообще жутко коробит этот культ «всезнайства». Если ты способен решить задачу и принести результат, то какая разница, какими словами это называется?

Поэтому хочу донести следующую мысль: важно объяснять простыми словами то, что называется сложно

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

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

📚 А ты умеешь объяснять сложные вещи? Удается ли не проваливаться в терминологию?
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3🤝2
This media is not supported in your browser
VIEW IN TELEGRAM
#хотньюс

Ну что, как вам ребрендинг Яндекс GO?

Спорные чувства. Пытаюсь ещё с Купера понять, что нам пытаются транслировать бренды
1🤔3
Черная дыра на видео — это ненасытные пользователи? Типа как рот открытый 😮
Please open Telegram to view this post
VIEW IN TELEGRAM
🤣4
This media is not supported in your browser
VIEW IN TELEGRAM
Не успела я насладиться островными сайдбарами и визуально расширенным пространством. Figma решила откатить все обратно. Зачем, а, главное, на**я?

Лучше бы 2007 так вернули

#хотньюс
3🤔2🤝1
Живу синхронно в двух часовых поясах, а чего добился ты? 😂

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

На новом месте ещё больше стала ощущать, что живу по московскому времени. Но режим важнее, поэтому ложусь спать где-то между 23:00 и полуночью (по Москве это после 20:00)

Так и живем 😄

Расскажи, в каком часовом поясе ты живешь/работаешь? Какой это город/регион/страна?
Please open Telegram to view this post
VIEW IN TELEGRAM
1👍31🔥1😁1
И, конечно, всех с пятницей, друзья! 😘

Проведите выходные весело и продуктивно!

А я вам какой-нибудь хороший пост напишу
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Ни разу в жизни не хотела поменять имя. Было какое-то неприятие в детстве, но какое-то другое – никогда

Интересная интерпретация 🧐
2
🧠Терапия – не волшебная таблетка

Знаете, я искренне не понимаю, почему вокруг походов к психологу так много стереотипов. А-ля «это же модно, современно, я стану просветленным и проработанным человеком»

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

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

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

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

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

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

Всех обнимаю и заряжаю энергией ❤️

Пусть рабочая неделя будет гармоничной и приятной!


#настявещает #психологическое
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥55💯1