Честный отзыв о дизайне от дизайнера. UX-UI начало
Всем привет. Меня зовут Тата, я дизайнер. Ну как дизайнер — я пока учусь быть UX/UI-дизайнером. Учусь на 3 курсе в ВШЭ
Пока я учусь, я работаю. На удалёнке. Делаю дизайн для соцсетей, отвечаю на сообщения в 2 ночи, живу по принципу: «если никто не жалуется — значит норм».
В этой статье не будет советов типа: «встаньте в 6:00, сделайте зарядку и выпейте зелёный смузи с семенами чиа».
Это будет о том, как я выживала, когда не было ни режима, ни настроения, ни смысла.
Может, кто-то узнает себя. А может, кто-то просто выдохнет: «Фух, я не один такой».
💩 История одной (почти) сломанной удалёнщицы
Когда ты работаешь из дома, реальность немного... плывёт. Один день превращается в другой, и ты не понимаешь, это среда, или ещё тот понедельник, который не закончился.
Ты просыпаешься не от будильника, а потому что лаптоп нагрелся и жарит тебе колени, потому что ты снова заснула с ним в обнимку.
Ты ешь борщ в 10 утра и чай пьёшь в 2 ночи, и всё это в одной и той же футболке, которая уже скорее личность, чем одежда.
13 честных советов по выживанию на удалёнке:
1. Мыться не каждый день — это норма.
Если ты не пахнешь — значит, тебе повезло. Если пахнешь — открой окно. А если Zoom — просто включи фильтр "черно-белый и размытый".
2. У тебя нет “рабочего места” — так создай его.
Я работала с дивана. С кухни. С ванной. С подоконника.
В какой-то момент поняла: место — это не стол, это ощущение. У меня есть “рабочая кружка”, “рабочая кофта” и “рабочая поза страдания”. Всё, что нужно.
3. Потеряла счёт времени? Поздравляю, ты в клубе.
Установи себе три будильника в день: проснись, поешь, спать. Остальное — воля случая.
4. Ты не обязана быть продуктивной.
Иногда "не уволиться и не расплакаться" — уже верх достижения. Особенно, когда одновременно с этим идёт учёба, фриланс, недосып и PMS.
5. Фриланс — это не свобода, это выживание.
За красивыми словами стоит реальность: никто тебе не скажет, что делать, и никто не похвалит. Только клиент, который скажет “надо было поярче”. И дедлайн вчера.
6. Учёба и работа одновременно — это ад.
Ты сидишь на лекции по анализу данных, параллельно оформляешь пост для какого-нибудь барбершопа и делаешь вид, что ты вообще в ресурсе. Ты не в ресурсе. Никто не в ресурсе. Мы держимся на энергетиках и злости.
7. Мама думает, что ты "всё время дома, значит отдыхаешь".
А ты — в Figma, в Google Meet, в LMS, в рассылках. Ты везде, кроме себя. В ответ — просто кивай и продолжай делать свои 12 задач.
8. Не сравнивай себя с блогерами-фрилансерами.
Они: кофе с видом на Бали.
Ты: вчерашняя лапша с видом на обои из 2005.
И это окей. Ты реальный человек. У тебя нет команды из продюсера, монтажёра, няни и финансового консультанта.
9. Позволь себе сломаться.
Ты не робот. Ты не всегда будешь “на хайпе”. Иногда ты просто лежишь лицом в подушку и думаешь: “я дизайнер или просто хорошая мышка с интернетом?”
10. Скажи себе: “Я молодец”.
Никто другой не скажет. Так что сам. Встань перед зеркалом и скажи. Можно в трусах. Можно в слезах. Главное — скажи.
11. Никто не знает, что делает.
Все просто делают вид. Даже те, кто пишет курсы. Даже те, кто ведёт блоги “как стать дизайнером за 30 дней”. Ты не отстаёшь — ты живёшь. Это сложнее.
12. Шапка профиля — это мини-спасательный круг.
Я туда иногда кидаю, чем занимаюсь. Не для рекламы, а чтобы собрать в кучу всё, что разбросано. Если вдруг интересно — загляни. Там всё как есть.
13. Всё будет. Просто не сразу.
Иногда кажется, что ты просто тонешь. Но потом — вдруг выплываешь. По чуть-чуть. Сначала сделал одно. Потом другое. И вдруг не больно.
Вот как-то так. Заглядывай в шапку профиля. Может я такая несчастная сделаю тебе несчастный дизайн.
Как прокачать портфолио UX/UI-дизайнера и проходить интервью?
Как я переосмыслила портфолио, перестала бояться тестов и научилась рассказывать про свои проекты по-человечески.
Когда-то я думала, что в UX/UI главное — красивая картинка. Что если макеты выглядят чисто, выровнены по сетке и у кнопок радиус 8, то этого достаточно. Спойлер: нет. Портфолио — это не просто шоу «посмотрите, как я умею в фигму», это разговор с работодателем.
И это штука, через которую ты либо "пролетаешь", либо тебя зовут в команду.
Хочу поделиться тем, как я подхожу к портфолио сейчас — после сотен часов практики, провальных (и не очень) интервью и нескольких тестовых заданий, которые меня многому научили.
Показывайте не только «красиво», но и «зачем»
Если раньше я делала просто галерею с макетами, то теперь стараюсь оформлять кейсы. Каждый кейс — это мини-история: была задача, я в неё погрузилась, придумала решение, вот как это выглядело и что бы я сделала по-другому сейчас.
Рефлексия в кейсе — важная вещь. Один HR мне даже сказал: «Вы — первый кандидат, кто написал, что бы улучшил в своём же кейсе. Это подкупает».
Тестовое — это не контрольная
Раньше я боялась тестовых, как школьных экзаменов. Сейчас вижу в них возможность. Там важно не идеально «нарисовать», а показать, как вы думаете. Я объясняю свои действия, даже если где-то сомневаюсь — и это ценится.
Был случай: я приложила два варианта решения в тестовом. Один “по ТЗ”, второй — альтернативный. Мне потом сказали, что именно второй вариант стал причиной, по которой меня пригласили в команду.
Говорите просто, как есть
На интервью я не использую пафосных фраз. Рассказываю честно: где запуталась, где нашла идею, где пришла к решению после трёх неудачных итераций. Люди это чувствуют.
Раз мне сказали: «Спасибо, что не “пичите”, а просто объясняете по-человечески». Это был лучший комплимент.
Не бойтесь немного поиграть с подачей
Мне нравится добавлять необычности: немного 3D, анимацию, нестандартные переходы. Например, в проекте HASART я использовала игральные кубики в интерфейсе, а в проекте MISSTAKE — геймифицированный слайдер. Эти детали замечают и запоминают.
Портфолио — это не галерея, а продолжение вас
В итоге я поняла, что портфолио — это не просто подборка лучших работ. Это способ показать, кто вы и как вы мыслите. Даже неидеальные проекты могут «зайти», если честно рассказать, что и почему вы сделали так.
Что точно сработало у меня:
✅ Делать не просто макеты, а живые истории-кейсы.
✅ Объяснять свои решения, даже если они не «идеальны».
✅ Не бояться тестовых и превращать их в мини-презентацию.
✅ Оформлять кейсы как документ, а не просто скриншоты.
✅ Быть собой. Писать от себя, без «правильных» формулировок.
Если вы только собираете портфолио — не переживайте, что всё не идеально. Главное — живой подход, искренность и способность показать, как вы думаете. Всё остальное — придёт.
Социально-значимый UX: как мы создали эмоциональный интерфейс и айдентику онлайн-сервиса для иностранных студентов НИУ ВШЭ
«Я просто хотел найти общежитие, оформить визу и понять, куда идти на занятия. Но вместо этого провёл неделю в Google Translate и телеграм-чатах, где никто ничего не знал»
— из интервью с иностранным студентом НИУ ВШЭ
По данным нашего исследования, 63% иностранных студентов испытывают стресс при переезде в Россию. Информации много, но она разрознена и не адаптирована под нужды и эмоциональное состояние студентов. Мы решили это изменить — и сделали Easy, buddy:), цифрового помощника, который говорит: «Спокойно. Ты не один». В Easy, buddy:) всё — от визуального языка до интерфейса — создано с акцентом на эмпатию, инклюзивность и простоту взаимодействия.
Цель: инклюзивный интерфейс с дружелюбным визуальным языком и системной навигацией
Проект был учебным, но проблема — настоящая. Перед тем, как приступать к проектированию, мы поставили перед собой три чёткие цели:
Спроектировать веб-платформу, где иностранные студенты смогут найти всю нужную информацию
Создать удобную систему анкет для поиска и подбора бадди —наставников из числа студентов НИУ ВШЭ
Разработать эмоциональный и визуально дружелюбный интерфейс, в котором будет легко разобраться даже без знания русского языка
Исследование и UX-аналитика: что нам рассказали студенты
Перед стартом дизайна мы провели качественное исследование: провели интервью с бадди и иностранными студентами ВШЭ и составили карту тревог студентов на этапе адаптации. Кроме того, мы выявили недостатки текущей системы бадди: ручная координация, отсутствие масштабируемости.
Основные инсайты:
«Информация раскидана по разным сайтам, сложно сразу найти нужное»
«Не знаю, с чего начать»
«Мне страшно, что я останусь один»
Структура сервиса: три интерфейса, одна цель — забота и адаптация
Easy, buddy:) — это цифровой сервис, который учитывает потребности иностранных студентов, бадди и администраторов, модерирующих контент.
Иностранные студенты могут заполнить анкету для подбора бадди. Анкета включает язык, страну, дату прилёта, интересы и ожидания. Всё это — чтобы создать мэтч между бадди и студентом.
Бадди могут просматривать все поступающие анкеты и выбирать студентов, которым они хотели бы помогать
Всем пользователям доступны статьи с информацией, разбитой по тэгам (документы, учёба, культура, повседневная жизнь)
Кроме того, каждый может задать интересующий его вопрос в разделе с обсуждениями и получить на него ответ от других пользователей
Визуальный стиль: эмоциональная айдентика на базе генеративных иллюстраций
Нам было важно, чтобы визуальный стиль работал как дружеское письмо, а не как госуслуги.
Что мы сделали:
В коммуникации использовали шутливые выражения (обязательно не обидные и не двусмысленные, мы не хотим никого оскорбить), в том числе на английском языке
Добавили в интерфейс и носители акцидентные подписи, выполненные в рукописном шрифте. Благодаря этому важная информация воспринимается как заметка, написанная другом специально для пользователя
В интерфейсе постарались сделать акцент на контенте: использовали чёрно-белую цветовую гамму с акцентами в фирменных цветах: голубом, розовом, зелёном, красном
При этом в айдентике, наоборот, использовали больше ярких цветов, чтобы подчеркнуть эмоциональность, эмпатию и инклюзивность
Важной частью визуального языка стали иллюстрации: это не просто оформление, а способ установить доверие. С помощью Recraft мы сгенерировали иллюстрации студентов и бадди на основе собственных скетчей и референсов. Мы активно используем получившиеся иллюстрации как на сайте, так и в соцсетях.
Результат и планы: готовность к масштабированию и вовлечение волонтёров
💬 Мы протестировали прототип интерфейса на пользователях, и 100% респондентов отметили повышение удобства сервиса
🔁 Мэтчинг с бадди теперь происходит намного быстрее и удобнее
🚀 Мы подготовили дизайн-систему и стайлгайд и планируем передать проект в разработку волонтёрским организациям ВШЭ
Чему нас научил этот проект: дизайн как забота
Структура важнее объёма. Даже простая информация вызывает тревогу, если в ней сложно сориентироваться
Гиперлокальные цифровые решения — это будущее. Особенно в университетской среде
Эмпатия — это часть интерфейса. Если дизайн говорит: «я тебя понимаю» — пользователь это чувствует
Следи за развитием Easy, buddy:) в нашем канале в Telegram:)
Яндекс Диск UX - часть1
по работе иногда надо закинуть чо-нить на яндекс диск, у меня там есть корпоративный аккаунт, но я захожу на него через ГУГЛ. понятно что можно было бы куда-то в закладки запихнуть, но главные закладки захламлены уже работой, в "другие закладки" все забываю, и не так часто нужно. просто интересна аналитика поведения пользователя самого яндекса. ща же все стремятся все упростить до 1-2 кликов.
сценарий попадания в яндекс.диск через гугл следующий:
1) набрать в строке браузера "яндекс диск"
2) нажать первую ссылку которую выдал гугл
3) я оказываюсь в своем яндекс диске
теперь посмотрим сценарий, при котором с яндекса можно попасть в яндекс.диск
1) зайти на яндекс
2) выделить мышкой строку поиска
3) в выпавшем меню нажать кнопку "еще"
4) оказаться на странице со всеми приложениями яндекса и среди трех десятков иконок найти диск и нажать на него
5) я в своем яндекс диске
чот как-то долго очень получается и муторно, интересно как отдел ux к этому пришел, попробуем иначе
1) зайти на яндекс
2) нажать на строку поиска
3) в выпадающем меню выбрать ПОЧТА
4) в почте увидить кнопочку ДИСК и нажать на нее
5) оказаться в своем яндекс диске.
не бля, все равно очень много действий
...аааааа... наверное я понял, у меняж в браузере гугл по умолчанию, а надо наверн яндекс, тогда вводя "диск" в окне адреса, я буду получать то что нужно?
1)итак ищем яндекс диск через яндекс...
и видим сразу три ссылки которые нашел яндекс
как думаете куда они все ведут. на яндекс диск? а вот и хуй, они ведут на лэндинг, РЕКЛАМИРУЮЩИЙ яндес диск с предложением КУПИТЬ подписку, при том что у меня уже там диск на 2тб
Ну ладно, может мне в браузере ввести просто ДИСК и тогда мне из истории всплывет ссылка на мой яндекс диск? нет, там недавно скачанные файлы гугл диск выдает)))
У меня большой вопрос к UX команде яндекса, а так же официальный вопрос почему через гугл зайти на яндекс.диск проще, чем через яндекс? @Yandex
И это только один из вопросов. В само яндекс.диске еще стоооольно приколов. как например при сортировке папок по дате - самые свежие оказываются в самом низу и до них надо еще пролистать, и даже отсуствует возможность обратной сортировки, но это еще отдельная тема. upd ооо нашел таки возможность изменить порядок сортировки, но оно делается через отдельное всплывающее меню, а не кликом по пиктограмме в списке, и порядок не запоминается при переходе в другие папки. ну ладно. до этого еще дойдем)))
31.05 - Дeнь вeб-дизaйнepa [вехи_истории]
🎨 День веб-дизайнера — праздник всех, кто делает интернет красивым, удобным и визуально понятным. От кнопок до цветовых схем, от шрифтов до анимаций — именно веб-дизайнеры превращают сухой код в живую цифровую среду.
🖥 Веб-дизайн — это не только эстетика, но и юзабилити. Хороший дизайн помогает пользователю быстро ориентироваться, находить нужную информацию и получать удовольствие от взаимодействия с сайтом или приложением.
💡 Праздник появился как способ признания вклада дизайнеров в развитие цифрового мира. Ведь за каждым современным интерфейсом, лендингом, интернет-магазином или мобильным приложением стоит кропотливая работа команды, где веб-дизайнеры играют ключевую роль.
👩💻 Поздравляем всех причастных! Пусть ваши творчества всегда будут не только красивыми, но и удобными)
28.05 - День оптимизатора Рунета [вехи_истории]
🔍Это неофициальный профессиональный праздник всех, кто помогает сайтам быть замеченными в поиске.
💡 SEO-оптимизаторы — мастера невидимого фронта, от которых зависит, увидят ли люди ваш сайт, прочитают ли статью, найдут ли нужную услугу. В их арсенале — семантические ядра, анализ поведения пользователей, работа с метатегами, техоптимизация и многое другое.
📜 Почему 28 мая? Считается, что в этот день в 2001 году началась активная фаза развития поискового продвижения в Рунете, а сама дата закрепилась в профессиональной среде как символ зарождения отечественного SEO.
👏 Поздравляем всех, кто «ведёт в топ» — вы делаете интернет чище, быстрее и доступнее!
Чемоданы и Аэрофлот
Как Аэрофлот вводит пассажиров в заблуждение: история о лишних чемоданах и неработающей поддержке
Часть 1. Загадка черной дыры
Дано: три пассажира, один багаж
Задача: выбрать самый дешёвый тариф
Варианты:
Молодцы кто сделал верный выбор, но не я
Давайте раскроем вкладки, может будет понятнее
Ожидание:
28 106 руб за всех пассажиров, багаж - 1 место
Реальность:
28 106 руб за всех пассажиров, багаж - 1 место каждому
Товарищи дизагнеры из Аэрофлота как там лавандовый РАФ?
При этом в ПК версии, все таки есть понятное уточнение что багаж на 1 пассажира (каждого)
В итоге: переплата за два лишних багажа. Ладно бы сам промазал, но тут явное введение в заблуждение*
* При покупке я увидел что в Оптимум одно место, предположил что других вариантов нет. Если бы не надпись "осталось 4 билета" возможно я бы поступил более рассудительно.
Лучший вариант это Лайт + отдельная оплата багажа 1шт
Риторический вопрос к людям которые считают себя ux-дизайнерам Аэрофлота:
Как можно было сделать настолько неочевидное отображение данных?
Часть 2. Хаос в поддержке.
Аэрофлот большая современная компания, и такие мелочи будет просто исправить, подумал я...
Перерыл весь личный кабинет, ничего не нашел.
Обратился в чат поддержки. Там чат бот (бастард ИИ), и он совсем никакой. У меня на часах поддержка (ИИ) лучше справляется.
Было время, решил набрать службу поддержки, узнать как сменить тариф.
Звонок 1. Сразу отшили: "тариф в меньшую сторону не меняется". В документе 1 на сайте компании написано что условия покупки отражены в документе 2 на сайте, где написано что "понижение тарифа невозможно".
Ладно, думаю, давай хотя бы скажу чтобы ошибку исправили.
Звонок 2. Оператору рассказываю ситуацию. Он зачем-то просит данные заказа. Называю код бронирования, т.е. я предполагается что он видит мой заказ... Он мне "у вас один чемодан". Я переспросил, взял паузу перепроверить самостоятельно информацию.
Зашёл в маршрутную квитанцию и все-таки там три чемодана)
Звонок 3. Снова код брони, мой вопрос о количестве мест багажа. Оператор берет паузу.. По возвращению озвучивает новую для меня информацию: - у вас тариф Классик, три места багажа
На мой вопрос, откуда взялся это тариф Классик, которого даже на сайте нет - мне ничего не ответили кроме: - я такой вижу.
Аэрофлот, к вам много вопросов:
Двусмысленность в интерфейсе - информация о багаже в мобильной и десктопной версиях противоречива.
Неэффективная поддержка - чат-бот бесполезен, операторы дают разные данные. Некомпетентность сотрудников - не могут предоставить точную информацию.
Ограничение прав потребителей - невозможность скорректировать тариф после покупки.
Звонки состоялись 24апр2025, 21:10 МСК