UI/UX дизайн — страница 9

Четыре тренда в legal design, которые скоро изменят нашу работуВсе ладно, не все мы уже привыкли, что юридический дизайн — это про понятные формулировки и аккуратную верстку. Кажется, что за последние годы мы сделали огромный шаг вперед: убрали канцелярит, добавили «воздуха» в документы, научились структурировать информацию. Но это только начало.Я вижу несколько ключевых трендов, которые превратят legal design из просто «хорошей практики» в неотъемлемую часть юридической технологии.🟢Персонализация с помощью ИИМы перестанем работать с универсальными шаблонами. Следующий шаг — документы, которые ИИ адаптирует под конкретного читателя. Представьте: вы готовите договор для IT-стартапа, и система сама предлагает более простые формулировки, а для крупной корпорации — более детализированные, с учетом их внутренних регламентов. ИИ будет не просто подставлять данные, а полностью пересобирать документ под контекст.Мы уже такое недавно пробовали на курсе MDS с заключениями. Адаптировали под разные типы личности по DISC.🟢Интерактивные и динамические документыСтатичные вордовские файлы уступят место «живым» документам. Это могут быть договоры в формате веб-страницы, где на сложные пункты можно навести курсор и увидеть всплывающую подсказку или короткое видео с объяснением. 🟢Data-driven дизайн (дизайн на основе данных)Мы перестанем полагаться только на интуицию в вопросе «понятности». С помощью технологий мы сможем собирать реальные данные об использовании документов. Например, тепловые карты покажут, какие разделы договора читают чаще всего, а какие пропускают. Тестирование разных формулировок поможет выбрать ту, которая вызывает меньше всего вопросов у контрагентов. Эффективность дизайна станет более измеримой.🟢Полная интеграция в бизнес-процессыДокумент перестанет быть изолированным файлом. Он станет частью единой системы управления. Подписанный договор автоматически создаст задачи в таск-трекере для юриста и бухгалтера, внесет данные о сроках в календарь и передаст информацию в CRM. Юридический дизайн будет проектировать не просто текст, а весь путь документа в рамках бизнес-процессов компании.По сути, мы движемся от создания понятных текстов к проектированию умных и эффективных систем. И это то, что я хочу строить в компаниях. И уже начала. А какой из этих трендов кажется вам самым перспективным или, наоборот, фантастическим? Что бы вы у себя внедрили?

— Дорогие друзья, за мной такого ранее замечено не было, но сегодня шото в глаз попала искра профессионального негодования, которая прямо сейчас воспламенилась в пост. 🙂Это, конечно, проблема сугубо личная, бывает, я смотрю на свои проекты и нет-нет, знаете ли, задумываюсь: а достаточно ли я делаю? Ну типа там: может чертежи надо понятнее, визуалки приличнее, общение с клиентами подтянуть, ну, вы поняли.А потом кто-нибудь из клиентов приносит мне очередное: нам вас посоветовали, мы тут с дизайнером поработали до вас и показывают мне то, чем их одаривают мои коллеги. Конечно же о вкусах не спорят, не о вкусах речь. Но когда дело касается функциональности и чертежей у меня начинает подергиваться глаз. Иногда на них реально не хватает информации. При этом конечно работать по ним можно, как-то особенно извернувшись, но однако позвольте. И самое интересное, что это повальная история в дизайне интерьера. Отчего-то так вышло, что многие люди считают эту профессию сугубо творческой, даже в университетах так и это меня правда пугает. Нарисовал что-то там, пусть строители думают и решают как это все прилепить, разделение обязанностей так сказать. Вывод: пора признать, я просто завидую коллегам живущим "в легкости", а мы тут пыжимся.Вывод два: с качеством проектов все в порядке, дышим, дышим.Вывод три: никого обидеть не желаю, но все таки приложу вам два плана для сравнения. Чтобы вы сами посмотрели разницу в информативности, пусть будет план монтажа, планами электрики вас мучать не буду.Скажите, а вы что думаете, только честно, может я зря полыхнула? И еще, бывали ли у вас или у ваших знакомых случаи с участием дизайнеров, после которых вы начали относиться к этой профессии иначе и выбирать специалистов более тщательно?

