Переключаюсь на дизайн
126 subscribers
100 photos
1 video
20 links
Показываю свой путь в дизайн цифровых продуктов.

– Разрабатываю дизайн сайтов
– Анализирую интерфейсы из жизни и онлайн
– Изучаю UX/UI на реальных продуктах
– Делюсь опытом
Download Telegram
Референс для вдохновения

Недавно наткнулся на сайт, который меня вдохновил.
Рассказываю почему он классный:
1. Фоновый цвет и шрифт страницы подстраиваются под вкус напитка, например, для арбуза — розоватый. Такая простая идея усиливает связь с продуктом.
2. Типографика контрастная, которая задаёт иерархию.
3. Фотография напитка закреплена справа и двигается вместе при скроллинге страницы, что также удерживает внимание и усиливает желание попробовать. При этом фото минималистичные и сочные, все внимание на продукте.
4. Легкая, непринужденная анимация, не вызывает вау-эффекта, но делает взаимодействие приятным.

⚡️Что взять на заметку:
— Использовать идею с цветом, например, фон, шрифт могут поддерживать вкус, эмоцию.
— Единый стиль карточек и фотографий помогает фокусироваться на продукте.

⚡️Совет:
— Обращайте внимание на детали, которые создают общее впечатление от сайта.

🥤Мне уже самому захотелось попробовать этот напиток.
🔥129👍2
Про удобство

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

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

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

Аналогично с сайтами и приложениями мы просто хотим, чтобы было удобно, просто и не совершать лишних действий. Без обучения, без долгих путей.
🔥7
Что уже умею?
— Чувствую композицию, понимаю как работают сетки и направляющие
— Подбираю типографику и цвет, отталкиваясь от цели и характера проекта
— Знаю базовые принципы дизайна
— Умею работать с референсами,
могу отличить плохой дизайн от сильного
— Представляю, как строится весь процесс создания дизайна сайта от идеи до передачи в разработку.

Куда хочется двигаться дальше?
— В сторону коммерческих проектов
— Глубже в UX-исследования
— Разобраться в дизайне мобильных интерфейсов.

Что продолжаю делать?
— Прокачивать насмотренность
— Разбирать референсы и пробовать на их основе делать свои
— Погружаться в дизайн через статьи, книги, видео.
🔥5👍31
Начинаю погружаться в UX- дизайн, сегодня посмотрел видео про информационную архитектуру. Делюсь кратко, что понял.

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

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

Как строится?
1. Проведение интервью для получения списка услуг, задач, товаров, которые важны для пользователя.
2. Карточная сортировка:
Открытая - карточки услуг, задач выдаются пользователю, цель объединить их в группы по своему усмотрению.
Закрытая - пользователь распределяет карточки по заданным категориям.
3. Построение структуры сайта.

Всю информацию беру из этого видео. Руслан очень понятно и доступно объясняет информацию.
Также можно прочитать тут.
9🔥9🕊2
Я просто хотел выложить кейс, зашёл в предварительный просмотр на Behance и увидел: пунктирная линия выходит за границу объекта, а заголовок — не по центру.

Ну, думаю, быстро поправлю.
Исправил. Заметил ещё одну мелочь. А потом ещё. В итоге — час на правки.
Знакомо?

Это вроде и внимание к деталям, и перфекционизм. Хочется, чтобы всё было идеально и при этом никто не ткнул: «А вот тут косяк».

Но правда в том, что 90% зрителей этого даже не заметят.
Делать хорошо — важно.
Делать идеально — необязательно.
👍9
Заканчиваю читать «Не заставляйте меня думать» от Стива Круга. Очень крутая и простая книга по UX, которая реально помогает взглянуть на интерфейс глазами пользователя. Делюсь тем, что зашло.

Зачем вообще читаю?
Хочу лучше понимать, как думают люди, когда заходят на сайт. Эта книга отличный старт, особенно для начинающих в UX/UI-дизайне.

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

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

Первая часть заметок по этой книге — здесь.
🔥81🆒1
Каждый раз, когда работаю в Figma, использую эти горячие клавиши прям постоянно. Некоторые из них относительно недавно открыл для себя, и они реально ускоряют мою работу.

Выделю топ-5 горячих клавиш Figma (Ctrl, Alt— для Windows; Cmd, Opt— для Mac):

1. Приблизить/удалить рабочую область:
Ctrl (Cmd) + "+" или "-"

2. Копирование /вставка свойств объекта:
Ctrl (Cmd) + Alt (Opt) + C/V

3. Сквозной выбор элемента сквозь группы:
Ctrl (Cmd) + ЛКМ

4. Выбрать все элементы внутри группы:
Enter

5. Передвинуть элемент на один уровень ниже/ выше в слоях:
Ctrl (Cmd) + [
Ctrl (Cmd) + ]

У кого есть свои горячие клавиши Figma, которыми пользуетесь постоянно?
👍2🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Сайт, как фильм

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

Почему этот сайт так цепляет:
- плавные переходы
- яркие цвета
- живые анимации

