Лиана Семенова | Дизайн в B2B
105 subscribers
45 photos
4 videos
8 links
Привет! Я Лиана — продуктовый дизайнер с 25-летним опытом. Про UI/UX рассказываю с опытом и самоиронией: без юмора в этой профессии долго не выживают.

ex-Яндекс.Практикум, ex-Alibaba Group, ex-Areal. Сейчас в B2B Center.

Пиши: https://t.me/LiaSemSem
Download Telegram
История НЕуспеха

Мне 44, я работаю в найме и не владею многомиллионной империей. Что-то явно пошло не так, срочно впадаем в депрессию? Шучу, конечно.

В 23 года, после рождения первой дочки, я основала компанию «Айтек» в Вологде. Создавала сайты, занималась SEO и контекстной рекламой. За 3 года поняла две важные вещи:

—- Бизнес – это классно, но скучно.
—- Рисовать макеты намного веселее.

В 2008 успешно продала бизнес (он жив до сих пор!) и ушла во фриланс. Именно тогда начался кайф: бессонные ночи и творческая свобода.

Параллельно появились мои региональные новостные группы в ВК, чуть позже в ТГ, которые тихо и стабильно приносят доход с рекламы, почти не отнимая времени.

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

Мудрость моих лет: гонитесь за счастьем и удовольствием, а не за красивыми картинками успеха.
👍75🔥4
Убиваем горизонтальный скролл: решения для таблиц с 100+ столбцами

Таблица с сотней столбцов — это типичный B2Bшный интерфейс. Но что делать, если пользователь хочет видеть сразу все, при этом не мотать таблицу влево-вправо с помощью скролла?

Поделюсь своими методами решения этой проблемы:

🔹 Сводка + раскрытие по клику
Показываем только ключевые столбцы(5-8), остальное прячем во вложенный контейнер, который отображается при клике. Такой метод экономит экранное пространство и снижает когнитивную нагрузку.

🔹 Транспонирование таблицы
Поворачиваем таблицу «на бок»: строки становятся столбцами, а столбцы — строками. Применимо, когда записей мало, но у каждой — десятки параметров. Например, карточка товара или сотрудника. Давно хотела реализовать, но кейсов таких еще не попадалось. Потому что сотрудников обычно не 3, а 1003, товары тоже исчисляются обычно тысячами.

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

🔹 Группировка столбцов
Объединяем колонки по смыслу: «Контакты», «Доставка», «Финансы». В интерфейсе это может быть:
— вкладки над таблицей,
— аккордеоны в строках,
— кнопки "показать группу".
Пользователь переключается между группами и видит только нужный блок полей.

🔹 Шаблоны отображения (пресеты)
Готовые сценарии отображения колонок под разные роли:
— «Бухгалтер»: финансы и документы
— «Менеджер»: заказы и статусы
— «Все поля» — для тех, кто любит боль
Пресеты можно сделать фиксированными (на стороне продукта) или настраиваемыми (чтобы пользователь сам сохранял нужные виды). Не подходит, если все 100 столбцов предназначены для одной роли.


А если всё-таки нужен горизонтальный скролл — сделай его удобным: фиксируй важные колонки, добавь быстрые кнопки прокрутки, сделайте скролл сверху и снизу.
🔥6👍5
Со следующей недели я — аналитик!

У нас в компании есть классная штука — НОД, неделя открытых дверей. Любой сотрудник может временно попробовать себя в новой роли. И я решила: а не пойти ли мне в аналитики?

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

Зачем мне это?
Во-первых, хочу изнутри понять, чем живут и думают аналитики. 😁 Иногда затыки в работе случаются именно на стыке “дизайнер — аналитик”, особенно когда формируется ТЗ.

Во-вторых, я по жизни очень любопытная и люблю всё новое. Ну и кто знает — вдруг мне настолько понравится, что останусь там навсегда? 🤓

Пожелайте удачи, а я обязательно расскажу, как всё прошло!
🔥8👍53
Вот вам ножки ламы из ярославского зоопарка. Они такие пушистенькие 😍 Я ради этого фото чуть с ламой не поцеловалась.
5
Миллениалы и зумеры в ИТ: разницы нет

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