В своей дизайн-рутине часто смотрю финтех-рефы: как работают разные функциональности, как кто-то уже решает мою проблему, как красиво делают такие-то экраны, просто вдохновиться и освежаю взгляд. Ну в общем база! 🪄Хочу поделиться своими финтех-любимчиками или приложениями, которые вдохновляюсь, а на некоторые даже ориентируюсь 🛣• Revolut — мой любимчик номер 1 🫡 задают на рынке классные практики, круто придерживаются консистентности в приложении (к чему хочется стремиться). Основные флоу, микро-дизайн-решения, решения кейсов• Wise — когда-то был прям топ-1 для меня. Люблю их стиль иллюстраций. Часто смотрю по функциональностям, практики банковских флоу• Vivid — банк, счета и карты, переводы и тд. В основном смотрю банковские флоу, решение каких-то кейсов. Грубые тени и экстремально круглые плашки как у тинька – не по мне((• Glow — кошелек, крипта, переводы и тд. Очень приятный свежий UI, еще нравятся шторки• Wealthsimplee — Акции, ETF, крипта. Хороший пример минимализма, прям простоты в интерфейсе, и акцентах на красивых 3д со своим стилем• Lightyear — инвестиции. Для расширения насмотренности, люблю их блюрчики синие и экран переводов, насмотрелась 🤫• Cleo — прила для экономии. Отличный пример креативного креатива! Есть смелые интерфейсные решения, мемчики 😍, яркие сочетания цветов☕️ Делитесь, а за кем вы следите на рынке финтех-приложений и банкинга? Кто ваш топ-1?

Дизайн - это не только часть маркетинга, но и ваш личный бренд.По примеру спонтанной покупки, кто-то может спонтанно выбрать вас и вашу услугу.Правда до сих пор делают и вот такие материалы о себе, но не будем о грустном.Мне очень странно, когда кто-то говорит, что "это украшательство". Вы знаете, что мозг бессознательно считывает визуальное гораздо быстрее, чем текст? Именно поэтому на любом сайте кнопка покупки/заказа яркая!Я раньше работала в e-com😎Я, как фанат Артемия Лебедева, прекрасно понимаю, что:⏺это структура⏺ это смысловые акценты⏺ это триггеры и захваты внимание⏺ это доведение до целевого действияСама ручками делать красиво плохо умею, но насмотренность большая. Даже чтобы дать задание исполнителю, нужно понимать "что такое хорошо, а что такое плохо".Вот тут наглядно про презентации спикеров.А что из недавного вас зацепило?Сайт, оформление? Делитесь скринами!

🔍На какие немецкие грабли наступают проектировщики? 🤯 Ошибки при проектировании по стандартам DIN/VDI больно бьют по репутации и кошельку. Типичные промахи:❌ Путаница в стадиях HOAI.❌ Неправильное оформление спецификаций.❌ Отсутствие нужных шаблонов и семейств.Как избежать этих ошибок?На разборе Павел расскажет, о чем вообще речь, покажет реальные кейсы и даст простые инструменты, чтобы этих граблей вы избежали.Дальше - больше! 🔥🧱

Работая с молодым клиентом 17 лет и оформляя ему комнату под его интересы услышала от него такую фразу:- я не буду говорить свою идею, как я хочу, а то Инесса ее возьмет и сделает другому клиенту…На самом деле, Инесса выполняет единственную задачу - спроектировать интерьер под определенный психотип личности, его интересы и быт, его жизненные ориентиры и метапрограммы.Метапрограммы - это бессознательные фильтры, определяющие, как люди воспринимают информацию и реагируют на неё, формируя их образ мышления, поведение и принятие решений. Это своего рода "операционная система" мозга, которая определяет, как человек обрабатывает информацию, фокусирует внимание и взаимодействует с миром. Метапрограммы в интерьере проектируются на основе кальки снятой с человека, его мыслей, желаний его дальнейшего пути развития, его фильтров восприятия пространства через его особенности психики. Каждому интерьерному решению у меня есть объяснение которое понятно тому, кому в этом интерьере жить и развиваться в ближайшие год - три - десять лет.Но устами ребенка произносится истина! Так как большинство дизайнеров смотрят интерьеры коллег и стараются скопировать идею, интерьерное решение, потому что это тренд! Ведь это заметно по интерьерным журналам!И, даже с учетом современных технологий, совмещая психологию и помощь нейросетей, Инесса создает новые ракурсы с новыми метапрограммами под конкретную семью.Москва 2024Дом - место личной силы

Нашёл текст, который написал для Юнисендера пару тысяч лет назад. Он неплохой. Но они как-то так его недавно переверстали, что рекламный блок в середине статьи кажется концом (наверное, глубина просмотров повысилась и кто-то этим доволен). Поэтому я вам сюда его перепубликую. Иллюстрации нарисовала Саша Захаркина. Итак,. . .Почему у дизайнеров на самом деле нет никаких «идей»Представим три типичные задачи, в которых задействуют дизайнеров:1. Опубликовать сторизы. «Вот согласованные тексты. Для второго нужна иллюстрация: айфончик и в нём наше приложение. Нужно как-то прикольно всё оформить, предложи несколько идей.»2. Выпустить лендинг. «Делаем лендос для новой услуги. Вот текст в гугл-доке, там показано, какие где блоки, какие где иллюстрации. Нужны идеи дизайна.»3. Обновить бренд. «Ребята, мы провели исследование аудитории, поймали инсайты, переформулировали позиционирование, придумали коммуникационную стратегию — вот презентация, там всё есть. Теперь самое интересное — нужно всё это воплотить в дизайне. Ждём ваши идеи!»В каждом из трёх случаев подразумевается, будто есть смысл, а есть форма; есть содержание, а есть оформление. И что дизайнерам нужно принести смыслы, и тогда они предложат идеи оформления.

УДОЧКА ВМЕСТО РЫБЫИногда, когда я работаю с менти, мне хочется просто дать быстрый ответ. Показать, где не так, сказать, как переделать. Но я этого не делаю. И не потому что мне всё равно или я вредная, а потому что так не работает.Человек по-настоящему учится, когда ошибается. Когда не просто копирует чужие решения, а сомневается, исследует, предполагает. Когда не просто делает, чтобы «было», а реально пытается понять, зачем, чтобы что.Недавно мы с одним из менти разбирали кейс для портфолио. Интерфейс был визуально чистый, вылизанный по всем вопросам гайдлайнам. Когда я начала задавать вопросы, зачем тут кнопка, почему именно так оформлен флоу, менти молчал. После он сказал, что видел похожее решение в банке и решил повторить. Я предложила провести юзабилити-тестирование. Показать прототип нескольким людям и попросить пройти один ключевой сценарий.Через пару дней он вернулся и честно сказал, что на одном из шагов респондент вообще не понял, что делать. Менти просто собрал чужие решения, не задумываясь.Вот в таких моментах и начинается рост. Когда менти сам видит, где не сработало. И не потому, что ему ткнули в лицо, а потому что он начал разбираться и включаться.Менти пересобрал часть интерфейса. Уже не потому, что «я сказала», а потому что понял, что хочет сделать понятнее и дружелюбнее.Я не даю рыбу, я даю удочку. Потому что дизайнер должен уметь ответить за свои решения. Не передо мной, а перед собой. Почему здесь элемент? Почему именно так работает сценарий? Если ответа нет, это не повод паниковать. Это повод задуматься.Моя задача не дать «правильно». Моя задача сделать так, чтобы человек начал думать как дизайнер, а не повторять как попугайчик.Иногда понимание приходит быстро, иногда медленно. В любом случае этот опыт остаётся навсегда.

Обновил сайт 2.0После справедливых комментариев я еще раз взглянул на свой сайт, взглянул на сайты конкурентов и понял, что на коне не я.Я закатал рукава и пошел нагло тырить крутые элементы из готовых UI kits.Вот частичный список, на случай если вы захотели модненькие анимации для своего сайта:1️⃣ Aceternity UI - самые приятные и топовые компоненты для лендинга.2️⃣ React Bits - куча интересных анимашек для лендинга и не только.3️⃣ Hero UI - большой красивый пак с детально продуманными компонентами для интерфейса (не в обиду shadcn).За часок удалось хорошенько накрасить губы и добавить еще одну страницу про сообщество.Кстати, в нем есть курс по Lovable, где я собрал еще больше дизайн библиотек для разработки с Lovable 😏Заценить тут - lowcoding.dev

🤩🤩 🤩🤩🤩🤩🤩 🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩Спасибо огромное нашей художнице Кате и программистам за два новых раздела, подготовленных специально для ОРП ❤️🤩 Вкладка «Наследие»Идея о подобной механике зрела давно. Причина банальна: когда я читаю классику, неизменно путаюсь в родственных связях и с трудом запоминаю, кто кому кем приходится. Не раз думала «Эх, мне бы шпаргалку…» И, принявшись за новую новеллу, решила – а почему бы и в самом деле не визуализировать семейное древо? Это и удобно, и красиво, и антураж создаёт!)🤩 Записки главной героиниПоскольку Фрэнсис Энн – девушка, для которой наблюдения за всем, что происходит вокруг, имеют особую ценность, мне захотелось дополнить новеллу разделом «Дневник». В конце каждого обновления вы сможете выбрать те эпизоды, которые запомнились героине ярче всего, а потом перечитывать впечатления, окунаясь в небольшую летопись минувших событий) О чём написала ваша мисс Фортескью после первых глав?)#дятел_клавиатуры#детали_ОРП