Такие сайты вдохновляют.
🔥5
Я боюсь, но иду дальше. Мои страхи при смене профессии

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

Вот мои страхи:
- Не смогу устроиться
Дизайнеров становится всё больше. Курсы, интенсивы, стажировки — конкуренция огромная.
- Выгорание
Когда ты делаешь проекты, но не получаешь ни заказов, ни отзывов, ни обратной связи — мотивация падает. Хочется всё бросить.
- Показаться глупым
Особенно страшно общаться с заказчиками или опытными дизайнерами.

Как я справляюсь?
- Сравниваю себя только с собой.
- Беру паузы, если чувствую, что подступает выгорание.
- Напоминаю себе, что не обязан всё знать.

Но я понял, что страхи будут всегда. Главное — не убегать от них, а идти рядом. Если тебе действительно нравится то, что ты делаешь, — ты обязательно найдёшь своё место.

А какие страхи были у вас на пути к новой работе?
❤‍🔥7🔥3
Channel name was changed to «Илья | Переключаюсь на дизайн»
Протестировал Chat GPT и Deepseek на типичных задачах, с которыми часто сталкиваются дизайнеры.

Разобрал, кто лучше справляется с ключевыми задачами:
- Анализом интерфейсов
- UX-исследованиями
- Копирайтингом
- Генерацией идей
- Объяснением терминов

Собрал выводы в карусели — листай.

А ты уже пробовал Deepseek? Поделись, как тебе эта нейросеть.
🔥12🕊5👍31
UX в поезде: как улучшить опыт миллионов с минимальными усилиями

Сейчас в отпуске, едем в поезде. Заметил одну штуку, о которой раньше не задумывался, но это прям UX в реальной жизни.

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

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

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

Пакеты с клубничным запахом, конечно, вряд ли появятся, но хоть завязки добавьте.
👍10👀3
UX в путешествии: что не так с "женской комфорт обувью"?

Во время путешествия заметил магазин с названием женская комфорт обувь , при этом комфорт выделено другим цветом. Думаю про себя это обувь для женщин… и при этом ещё и комфорт зачем-то отдельно. А потом смотрю на баннер и вижу там светильник с ножками. Что это вообще? Магазин обуви? Освещения? Или женские ноги в абажуре? Хочется пройти мимо, а не зайти.

Почему так?
- Слово комфорт выделили и всё название стало каким-то запутанным. Вообще не ясно, что за магазин.
- Баннер с абстрактным смыслом путает: светильник с каблуками выглядит странно и не ассоциируется с обувью.

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

Кажется очевидным, но такие детали отпугивают потенциальных клиентов.
UX окружает нас везде. Даже в вывесках.
🔥106🤔1
Моя подборка приложений для путешествий

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

📍 2ГИС
Моё главное навигационное приложение. Вообще, в целом, удобно выстраивать маршруты от точки А до точки Б, и смотреть, где я нахожусь в текущий момент. Плюс — можно использовать приложение оффлайн.

🚖 Яндекс Go
В основном использую для такси и доставки еды. Всё быстро, понятно и привычно.
Нравится, что можно отслеживать курьера или машину в реальном времени.

💳 Приложение банка
Без него никак это и переводы, и оплата покупок.
Я просто перевожу себе деньги с карты на карту, или друзьям, чтобы быстро расплатиться.

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

📸 Камера
Конечно, без фоточек ни одна поездка не обходится.

А какими приложениями вы пользуетесь в путешествиях?
🔥4💯3🥰2
Почему онлайн-кассы это не всегда удобно

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

UX-проблемы:
1. Ограниченные сценарии.
Если у тебя льгота, то автомат не справится. Нужна касса с кассиром.
2. Отсутствие навигации.
Куда идти? Что делать ?Непонятно без человека рядом.
3. Только онлайн оплата.
Наличных автомат не принимает, кассы с кассиром не работают.
4. Нет выбора.
Сценарий навязан системой без учёта разных пользователей.

Почему так делают?
Чаще всего ради сокращения расходов:
- Меньше персонала — ниже затраты
- Всё автоматизировано
Для бизнеса — это выгодно.
Но для людей теряется гибкость, доступность и ощущение заботы.

Почему это плохой UX?
UX — это не просто интерфейс, а весь опыт.
Когда нужен человек, чтобы объяснить, как система — это уже провал UX.

Как думаете, можно ли сделать автоматы удобными для всех?
🔥9👍54
Навигация — это тоже UX

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

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

Чем понятнее организовано пространство, тем меньше вопросов.
Если человек тратит меньше времени на поиски — это уже хороший UX.

На фото навигация по этажам. Вроде бы всё есть: номера комнат, переходы между корпусами, ресепшен, парковка.

Но с точки зрения UI:
- Иконки неконсистентны и некоторые не совсем понятны
- Не выделены ключевые элементы
- Слабая визуальная иерархия

Тут как и в интерфейсе, важно: что ищет человек и как быстро это находит.

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

А вы замечаете, насколько удобно организована навигация в общественных местах?
👍3🔥31