В ИТ всё меняется так быстро, что современные инструменты вроде Фигмы одинаково новы и для 22-летних, и для 44-летних. Разница лишь в том, что у меня есть опыт больших дизайн факапов и их осмысление, больше насмотренности и чуть меньше желания спорить с фронтами “до последней крови”. Но учиться приходится всем, возраст тут особо не считается.

Общение — вообще отдельная тема. В большинстве компаний все на “ты”, все обсуждают баги, путешествия, мемы, и никто не спрашивает, сколько тебе лет.

На самом деле, чтобы быть востребованным в ИТ после 40, достаточно просто продолжать учиться и не превращаться в “старого зануду”. У нас в отросли реально работают крутые, увлечённые люди, которые легко дадут фору молодым: потому что мотивация, скорость и опыт — наше всё.

А вот как быть продуктовым дизайнером в 65+? Пока не знаю, я себя в 65+ в роли дизайнера не вижу. 🙃
👍103
Сегодня, 6 августа, отмечается день рождения первого сайта. Решила поддержать праздник — залезла в свои архивы и нашла свои дизайны сайтов 2016 года(какая то нарезка для портфолио). Всё делалось вручную в Photoshop, когда кнопки обязательно были объёмными, а фон — обязательно с каким-нибудь узором.

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

Давайте вспомним, какими были сайты раньше!
ЗЫ: шрифты какие то стремные и кривущие кнопки 🤪
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
4😁3👍1
Неделя в роли Аналитика: хроники кипящего мозга

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

🔹 Встреч больше, чем чашек кофе в офисе. Людей — море, информации — еще больше. Мозг кипит. 🤪
🔹 Документации столько, что если её распечатать — можно утеплить балкон. Тут тебе и БТ, и ФТТ, и РТ, и ещё много загадочных аббревиатур.
🔹 На встречах ловлю себя на том, что хочется открыть Фигму и подвигать кнопочки — руки тянутся сами. Вчера не сдержалась и прямо во время созвона что-то там сидела-правила-кайфовала.
🔹 Теперь я поняла: айти — это как завод. У каждого свой станок: кто отчёты клепает, кто ТЗ точит, а дизайнеры — вообще отдельный цех. Их вызывают только когда совсем беда.
🔹 Продуктовые дизайнеры — каста закрытая, с отдельным входом и охраной. Обращаются к ним только когда без них (нас) совсем нельзя. Тогда дизайнер приходит, смотрит с укоризной на ТЗ и говорит: «Вообще-то всё переделывать надо». Поэтому все по максимуму стараются сделать задачи без дизайна.

Выводы пока не делаю, но желания бросить дизайн и бежать в аналитики пока нет.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5👍4
Моя дочь влюбилась… в ChatGPT

Вчера моя 7-летняя дочь Катя разговаривала с ИИ. Голосом. Я создала для нее AI ассистента (детского психолога) и вот она пол часа болтала с ChatGPT. Ей понравилось, очень. Сидела, смеялась, задавала вопросы, слушала ответы. И вроде бы всё мило, но так ли это безопасно? Я не подслушивала этот диалог, не читала потом ответы дочери, но попросила ChatGPT составить мне рекомендации как маме. Список был полезен, но о я стала думать: а точно ли это безопасно?

ChatGPT мне честно перечислил, в чём тут могут быть риски:

Искажение реальности: ребёнок может подумать, что ИИ — это прям настоящий друг, который всегда прав.
Снижение критического мышления: ответы звучат уверенно, и маленький мозг может не задавать вопрос «а правда ли это?».
Эмоциональная зависимость: можно залипнуть в эти милые разговоры и забыть про друзей во дворе.
Опасность «соскальзывания» в сложные темы: ребёнок ещё не готов ко всему, что может случайно всплыть в разговоре.
Потеря навыков живого общения: да, ChatGPT вежливый, но он не учит читать эмоции на лице собеседника.

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

Я пока выбрала путь «мамы-модератора». А вы бы позволили своему ребёнку общаться с ИИ один на один?
5
Айтишники «умирают» после 40? Серьёзно?

Где-то там учёные (или кто-то, кто очень любит паниковать) написали:

После 40 в IT зарплата не растёт, учиться лень, технологии неинтересны, работодатели не берут, производительность падает. Всё. Конец карьеры.


Ну что… мне 40+ — и я жива. Причём в продуктовом дизайне я только начинаю разгон. Мозг работает, руки помнят шорткаты в Фигме, любопытство как у джуна на первом проекте.

Про «теряется способность к обучению» — смешно. Если человек до этого только кликал по одной кнопке 20 лет, то да, ему сложно. Но если ты всегда учился, то в 40 твоя голова не тухнет внезапно, как лампочка в подъезде.

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

А ещё давайте будем честны: не все айтишники хорошо зарабатывают. Есть люди, которые получают 40–60к, работают в маленьких конторах, пишут на бейсике и счастливо протирают шарик мыши спиртом в бухгалтерии. И никакая «смерть после 40» их не волнует. Да и «аджайлы» и «спринты» вообще не нужны — у них свой, комфортный уровень жизни. И это тоже ок.

Так что исследование — в корзину. Я никуда не «умираю» 😏 и увольняться не планирую.

ПС: что-то я зачастила с этой темой...
Please open Telegram to view this post
VIEW IN TELEGRAM
👍105
Насыщенная неделя: гора задач по дизайну, завершение практикума по аналитике, по вечерам пишу статью про фильтры в сложных таблицах (на Хабр выйдет на следующей неделе).

А ещё свекровь дала 2 ведра помидоров. Сегодня будем с дочкой их перерабатывать: она трёт, я варю(точнее варит плита, а я бегаю-мешаю ложкой в перерывах между созвонами). Если честно, я в этом дилетант, но верю, что получится идеальный соус для осенних шашлычков.

В выходные — Москва, корпоратив. Хочу чуть-чуть развеяться, иначе скоро фильтры начну ставить не только в интерфейсы, но и в реальную жизнь 😅
9👍4
Вчера был корпоратив 🤨
Сделала временную тату с логотипом компании, вкусно поела, побегала/попрыгала, пообщалась с коллегами. Уехала рано — целый день в толпе и под оглушающую музыку выдержать сложно.

Главный плюс таких мероприятий — бейджи. В эпоху удалёнки они как суперсила: люди сначала смотрят тебе на грудь, читают кто ты и чем занимаешься, а потом радостно узнают: «Ааа, так это ты!». Я делала то же самое. Очень экономит социальную энергию. )

И всё-таки каждый раз задаюсь вопросом: зачем нужны корпоративы? Потратить день (и ещё один на восстановление), чтобы вместе поесть, побегать и слегка побухать?

Наверное, корпоратив - это как спортзал. В моменте тяжко, но потом приятно осознавать: «Я была частью команды».
🔥6👍32
Две недели я проходила стажировку в отделе аналитики по специальности «системный аналитик».
Это было похоже на экспресс-курс системного мышления: много документации, встреч и новых нюансов. К счастью, диплом по «Информационным технологиям» помог мне: многие термины и аббревиатуры были не страшными монстрами, а старыми знакомыми.

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

Отдельное спасибо моему куратору за лайфхаки по Confluence. Я и раньше неплохо там ориентировалась, но теперь точно знаю парочку приёмов, которые делают работу быстрее и аккуратнее.

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

Вывод: попробовав себя в другой роли, лучше понимаешь и свою.
6👍5🔥3
Моя новая статья на Хабре про фильтры в таблицах. Тема очень большая и осталось оущение, что написала далеко не все, что хотела и что знаю. Но пока так: https://habr.com/ru/articles/937918/ Надеюсь, кому-нибудь пригодится при проектирование.
2👍10🔥3
🎉 УРА! У меня на канале уже 100 подписчиков! 🎉

Для кого-то это капля в море, а для меня целый океан радости. Спасибо, что читаете, реагируете, пишете комментарии. Это правда очень мотивирует.
Следующая цель — 1000. Да, амбициозно, но кто сказал, что будет легко? 😉

А пока — наливаю себе чай с ромашкой, поднимаю кружку за вас и продолжаю писать про дизайн, B2B и жизнь в ИТ.

Спасибо, что вы со мной ❤️
12🔥5❤‍🔥2👏1