🩷 Tilda PROM edition! Я ЭТО СДЕЛАЛА! ✨Когда мы с Леной впервые обсуждали будущую вечеринку PROM NIGHT, идеи начали литься как пунш из кулера — мощно, ярко и со спецэффектами. И вот в какой-то момент мы обе поняли: нам нужен сайт. Место, в котором будет концентрат всей драмы. Обложка мечтыыы.И я такая: айм соу сорри, у нас катастрофически мало времени до релиза! Лендос — это анрил! А Лена на полном серьёзе говорит мне:— Саш, ну сколько делается лендинг? ДЕНЬ?!ДЕНЬ, КАРЛ!?!?!(спойлер: я делала его неделю. по ночам. потому что днём я, извините, фриланс-дизайнер. и заказы никто не отменял.)Я честно пыталась сказать себе «не ввязывайся». Но мысль о том, кааак можно оторваться с дизайном, свербила меня изнутри! В итоге.. ХОЧУ победило!Представляю вам лендинг BEST PROM NIGHT 2025 — розовый, дерзкий, кричащий, с блёстками — не по гайдам, а по любви 💖Но знаете, если не блестит, не переливается и не заставляет вас сказать шо это вообще такооое? — тозачем мы тогда всё это затеяли?!Гляньте! Напишите, что думаете! А если вы в Нижнем — ловите билеты, пока они не улетели в стратосферу!

Главный помощник при организации детской - это ответ на вопрос, что там должно бытья лично так и делаю сейчас для создания комнат своим детямКогда вы делаете дизайн проект квартиры, то вы рассказываете дизайнеру о том, какое настроение будет жить в этом пространстве, какие ценности, культурные коды, а потом и хобби, активности, функциональные преимущества.С детской примерно так же, но лучше начать от обратного. 😇 запишите списком, какие зоны там должны быть. Для удобства можете проверить зонирование от 0 до 6 лет в среде с точки зрения науки и развития у меня в бесплатном гайде здесь. После 6 лет приоритет будет смещаться в другие области, но в целом многое останется.😇 поищите вдохновение с точки зрения цветовых решений или каких-то необычных сочетаний на Pinterest, в запрещенной соцсети, даже просто в поисковике, у вас получится палитра. В ней проще действовать, чтобы не сбиваться каждый день на разные стили 😂 или обратитесь к дизайнеру с уже четким пониманием, какие зоны будут в комнате😇 начертите онлайн или на бумаге комнату в масштабе, сделайте предметы мебели из цветного картона или бумаги, двигайте и расставляйте И, конечно, не забывайте о главном - наблюдать за своим малышом, его интересами и личными потребностями. При всей научности метода Монтессори там всегда делается акцент на индивидуальном 😇

Что делать, если клиент отвергает 50% ваших идей? – алгоритм мягкого убеждения.Вы все силы вкладываете в концепцию, а при встрече клиент говорит: 💋 «Это не совсем то...»💋 «Мне кажется, это слишком смело…»💋 «А вот это вообще не моё»Знакомо? Такое ощущение, будто половина работы просто "улетела в корзину", как и собственное время.Почему клиент говорит «нет»?Чаще всего причина не в плохих идеях, а в разном видении.Клиент может:- Не понимать вашу задумку.- Опираться на устаревшие представления о дизайне.- Бояться рисковать.- Иметь ложные убеждения о каких-либо материалах.💋Алгоритм работы с клиентом, который поможет попадать в цель с первого раза в 90% случаев:1. Глубже погружайтесь в запрос: чем точнее вы нащупаете эмоциональный запрос клиента, тем меньше будет правок.Проработайте вместе с клиентом бриф – это стандартный этап на старте для максимального понимания, с какими пожеланиями вам предстоит работать и насколько совпадает общий мэтч на видение пространства.2. Объясняйте конкретные решения в проекте на языке выгод и ценностей.Акцент на эмоциях / ощущениях, который будет давать визуал, или же на функциональной составляющей интерьера, а не на “сухих” терминах.3. Не бойтесь продавать свою экспертизу.Если клиент настаивает на спорном решении, ваша задача: мягко объяснить последствия, представив альтернативные варианты.Важно помнить, что если вы постоянно уходите в угождение, то и работаете много месяцев над теми проектами, которые высасывают всю энергию.P.s.: особенно это касается тех дизайнеров, которые работают в четко заданной стилистике.4. Выстраивайте диалоги.Если вы боитесь каждого своего клиента и не входите с ним в диалог, то весь проект будет нести за собой огромные риски, а для вас лично – тревожность и неуверенность в результате.Буквально каждый этап = обсуждение и коммуникация с клиентом, начиная со старта.5. Подкрепляйте аргументированное мнение большинства специалистов, если решение достаточно сложное, чтобы и вы – дизайнер, и ваш подрядчик могли совместно объяснить ядро идеи и возможности ее реализации.Порой клиенты хотят что-то конкретное, что требует увеличения сроков на проектирование и реализацию, нужно лояльно вместе с подрядчиками выдать экспертную оценку, какие изменения повлечет эта идея и уже далее принимать совместное решение. 90% успеха — в глубоком анализе на старте и правильной подаче идей. Чем точнее вы попадёте в личность и ценности клиента, тем меньше будет возражений.(Поэтому прорабатывайте бриф!)А как вы действуете, когда клиент не принимает ваши идеи?Делитесь в комментариях 💋#мышление

Обычно портфолио дизайнеров — это либо дизайн без дизайна с простым списком проектов и синими ссылками. Либо тщеславные ряженные бравады о своих высших целях и манифестах. У себя на сайте пришлось сделать переключалку уровня пафоса. olenkevich.com

Дизайнерам пора уходить в фермеры? В новом выпуске говорим с Дашей Прокуда — Chief Design Officer в бразильском стартапе Rhino, ментором, экс-дизайн-директором Osome и Сбер. Обсудили путь из российских студий в международные компании, как развивается дизайн в Латинской Америке и кого вытеснит AI в первую очередь.• Многие дизайнеры из Восточной Европы в портфолио делают упор на графику, а не на продуктовые задачи. По словам Дарьи, 70% таких кандидатов отсеиваются из-за этого: не хватает фокуса на UX, метриках и мышлении от пользователя.• Джунам, чтобы попасть в стартап или международную компанию, не обязательно иметь опыт — но нужно пройти хотя бы одну стажировку, даже неоплачиваемую. Это помогает научиться работать с командой, принимать фидбек и показать, как дизайнер принимает решения.• AI уже заменяет задачи junior-дизайнеров — презентации, баннеры, внутренние инструменты. Те, кто не научится использовать AI как ассистента, скоро окажутся неконкурентоспособны, особенно в аутсорсе и аутстаффе.💬 Друзья, много ли среди вас дизайнеров? Поделитесь вашим опытом поиска работы, особенно в эпоху генеративного ИИ.

Liquid Glass в Альфа-бизнесБуквально на этой неделе Apple на своей конференции показала новый подход к обновлению интерфейса. Ключевое изменение — переход на новый тип поверхности элементов интерфейса, называется Liquid Glass. В интернетах споры: кому-то не нравится контрастность, говорят о сложностях реализации в вебе. На GitHub уже появляются библиотеки для создания стеклянного рендера объектов на экране.Ну кто мы такие, чтобы критиковать Apple — уверен, что там ребята со всеми трудностями справятся. А пока всё это происходит, мы уже примеряем эту технологию к нашему интернет-банку. Что думаете, как вам?🦄 Огонь, давайте уже🌭 Стоп. Это очень спорно

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

Про покорение чак-чаковой долиныПривет, Импульс!По итогам поездки в роли артефактов была обнаружена моя фотография с незнакомым татарином, мокрая от падения в озеро одежда и гигантская ручка-стилус? с надписью Казань. В Казань я приехала буквально бездомная, собрала коробки для переезда, а доклад дописывала по пути в поездеПро Д-в в целом- Мне хочется сказать искреннее спасибище, как организаторами, так и участникам. За ощущение себя в своей тарелке, за открытость участников к друг другу и к миру, за ощущение того, в какой ахуенной сфере я работаю. За желание расти и учиться, прыгать выше головы. За гордость за комьюнити и свою профессиюПро мой доклад- Было приятно увидеть полный зал, а после понять, что с темой я попала: что это не череда совпадений в моем личном опыте и окружении, а реально супер много дизайнеров в больших и маленьких компаниях плывут в одиночку и их это реально волнует, мы смогли показать друг другу, что мы такие не одни. Я разобрала базу что с этим делать, поделилась своим опытом, как продолжать расти и работать работу. Доклад есть в комментариях, а еще самые главные тезисы есть в моей статье. С кем-то занетворкались, с кем-то заколлабились, а кто-то пришел ко мне на менторство. Классно!Кого хочется отметить?- Ребят из агенства однимсловом и их доклады про нейминг- Бесподобная Маргарита Романова и ее доклад про восточные интерфейсыНовеньким в канале привет!💙

УскоряемсяВсю прошлую неделю я размышлял, как сделать качественный скачок в текущих процессах, ведь самым узким горлышком остаются оцифровка и разметка скринов. В голове вертелись мысли, и я был уверен, что решение где-то рядом. И как это часто бывает, всё гениальное оказалось простым! (По крайней мере, в теории). Долой унылый скриншотинг!Записываем все флоу на видео, режем их на скрины, отправляем в ИИ и получаем размеченные скриншоты!И всё это не выходя из админки.Дальше я сделал прототип и проверил схему в действии🟦 С помощью чата GPT узнал, что есть опенсорсная библиотека ffmpeg, которая умеет вырезать скрины по изменению сцены в кадре. Скачал её через Терминал, а через встроенный в Мак Automator создал небольшую программу (код написал GPT). Теперь просто перетаскиваю видео на иконку программы, и она выдает папку со скринами.🟦 С помощью чата GPT составил промт (отдал в него все наши теги). Теперь, если загрузить любой скрин, он выдает список тегов, которые в нем нашел. Работает!Что на практике?Я уже загрузил одно приложение не через скриншоты, а через запись видео — Юрент.И, как обычно бывает, на практике всё оказалось не так просто. Нужно было тонко настроить чувствительность, чтобы скрины извлекались не слишком редко (иначе пропуски) и не слишком часто (много мусора). В итоге довольно много времени ушло на оптимизацию и настройку флоу.Плюсы тоже очевидныМожно делать любую глубину проработки скринов, потому что есть буквально каждый кадр флоу. Также здорово, что на будущее будут готовы видео, если я решу добавить их на сайт. Ах да, ещё посты с видео получаются гораздо интереснее.Что дальше?Пока продолжаю экспериментировать с видео. А вот что касается автоматической расстановки тегов через ИИ — тут всё гораздо веселее. Понятно, что промт тоже нужно будет допиливать, но сам факт того, что сразу вместе со скринами будут проставлять теги, невероятно ускорит процесс. Осталось протестить как это будет работать через API в админке. ___Если у вас возникли идеи, как ещё можно ускориться — пишите, буду крайне признателен. ❤️

Разгоняем про выборщики на сайтах — будет полезно всем, кто связан со сферой недвижимости 💸За 7+ лет у нас было много проектов в сфере недвижимости — разные элитные жилые комплексы в России и за рубежом. И почти в каждом был выборщик квартир — тот самый интерактив, где пользователь выбирает квартиру прямо на сайте.Начнём с того, что обычно застройщики хотят влюбить покупателя в будущую квартиру прямо на сайте. И чтобы пользователь быстрее дошёл до действия, покупки, с точки зрения реализации важно сделать выбор удобным и интересным. Тут на первый план выходит UX — как пользователь ориентируется, ищет и фильтрует.Выборщики почти всегда рисуют с нуля. Кто-то делает 3D-рендер здания, где можно кликать на этаж. Кто-то добавляет галерею-слайдер или таблицу с фильтрами. Мы делали, например:• слайдер с выбором видов• выборщик с фильтрами и кастомной логикой• взаимодействие с объектами и подсветкой этажей• галерею без фильтров — просто чтобы показать атмосферуДизайн можно сделать любым, но нужно ещё подумать о реализации. Для наших клиентов мы обычно используем стандартный стэк (HTML, CSS, JS), часто с SVG или кастомной графикой. Бывает, что под каждую квартиру нужна своя адаптация, логика и точная отрисовка, особенно если сайт должен работать хорошо на всех устройствах.Как говорит наш разработчик:UX тут не менее важен, чем разработка. Если выбор удобный, то человек быстрее принимает решение, даже если это покупка квартиры в элитном ЖКСтавьте ❤️, если понравился пост и хотите больше таких разгонов

Figma теперь не просто дизайн, а платформа для запуска продуктов от идеи до релиза 🌈Недавно на конференции Figma Config 2025 компания сделала столько анонсов, что кажется — они собираются конкурировать со всеми сразу. Ребята из «Гламурного GPT» собрали обзор апдейтов в одном месте, а мы принесли вам.⬇️Вот что появилось:• Figma Make — превращает текстовые подсказки в код (привет, GitHub Copilot)• Figma Sites — делает сайты и управляет контентом (как Wix или Squarespace)• Figma Buzz — генерирует маркетинговые материалы по бренду (как Canva)• Figma Draw — свободный векторный рисунок, максимально ручной, без AI — именно в «почерке», будет конкуренция будущего (альтернатива Adobe Illustrator)Идея простая:2/3 пользователей Figma — не дизайнеры, а продакты, девелоперы, маркетологи. Им нужны инструменты, чтобы быстро тестировать и запускать, но без потери качества. Ииии.. Figma делает ставку именно на них.❤️Любопытно:Только 31% дизайнеров реально используют AI в работе и лишь 54% считают, что он повышает качество. У разработчиков больше доверия AI, чем у дизайнеров: генерация кода более стабильна, чем капризная генеративка, которая не всегда слушается и выдает адекватный визуальный результат.💭 Дилан Филд (CEO Figma):Мы не конкурируем со всеми подряд. Мы строим экосистему, где каждый может быть мастером. Там, где AI делает всё одинаковым, индивидуальность выигрывает.Ребята, а вы как думаете: как и чем продукты реально смогут выделяться в эпоху массового AI?R-Founders Go Global Channel

Продолжение темы портфолиоНачал собирать мудборд под будущее портфолио. Полазил по Behance UI Awards, покопался на Awwwards —вдохновился, но решил особо не спешить:на выходных хочу ещё дособрать свежих референсов, а потом спокойно сесть и всё разложить.Хочется чего-то простого, чистого, но с тем самым моментом, когда ты смотришь и думаешь «погоди, а по какой вообще это сетке построено?»Ещё немного про сборку компонентов. Недавние опыты с Иэс показали, что через бесплатный Dev Mode в Edu-аккаунте можно реально верстать компоненты 1 в 1, без боли. Как я уже писал в одном из чатов: Накидываешь дизайн → снимаешь маску клоуна → надеваешь маску разраба → и спокойно верстаешь каждый компонент 🤡Моё старое нытьё про пиксельдрочку уже не так актуально. Пока что этот способ работает нормально. Посмотрим, как поведёт себя дальше.И да, совсем забыл — хотел скинуть видосик, где я в Иэс не просто вытаскиваю данные из Notion, а ещё и пушу их обратно. Почитал доку, пишут что можно. А почему бы и нет? Реально работает!Пример:Захожу в Telegram Mini App, авторизован, жму на кнопку «Мне интересно» → вылезает алёрт → соглашаюсь. Мой никнейм, ID и имя попадают прямиком в таблицу в Notion. Он что за фуллстекер, клянусь вам 👍В общем, портфолио пошло, первый этап начат. Буду держать в курсе и этих, и других экспериментов#Портфолио

#адобисток #adobestock 📌 Требования к векторным изображениям от Адоб Стока🔹 Компоненты изображенияРекомендовано:➖ Избегать использования текста без необходимости, так как покупателям может потребоваться применение другого шрифта➖ Минимизировать использование функций трассировки➖ Перегруппировывать элементы, являющиеся частью одного и того же элемента дизайна, или объединять контуры, входящие в одни и те же компоненты➖ Добавлять метки слоев➖ Удалять скрытые и пустые слои➖ Удалять неиспользуемые элементы панели➖ Разблокировать все слои и подслои➖ Убедиться, что все иллюстрации выполнены в одной монтажной области, и удалить все, что находится за ее пределамиНе рекомендовано:➖ Включать свою подпись или имя в иллюстрацию➖ Включать или добавлять растровые изображения (JPEG) в векторные файлы или растрировать какие-либо элементы➖ Включать все ресурсы в один слой или в одну группу🔹 КонтурыРекомендовано:➖ Использовать оптимальное количество опорных точек, избегая как избыточного их количества (чтобы форма не выглядела неровной), так и недостаточного (чтобы линии не выглядели неестественно или плоско)➖ Закрывать контуры всех заполненных фигур➖ Рассматривать возможность использования различной толщины линий в изображении🔹 Организация файлаРекомендовано:➖ Добавлять метки слоев➖ Удалять скрытые и пустые слои➖ Удалять неиспользуемые элементы панели➖ Разблокировать все слои и подслои➖ Убедиться, что все иллюстрации выполнены в одной монтажной области, и удалить все, что находится за ее пределамиНе рекомендовано:➖ Включать все ресурсы в один слой или в одну группу🔹 ИзмененияРекомендовано:➖ При желании загружать до трех удачных вариантов каждого векторного изображения. В вариациях должны осмысленным образом для потенциального покупателя различаться стиль, объект или композиция. Простые цветовые вариации не могут считаться удачными вариантами редактируемых векторных изображенийНе рекомендовано:➖ Загружать одно и то же изображение с разными видами линий или цветом фона➖ Загружать одно и то же изображение с разными тенями, эффектами, а также зеркально отраженные изображения➖ Загружать аналогичные работы, отредактированные исключительно с помощью функций генеративной колоризации или преобразования текста в вектор🔹 Векторы, созданные с помощью генеративного ИИОсновные требования:➖ Проверка соответствия: убедитесь, что ваши материалы соответствуют всем требованиям к генеративному ИИ➖ Обработка фона: удалите фон на всех изолированных векторах для повышения удобства использования в виде сведенной графики➖ Оригинальность: отправляйте только векторные изображения, содержащие ваши собственные работы➖ Оптимизация: удаляйте и упрощайте лишние точки, контуры и слои в сгенерированных векторах➖ Редактируемость: переработайте созданные векторы, чтобы их было так же легко редактировать, как обычный векторДопустимые элементы для отправки:➖ Узоры, которые могут быть бесшовными➖ Простые фигуры, которые можно легко отредактировать, на прозрачном фоне в виде значков➖ Оригинальные, редактируемые сцены и сюжеты—» |ВК| —» |Супермикросток.ру| —» Подписаться на канал

Stitch - убийца помощник дизайнеров от GoogleВсе чаще обсуждается идея, что скоро сайты и приложения как форма уйдут. Интерфейсы растворятся. Останется просто диалог с ассистентом. Скажешь: "Хочу кроссовки, белые, удобные, как у Теда Лассо", и виртуальный друг покажет тебе пару вариантов, сравнит цены, подскажет по размеру, оформит доставку. Всё внутри диалога. Без лендингов, категорий, корзин, SMS и регистраций. Просто разговор, а может и говорить не придется.Но вот парадокс. Пока мы об этом размышляем, число инструментов для генерации сайтов и UI-интерфейсов только растет. Недавно Figma представила масштабное обновление, а на днях Google выкатил свою версию. Сервис бесплатный, мощная Gemini внутри. Написал простенький промпт, получил красивую страницу. С текстами, картинками, кнопками, всё работает, раньше такую от дизайнеров нужно было ждать минимум пару дней, можно выгрузить сразу в Figma. Для прототипирования идеальный вариант.И вот в этом контрасте что-то есть. С одной стороны будущее без UI, с другой генеративная гонка за тем, чтобы UI создавать всё быстрее. Куда мы в итоге придем?🤔

Как быстро накидать вайрфреймы в Figma: в копилку AI-тулзов для работы 🛠️На днях нужно было быстро собрать вайрфреймы для приложения. Пропустить этап нельзя — дальше передаю в работу дизайнеру. Решила протестировать AI-инструменты, чтобы ускориться.Пробовала несколько сервисов:1. Visily — мимо.Ограничения на длину промптов, а дизайн — примитивный. Не рекомендую.2. UX Pilot (по наводке от Дмитрия из чатика Некодеров) — понравился!✔️ На старте дают 90 кредитов, каждый вайрфрейм стоит 6.✔️ Есть два варианта: вайрфреймы и полноценный дизайн, для веба и для мобилки.✔️ Главное — давать максимально подробный промпт (GPT поможет) — чтобы не тратить кредиты впустую.✔️ Есть Figma-плагин — ставьте его сразу. Если делать экраны в веб-версии сервиса, экспорт в Figma доступен только на платном тарифе. Не повторяйте моих ошибок 🙂✔️ Экраны можно редактировать в Figma поэлементно.✔️ Можно сразу указать нужный язык интерфейса.3. Google Stitch — новинка, буквально вчера релизнулся. Уже попробовала. Для бесплатной версии — очень даже ничего!Его критикуют за простые дизайны, но:а) Если цель — быстро набросать вайрфреймы, то ок;б) Чтобы повысить качество тоже нужно давать подробное описание (ChatGPT в помощь);в) Можно копировать и вставлять в Figma. Отдельные элементы потом редактируются, как и в UX Pilot.Если ищете, чем быстро накидать черновые интерфейсы без дизайнера — UX Pilot и Google Stitch точно достойны, чтобы их протестировать.#PG_education

Красота — не залог успехаЧто такое формальные и символические оценкиМаркетологи, которые работают в «эстетичных» нишах, где визуал имеет большое значение, или бизнесмены, которые хотят делать красивый продукт, иногда блуждают между двумя критериями.01. Путают формальные и символические оценкиВнешняя оценка — субъективное восприятие, которое может быть основано на происхождении, опыте, образовании, слухах, чужом мнении, предрассудках и т.д.Внутренняя оценка — эстетика безотносительно к тому, что она олицетворяет, вне содержания и смысла. Это принципы и элементы, которые едины для любого дизайна: симметрия, гармоничные сочетания оттенков и т.д.Эдгар Кауфман чётко подметил, что«хороший дизайн — это тщательное совмещение формы и функции, понимание общечеловеческих ценностей...»Когда это так, мы получаем шедевр. Но бывает и так, что дизайн следовал не внутренней, а внешней оценке (трендам, личному вкусу дизайнера или заказчика).02. Не учитывают нишу и аудиторию продуктаУ изделий или сайта есть функциональные значения — и форма должна выгодно подать их, а не заглушить (качественный дизайн = баланс удобства и красоты). Грамотная подача информации подразумевает умение работать не только с чувствами и эмоциями от картинки, но и демонстрировать преимущества продукта или услуги.Но:— модные визуальные приёмы и вау-эффекты порой подменяют истинный дизайн, уводя функционал на задний план;Важно! В люксе так не работает. Там бренд диктует покупателю, что ему нужно: luxury-продукт может быть в каком-то смысле «дефектным» и при этом не терять своего статуса.Так, клиенты компании BMW жаловались на недостаточное количество места для ног на пассажирских сиденьях модели X5. Но! Последовать желанию потребителя означало бы изменить внешний вид машины, то есть её аэродинамические свойства и т.д. — бренд на это не пошёл. В итоге пассажиры BMW до сих пор продолжают мучиться: получают дизайн в ущерб функционалу. А продажи от этого не падают.В идеале маркетинг и дизайн всегда должны работать в кооперации. Хорошо бы, чтобы маркетинг был не формально-статистическим, основанным на «теориях и мнениях», а вдумчивым, с опорой на гуманитарные знания маркетолога и социологию.Согласна с Полом Рэндом, что некрасивая, но работающая вещь — столько же неэтична, как и красивая, но не работающая.Считаю долгом маркетологов искать баланс.

Requests for Startups от YC, лето'25, ч.2: "больше фаундеров-дизайнеров". Продолжаем предыдущий пост, там же вводные и все ссылки.1️⃣ More Design Founders - услада для моих ушей! Предполагается, что венчурные инвесторы будут благосклоннее относиться к бэкграунду в дизайне. Я это читаю как "дизайнер больше не red flag".Аргументация простая и логичная: С вайбкодингом и всякими крутыми фреймворками растет минимально приемлемое качество продуктов. То есть уже не отделаться состряпанным на коленке кривоватым MVP.А именно дизайнеры скорее обладают навыками, чтобы сделать сразу прилично.2️⃣ Но я вижу нюанс в том, что все-таки решает вкус, а не просто опыт в дизайне. По моим оценкам меньше трети дизайнеров обладают хорошим вкусом. Я как-то прикидывал, сколько дизайнеров среди YC фаундеров - оценил число до 5%. Надеюсь скоро будет больше.Правда по описанной выше логике от YC, тренд приведет в венчур больше французов, чем дизайнеров 🙂И мне нравится этот тренд! 3️⃣ Неоднократно писал, что уже пару лет для дизайнеров уникальная ситуация: впервые дизайн может улучшать ценность, а не просто конверсию. Хороший UX для GPT обертки - уже серьезная заявка на успех. Раньше работа над дизайном в стартапах ранних стадий - это ВСЕГДА red flag (пост). Сейчас ситуация меняется: хороший дизайн можно делать реально быстро. И тут решает вкус - им может обладать даже CTO.4️⃣ Что бы я делал сейчас, если бы был дизайнером и целил в венчур? Пропустим банальное, но важное про идеи, отказ от b2c (пост), проверку гипотез и др. Самое простое - вписаться кофаундером в стартап, где дизайн может быть конкурентным преимуществом с первых дней. Чаще всего это self-service SaaS для несложных b2b категорий. Я бы сказал, с потенциальными чеками $3-20k в год.Свою идею я бы не стал выдумывать - в дизайнерской рутине просто нет тех задач, автоматизация которых стоит дорого. Ну и конкуренция там очень высокая.5️⃣ Ну и не стал бы переоценивать навыки дизайна в бизнесе: возможно это наименее полезные айтишные скиллы в стартапах. Просто они теперь не отпугивают венчурных инвесторов сходу, а становятся "ну ладно, он(а) дизайнер, но вроде может что-то получиться" 🥲@kyrillic

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

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

❤️‍🔥 Туториал: как сделать нестандартную плашку-рамку для макета?Простой прием, который поможет сделать акцент на важных деталях товараЭффект можно адаптировать к любым нишам, в особенности будет полезен в дополнительных карточках товара, если вы хотите акцентировать внимание на материале или определенной детали продукта. Листай карусель и бери на вооружение 👉🏻 📎 Если пост был полезен и ты хочешь, чтобы я продолжала формат "туториалы" —> поддержи своим огонечком🔥 #польза