Короче, еще обновы. Рисование в Figma DrawВ начале своего продукта Figma активно сузили фокус редактора на графическом дизайне для веба, убив тем самым фотошоп для веб-дизайнеров. Сделали заточку прямо под задачи графонов.А теперь добавили возможности свободного рисования, тем самым отбирая у фотошопа еще одну большую аудиторию - дизайнеров баннеров, всяких обложек, простой графики. Штош, фотошопу остается только фоторедактор)UPD поправочка, не фотошоп пока убиваем, а иллюстратор. Но фотошопу тоже не долго осталось)
Пишут, что в сеть утёк дизайн нового Material Design Expressive. И якобы в некоторых приложения дизайн стал лучше и эффективней. Но вот эти два скрина почты меня смутили, в особенности кнопка отправить которая большая и висит снизу. Уже предвижу ложные срабатывания при отправке письма
🤔 В чем разница между MVC и MVVM? Это две архитектурные паттерны, которые используются для разделения ответственности и улучшения структуры кода в приложениях. Несмотря на схожие цели, они имеют разные подходы к организации кода и взаимодействию компонентов.🚩MVC (Model-View-Controller)🟠Model (Модель)Представляет данные и бизнес-логику. Модель отвечает за получение данных из базы данных, выполнение операций над ними и отправку обновлений обратно в представление через контроллер.🟠View (Представление)Отображает данные пользователю. Представление отвечает за визуальное представление данных, полученных от модели, и обновление интерфейса в ответ на изменения данных.🟠Controller (Контроллер)Обрабатывает пользовательские вводы и взаимодействует с моделью и представлением. Контроллер получает ввод от пользователя, обрабатывает его (например, валидирует данные), обновляет модель и выбирает соответствующее представление для отображения.Пользователь взаимодействует с представлением (например, нажимает кнопку).Контроллер обрабатывает это событие, изменяет данные в модели.Модель уведомляет представление об изменениях.Представление обновляет отображение данных для пользователя.🚩MVVM (Model-View-ViewModel)🟠Model (Модель)Так же, как и в MVC, модель представляет данные и бизнес-логику. Модель не изменяется.🟠View (Представление)Отвечает за визуальное представление данных. В отличие от MVC, представление связывается с ViewModel, а не с контроллером.🟠ViewModel (Модель представления)Посредник между моделью и представлением. ViewModel содержит логику отображения и команду для представления. Он отвечает за преобразование данных из модели в форму, удобную для представления, и наоборот. ViewModel часто использует механизмы связывания данных (data binding) для автоматического обновления представления при изменении данных.Представление связывается с ViewModel через механизмы привязки данных.Пользователь взаимодействует с представлением (например, вводит текст).ViewModel обновляет данные в модели.Модель уведомляет ViewModel об изменениях.ViewModel автоматически обновляет представление через привязку данных.🚩Основные различия 🟠Связывание данныхВ MVVM используется двустороннее связывание данных между представлением и ViewModel, что упрощает автоматическое обновление UI. В MVC такого механизма нет, и обновление представления осуществляется через контроллер.🟠ПосредникВ MVC контроллер действует как посредник между моделью и представлением. В MVVM эту роль выполняет ViewModel, который теснее интегрирован с представлением через привязку данных.🟠Упрощение UI-логикиMVVM лучше подходит для сложных UI, так как позволяет выносить логику отображения в ViewModel, что делает код представления (UI) более чистым и простым. В MVC логика может оставаться в представлении или контроллере, что иногда усложняет структуру.🟠Технологическая направленностьMVVM часто используется в приложениях, где активно применяется привязка данных, например, в WPF, Xamarin, Angular. MVC более универсален и часто используется в веб-приложениях (например, ASP.NET MVC).Ставь 👍 и забирай 📚 Базу знаний
---Ну, я понимаю, что перед выходными (если вы в России) о проблемах думается сложно. Да и посреди рабочей неделе (если вы не из России) тоже думается сложно... Вообще это приводит нас к мысли, что о проблемах думать всегда сложно, что интерес... А, да... Проблема. Вот в общем, ради интереса статья которая высвечивает одну совершенно непонятную для бумеров проблему. Эмодзи. Оказывается, в 2016 году было 26 судебных решений в которых упоминались эмодзи. В 2023 их стало в десять раз больше. И при этом, как утверждается — огромное количество судебных заседаний их просто не включают в протоколы. При том, что эти самые эмодзи несут нехилый такой контекст для сообщений. Тут даже возникает проблема того, что на разных платформах эти эмодзи могут выглядеть по разному. Эмодзи пистолета у одних сервисов направлен налево, у других — направо. Не говоря уже о том, что в iOS это водяной пистолет, а в Твиттере — настоящи. А это уже ведет к тому, что не сразу становится понятно — против кого обращено это оружие (и оружие ли вообще). Во Франции мужчину отправили в тюрячку потому, что он отправил бывшей эмодзи с пистолетом. Короче, судьям надо бы изучать не только, что именно увидел защищающийся, но и то, что отправил обвиняемый. Иногда это могут быть совершенно разные контексты. В качестве хорошего образца приводится, например, дело фермера из Канады, который ответил на контракт с покупателем зерна эмодзи 👍. Позднее, когда поставки зерна не последовало, покупатель спросил — а собственно, где? Фермер ответил — в смысле? Я же ничего не подписывал. Я просто показал, что это принял во внимание, ничего не обещал. Судья полистал все их переписки (где примеров подобных «договоров» было немало) и сказал — нет, в данном случае этот эмодзи можно считать цифровой подписью. Плати неустойку в 60 тысяч баксов. Так что будьте осторожны. Ну и в качестве бонуса: вот еще статья об Эмоджигоддоне. Если кратко — некоторые разработчики стоящие за консорциумом Unicode считают, что в последнее время, огромное количество новых эмодзи, вроде пельменя или вялой какашки слишком уж быстро принимаются. В то время как по-настоящему нужные символы — проходят очень долгое обсуждение и чтобы их принять нужно пройти семь кругов ада. Ну да, эти по-настоящему нужные символы обычно касаются лишь ограниченной группы людей, типа лингвистов или экспертов по забытым народам. А эмодзи — это для целой кучи народа, которые просто жить не могут без эмодзи пельменя. В общем — надо решать что-то с этим. Как-то более взвешенно подходить к вопросу. Короче — думайте, я вам что, зря проблем принес?
В Яндекс редакторе слабо заметны исправленные места, потому что выделяются только символы. Особенно незаметно выглядит пунктуация. Улучшить просто — выделять эти места плашками.#интерфейс
Вчера пока готовила уроки, мельком заметила новый инструмент на Миро. Но уже был час ночи, решила оставить на утро.И сегодня я вам говорю, что это ОТЛИЧНЫЙ НОВЫЙ НИШТЯК для преподавателей!☺️На Миро появились flip cards (в beta версии). У меня пока только на одном аккаунте, так что проверяйте у себя. Что имеем на данный момент? Карточка переворачивается, добавить на неё можно только текст с обеих сторон, доступно несколько цветов на выбор. Я уже говорила, что на Miro появляется всё больше и больше классных функций и инструментов, меня это продолжает несказанно радовать 🐾*в комментариях оставила вам видео: где найти flip card, как поменять цвет и ориентацию#miro😊если вы новичок на Miro, то все мои посты о платформе ждут вас тут 😊
Ищу клинику в Москве, сделать мини-операцию. Вы бы знали, я сайтов 20 перебрал, один хуже другого… на одном вместо карты, картинка, на третьем 80% экрана у мессенджерах. Вы хоть обдолбаытесь делая красивый сайт на ПК чтобы все там крутилось и вертелось, но если у вас на мобилке все плывет и сделано через Ж неюзабильно, клиентов у вас не будет! А, ну если есть чат, то там отвечать надо сразу, а не тогда когда клиент вышел. И нет, если вы берете контакты человека, то идите в Ж с таким чатом, в м видео меня менеджеры не спрашивают почту и телефон для ответа. Не ответил, потерял потенциального клиента. На телефоне достаточно: карты, цен, чата (в котором отвечают таким ебобо-клиентам сразу).И знаете где я оставил заявку? На каком-то сайте про докторов чтоли и все, я записался. Нашел клинику на карте, увидел цены, перезвонили, пригласили на первичный осмотр и ВСЁ. А вы со своими сайтами красивыми на ПК кидайтесь и платите катогизаторам.У меня всё.
Моделирование, в отличие от черчения, немного другой процесс, хотя на выходе сходный результат - чертежи. При черчении обычно чертят планы (или инженерные системы) и параллельно всё это оформляют. В процессе моделирования СНАЧАЛА создается BIM-модель,…
НЕВОЗМОЖНОЕ ВОЗМОЖНОКогда-то мне казалось, что проектировать сложные системы — это что-то из другой вселенной. Таблицы, взаимосвязи, длинные сценарии, потоки данных, всё это выглядело чем-то недосягаемым.Но странным образом именно туда меня тянуло. Мне хотелось разобраться. Понять, как работает что-то большое и сложное. Найти в хаосе структуру и выстроить путь.В 2021 году я почти не умела работать в Фигме, знала только базу, чтобы собрать визитку или плакат. На тот момент я только что родила четвёртого ребёнка. Сыну было всего два месяца, когда я решила пойти учиться UX/UI-дизайну. Помню, как на одном из первых созвонов я сказала будущему ментору: «Возьми меня, я готова пахать. Я очень хочу учиться.» Моя мотивация и амбиции помогли Насте увидеть во мне потенциал. И я до сих пор благодарна ей за этот шанс.С того времени многое изменилось. Сегодня я проектирую SIEM-систему — сложную, требующую внимательности, логики, понимания процессов. Иногда непонятно. Иногда сложно. Иногда кажется, что путь бесконечен.Но каждый день, это шаг.Шаг к тому, чтобы не просто рисовать интерфейсы, а понимать их суть.Шаг к тому, чтобы однажды с уверенностью браться за задачи любой сложности в любой сфере.Я верю, что невозможное становится возможным, когда есть вера в себя, труд и поддержка.
хорошая статья про современный дизайн аи приложений(автор объясняет на интерактивных примерах почему он не оч и почему похож больше на автоматизированную повозку нежели чем на автомобиль) tldr: большинство аппов — закрытый системный промт + открытый юзер промт которые объединяется и отправляются модели, Кумен на примерах с почтой джимейл показывается почему это не работает в долгосрочной перспективе. https://koomen.dev/essays/horseless-carriages
Вкратце о том, насколько user friendly в Италии делают мобильные приложения.Купила я значит себе транспортный абонемент в Милане. Цифровой, чтобы карточку не таскать.Далее первый удар ниже пояса - я не нашла как добавить его в Apple Wallet. Это значит, каждый раз надо открывать их неудобное приложение и делать несколько кликов.Во-вторых, абонемент турникетами читается минуты две.И что вы думаете? Сегодня утром у меня абонемент не подгружался!!! То есть приложение открывалось, а раздел абонемента показывал загрузку и не грузился. Хорошо меня так пустили, а если бы нет?Ну если вы такие криворукие и у вас там сервера лажают, то сделайте для клиентов запасные пути? А так - в Wallet не добавить, скрин qr-code не сделать. Идите вы нафиг тогда. 🙄Кстати, уже через час все погружалось нормально. Но если в следующий раз случится, когда спешить буду? Ждать час предлагают? 🙄
Auto Layout в Figma: почему ты всё ещё не используешь его правильно?Auto Layout — не модная фишка, а инструмент, без которого в 2025 работать уже стыдно.Вот что нужно знать:1. Контейнер — главный. Всё начинается с него. Автолэйаут применяешь к фрейму, не к рандомным слоям.2. Оси и отступы — это сердце. Понял, как работают direction + spacing — уже стал быстрее на 20%.3. Паддинги ≠ марджины. Отступы внутри контейнера — одно, между элементами — другое. Путаешь — дизайн плывёт.4. Хватает ручной верстки? Auto Layout позволит делать формы, карточки, таблицы, модалки — всё. А главное, их можно растягивать, сжимать и переиспользовать без боли.5. Stack + wrap — Auto Layout 5.0 добавил обёртку по строкам. Карточки сами встают в две, три, сколько надо колонок.Если ты хочешь дизайн, который масштабируется, адаптируется и не разваливается при любом чихе клиента — Auto Layout нужен.Освой один раз — сэкономишь часы на правках.#figma #autolayout #ui #дизайн #вебдизайн #ux #инструменты #гайд #практика
Руководство по созданию сайтов и контента для людей с ОВЗ от фонда "Со-единение"Содержит полезную информацию о том, как адаптировать веб-контент для пользователей с разными возможностями👍🏻 Рекомендуем всем социальным организациям, которые хотят сделать свои сайты более доступными и современными#РекомендацииСР
Последние месяцы активно работаю в Миро. Оказывается, там очень удобно выстраивать контекст — складываешь скрины, ссылки, тексты вокруг нужных мыслей, а потом легко находишь нужное. При этом у меня есть запрос на организацию базового знания по теме. Представьте: одна доска — одна тема, например обучение. Заходишь, а там схемы, статьи, ссылки, тед-толки, все в одном месте. Проваливаешься и находишь нужное, либо летаешь между кусками контекста в поисках инсайтов. Удобно же.Мне кажется, кто-то такое должен был сделать: удобно организовать базовый контекст (или больше) вокруг большой темы. Возможно, не в Миро, а в других сервисах, другими способами, но должно ведь что-то быть. Есть такое? Если есть поделитесь. Если нет, не кажется ли вам, что я ищу базу знаний, но в наглядом формате, а не кучей ссылок?Может, не только у меня такой запрос?
Еще про сдвиги парадигмы в продуктивити.Вчера у Canva было мероприятие с анонсами Visual Suite 2.0. Большинство реакций, ожидаемо, сконцентрировалось вокруг Canva AI - более/менее взвешенной интеграции чат-интерфейса и GenAI в семейство продуктов. Попутно они анонсировали таблицы, BI-инструмент и вайб-кодинг.Менее оцененным кажется другой анонс: единый документ (design-файл) для всех типов контента, позволяющий визуально объединять разрозненные документы и фрагменты в единый проект.— Визуально это похоже на то, что вы можете выбирать другой тип для каждого следующего "слайда".— Фактически это означает, что в типичных сценариях использования портфеля Canva (ну и соответственно, аудитории) размывается понятие типа документа, а на первый уровень выходит гибридный и фрагментированный процесс работы над контентом, который может выгружаться в разные форматы. — Как вывод, например, исчезновение типизированной бумаги как целевого формата вывода. Canva как бы говорит, что если презентация для экрана, то фреймом может быть что угодно (в отличие от бумаги).— Нет, это не то же самое, что документ из фрагментов аля Notion. Здесь как будто бы более высокий уровень абстрации на уровне проекта.===Кажется, что это общий вайб в инструментах нового поколения. Внезапно, но то же самое, хоть и с другой интерфейсной реализацией делает Miro со своей сборкой проектов в пространства Spaces с быстрым переключением между артефактами в одном процессе и готовыми "блюпринтами" для таких пространств.Заход на работу со множеством разноформатных артефактов как составляющих одного процесса с оптимизацией переключений, интеграций и т.п., но при этом проброской специальных инструментов для каждого из форматов. Как будто бы эпоха самостоятельных (stanalone) редакторов прошла и мы в этих кейсах движемся во встроенные (embedded) редакторы, а на первый план выходит что-то другое.
#перфомансF-паттерн чтения текста ⚡️Люди уже давно не вчитываются во всю информацию, что видят в интернете. Они ее сканируютДанные материала по этой теме основаны на Nielsen Norman Group — одна из наиболее известных компаний, которая исследует пользовательский опыт.NN Group выяснили, что 79% людей постоянно сканируют любую новую страницу, которую видят. И только 16% читают на странице каждое слово.Сканирование — поиск. Может показаться, что такое поведение читателя обусловлено ленью, но это не так. Это эффективная стратегия поиска и фильтрации информации. Сканирование также позволяет людям избежать информационной перегрузки.Если мы читаем слева направо, мы сканируем текст следующим образом в виде буквы F. (Фото)Мы смотрим на первые слова в каждой строке текста и часто просматриваем больше слов в первых строках. По мере продвижения вниз по странице, мы читаем всё меньше слов в каждой строке и только слова, ближайшие к левому краю. Именно поэтому на большинстве конверсионных рекламных сайтов текст на главной странице расположен слева, а справа фотография или картинка. Данный метод показал себя на практике. Текст по центру, справа будет менее эффективен, как бы вам ни казалось, что так красивее и лучше. Далее расскажу о других паттернах от NN.Полезные материалы для бизнеса @honestrm_botРекламщик#маркетинг #реклама #рекламщик #перфоманс #бизнес #маркетолог
🌼Figma + After Effects: Ускоряем работу с плагином AEUXПост для тех, кто часто получает ТЗ в Figma, делает анимации для сайтов или шоурилы для веб-дизайнеров!AEUX — бесплатный плагин для импорта слоев из Figma в After Effects. Тул значительно экономит время, особенно если до этого вы всё собирали вручную. Но есть нюансы и погрешности, к которым надо быть готовыми — расскажем в этом посте.▶️Как установить:1. Скачайте архив с плагином.2. Для After Effects: скачайте ZXP Installer, перетащите в него файл "AEUX.zxp" из архива.3. Для Figma: установите десктопное приложение Figma и перенесите содержимое из папки AEUX_0.8.2/Figma/ в любое место, кроме «Загрузок», иначе можете случайно удалить.Затем откройте Figma, выберите Plugins → Development → Import plugin from manifest… и выберите файл "manifest.json". Плагин будет доступен через Quick Actions (CMD+/ или Ctrl+/) или через меню правой кнопки Plugins → Development → AEUX.❗️На что стоит обратить внимание:• Заблокированные слои импортируются, скрытые — нет.• Текстовые слои могут импортиться с небольшим смещением вверх или вниз на несколько пикселей, так что если точность важна, придется подгонять по рефу.• Если среди импортируемых объектов есть отдельный фрейм с элементами, он будет импортирован как прекомпозиция. В ней будет шейповый слой, повторяющий форму фрейма и его свойства (заливка и обводка).• При импорте группы объектов создастся guide layer, обозначающий границы группы. Обьекты будут припаренчены к нему.• Полупрозрачные слои импортируются как пнгшки с опасити 100%, так что после импорта вы сможете только ещё снизить им прозрачность, не наоборот.• Если среди импортируемых объектов есть прямоугольник или фрейм с режимом отображения только некоторых границ (например, только нижней), то импорт скрашится, потому что AE не поддерживает такую настройку.Знаете другие важные моменты по работе с плагином — делитесь в комментариях!#полезность #resourses
Конечно, прекрасно, что мы, как общество, перешли от костюмов с галстуками к такому рабочему столу.А вы добавляли фигмапалов?
Сейчас работаю над очень крупной и крайне неизвестной задачей в ВБ, когда все требования бизнеса «потыкать концепт» уляглись, наконец-то я могу заняться продуктовой работой! И вот впервые за почти год, зато честно 😆, я села прописывать огромную таблицу по JTBD. В моем продукте много подпродуктов, запусков и функций = дофига работ, надо тщательно выписать все, чтобы как минимум не поломать что-то. Так вот я реально забыла как это делать… и сижу по несколько раз перечитываю одну статью Вани Замесина... НУ КАКАЯ ОНА ШИКАРНАЯ!!! «Мы, люди, создающие продукты, подвержены когнитивным и эго-искажениям: мы влюбляемся в наши продукты, идентифицируем себя с ними, мы обожаем галлюцинировать про несуществующие потребности несуществующих людей. А потом радостно инвестируем годы жизни и миллионы рублей на то, чтобы создавать никому не нужные продукты, пилим фичи, чиним баги, работаем с макетами, проводим и анализируем ab-тесты, изучаем Customer Journey Map'ы конкурентов, анализируем фичи и воронки конкурентов. Если вы не опираетесь на точное знание работ сегментов людей на рынке, не опираетесь на знание того, как они выполняют эти работы, вы работаете с КРАЙНЕ ограниченным инструментарием.»‼️Источник читать тут! –––––– (срочно!!!) если кто-то еще конечно до сих пор не читал этот шедевр ✔️Кстати, этот пост как часть прокрастинации перед этой огромной таблицей, господи помоги и упаси пожалуйста умоляю кто-нибудь дайте сил, ненавижу таблицы, почему я вообще не ушла в UI 🍺
В Figma появился FigPal или... приятель.Суть его — преследовать твой курсор и чтобы другие тебя видели, если вместе на доске работаете. Приятеля можно запарковать, нажав на табличку с его именем.Я прям представил продакт овнера с командой разрабов в кабинете:— есть идея— о нет, пожалуйста, только не это— да. хлеб— что хлеб?— кусок хлеба в шапке, который будет преследовать твой курсор и парковаться на элементах интерфейса— ...— а ещё ему можно менять головной убор, цвет и форму. Пусть это будет ещё и крекер или вот ещё... ПИЦЦА СО СВЕЧКОЙ НА ГОЛОВЕ! НУ ГЕНИАЛЬНО ЖЕ!!!!— пиздец...
Прикольный глагол входит в наш обиход — вайтбордить. Вероятно, в английском языке он давно существует, я не проверял, но в русском только-только зарождается: поиск по этому слову выдает буквально считанные единицы страниц. Классическая ситуация: жопа есть, а слова нет. Хорошо помню, как зарождался тренд на онлайн-вайтборды. Локомотивом этого процесса была мало кому тогда известная пермская компания RealtimeBoard, которая после начала ковида начала греметь на весь мир под новым названием Miro. Так получилось, что я давным давно знаком с основателем и как-то раз приезжал в гости в их офис. Помню, тогда я не особо проникся идеей, полезность этого продукта для меня, сотрудника офиса, от пола до потолка обклеенного пленкой для маркеров, была неочевидна. Прошло каких-то пять лет, мы научились пользоваться камерой и зумом, отшутили все шутки про созвоны из туалета с включенным микрофоном, тотально перешли из почты в телеграм. Но, кажется, так толком и не научились вайтбордить.[тут всяко бла-бла про то, что это пиздец как полезно, структурирует мышление, помогает убеждать и т.п. но это всё скучно и ежу понятно]Умение вайтбордить — супер скилл для инженера. Понятно, что многие могут что-то состряпать на собесе, если заставят, но вот добровольно использовать Миро для проектирования архитектуры, декомпозиции роадмапа по проекту и описания сложных логических структур мало кто готов. Мне кажется, это исключительно из-за снобизма. Мол, я и так достаточно умный, чтобы держать всё в голове, а эти ваши миро — для менеджеров.Как руководитель, могу сказать, что сотрудник, объясняющий мне какие-то сложные вещи не на пальцах, а на схеме, сразу получает сто очков к доверию: наличие схемы гарантирует, что человек вдумчиво покурил тему, устранил поверхностные нестыковки и способен внятно и последовательно рассказать идею или план. А я могу содержательно пофидбечить, тыкая в конкретные места.Лучше один раз увидеть, чем сто раз услышать.
Чао, какао! Как дела у вас? 😏Расскажите, с каким проектами сейчас работаете? Что делаете для заказчиков или для себя?Мы, например, с командой 🏆 сейчас работаем над созданием 2 приложений для фудтеха, интернет-магазином большим, 2 сайтами для девелоперов, разрабатываем айдентику для производства. 🤌🏼На скрине наши прототипы для одного из приложений и это еще не все экраны. Сейчас дорабатываем логику и рисуем концепты. А что у вас интересного происходит? М?
Теперь в Фигме есть встроенный чекер контрастности по WCAG — меня-офигенная вещь и я просто в восторге
🎩 Modifier в Compose: скрытая магия вашего UI ✨Сейчас идёт сезон Podlodka Android Crew, и я буду делиться с вами инсайтами из сессий, которые мне особенно запомнились. Сегодня — первый такой пост. Поехали! 🚀Пост на основе сессии “Modifier в Compose: скрытая магия вашего UI”На сессии Алексей Киселёв рассказал, что там вообще под капотом у модифайеров. И один пример прям запал в память.🔧 Старый способ создания модифайеров — через composed {}. Он создаёт ComposedModifier, а это нестабильный тип данных. Его нельзя сравнить, и это может приводить к лишним рекомпозициям. А теперь внимание — clickable тоже ComposedModifier.🔴 Вот на картинке с красным фоном — пример, где в некий Option передаётся Modifier.clickable. Из-за этого все элементы будут рекомпозироваться при обновлении.🟢 А на картинке с зелёным фоном — как делать лучше. Прокидываем onClick как лямбду и уже внутри навешиваем clickable. Да, выглядит как немного магии, неочевидно. Но такова природа Compose. 🧙♂️#compose #podlodka #modifiers #android
Геймификации — это сделать удобнее и проще?Когда рассказываю про геймификацию (а последнее время и тут, и в целом делаю это часто), нет-нет, да и возникают вопросы: «то есть это улучшение UX?». И да, и нет UX — это опыт пользователя. И он не сводится только к удобству и простоте. Наоборот, иногда стоит сделать задачу сложнее, чтобы работа с продуктом стала привлекательнее Самый простой пример — IKEA или LEGO. Можно было бы купить готовую модель Звезды смерти или стул. Но можно превратить их сборку в увлекательный процесс. И если в случае с IKEA люди всё-таки покупают саму мебель, то вот «кубики» или пазлы покупают ради увлекательного процесса сборки В мире победившего UX, где для покупки даже машины достаточно сделать пару кликов в приложении маркетплейса, так приятно купить что-то очно и оттянуть момент первой носки. Я вот так купил себе классный пиджак и жду завершения проекта, чтобы так себя порадоватьДа, я усложняю себе жизнь, но ведь так будет кайфово дождаться и наконец его выгулять. Надеюсь, вы меня понимаете 🙂
Основной артефакт продуктовой разработки — это диздок «как будет выглядеть продукт через N лет».Прям последовательность экранов в фигме.Если вы продакт, и у вас такого нет, то вы занимаетесь херней.
Ебашим на глазБратюня спрашивает "как повысить экспоз в давинчи на 1 стоп" и я начинаю говорить ему типа что можно измерить скоупом или на глаз или тд, потому что сам никогда не парился на этот счет сильно. И тут я понимаю, что действительно, в стоке ризолв предлагает делать это точно только в Camera Raw. Итак, собираем все вариации точного изменения экспоуза:- плагин DCTL инструмент Just Exposure- плагин Dechancer параметр Exposure(Ev). Если хотите сохранить в лут, то нужно делать через интерфейс Дехансера.- корректирующий слой в Ps сохранить в виде лута. Ну тут уже любую глобальную неальфаканальную коррекцию можно сохранять.вот так вот
Почему UX имеет значение в образовании?Когда говорят о дизайне образовательных курсов, чаще всего обсуждают контент: что включить, какие темы осветить, как структурировать материал. Однако сам контент — это лишь часть успешного обучения. Если курс неудобен, сложен для восприятия или не мотивирует к взаимодействию, пользователи быстро теряют интерес. Здесь на сцену выходит UX-дизайн (User Experience) — подход, который делает образовательные продукты удобными, интуитивно понятными и эффективными.📚 Основные принципы UX в образовательных продуктах1. Простота и доступностьЧем сложнее разобраться в курсе, тем выше вероятность, что пользователь его бросит. Четкие навигационные элементы, логичная структура, понятные инструкции — всё это снижает когнитивную нагрузку и помогает учащемуся сосредоточиться на обучении.2. Вовлеченность через интерактивностьХороший UX в образовании — это не просто удобный интерфейс, но и грамотное вовлечение. Интерактивные элементы (тесты, сценарии, симуляции) помогают удерживать внимание, а элементы геймификации (баллы, уровни, награды) создают дополнительную мотивацию.3 Устранение барьеров в обученииЕсли пользователь не может найти кнопку «Начать», если загрузка видео занимает больше 5 секунд или если форма регистрации требует слишком много данных — он с высокой вероятностью уйдет. Хороший UX устраняет препятствия, мешающие учиться.4. Дизайн, ориентированный на пользователяШрифты, цвета, контрасты — всё это влияет на удобство восприятия информации. 📚 Ошибки, которых стоит избегать:— Сложные интерфейсы. Чем больше экранных элементов и лишних функций, тем сложнее пользователю разобраться.— Отсутствие четкой структуры. Пользователь должен всегда понимать, где он находится и что ему делать дальше.— Перегруженные экраны. Большое количество текста и информации на одном экране пугает и снижает вовлеченность.— Игнорирование мобильных устройств. Если курс не адаптирован для смартфонов, он может потерять значительную часть аудитории.📚 Как улучшить UX в образовательных продуктах?— Тестировать на реальных пользователях. Проведение UX-тестов с целевой аудиторией помогает выявить слабые места.— Использовать аналитику. Метрики вроде времени на странице, показателей завершения курса, частоты отказов дают представление о том, где пользователи испытывают трудности.— Обратная связь. Собирайте отзывы, чтобы понимать, что мешает учащимся и что можно улучшить.— Применять принципы микрообучения. Короткие модули (5-10 минут) усваиваются лучше, чем длинные лекции.
Скоро будет три месяца, как я работаю в нынешней компании. Знаете, по чему я вот совсем не скучала? По бесконечным обсуждениям: сначала обсуди с продактом, потом с разработчиком, потом со вторым разработчиком, а потом прилетит еще и гениальное: «А CEO сказал, ему не нравится»... Позавчера я уже прямым текстом сказала, что это не тот фидбек, с которым я могу хоть как-то работать.Короче, иногда все эти корпоративные hyperloops превращают меня в гадкую крысу 🥰 Но корпоративная этика обязывает соблюдать паритет, и в итоге я вновь вспоминаю профессиональный жаргон:«Хорошо, пойду поисследую другие варианты»Сделаю ровно то, что вы просите, чтобы наглядно показать, что это дичь.«Интересно...»Пожалуйста, просто прекратите говорить эту дичь.«Окей, я сделаю быстрый прототип»Вложу в это кучу часов и нервов, зато потом с наслаждением скажу «ну, я же говорила — это дичь!».«А как делают конкуренты?»Давайте убедимся, что никто больше не делает такую дичь.«Я это задокументирую» Создам 50 красиво оформленных слайдов с подробным разбором, почему эта идея — дичь.И хоть я и не заканчивала МГИМО, но высокие навыки обладания дипломатией налицо. Ладно, шутки шутками, но недавно поняла, что мне надо научиться в некоторых ситуациях пресекать обсуждения на корню и нести ответственность за дизайн-решения еще больше.Дизайнер — не сервис по генерации вариантов на любой вкус, а человек, который помогает компании быстрее и лучше достигать бизнес-целей. Если вовремя не сказать: «Стоп, я знаю, что так — лучше» или даже «Я не уверена, что это лучшее решение, но в данной ситуации — оно лучшее», можно бесконечно ходить кругами и ничего не релизить.Поэтому план-капкан на ближайшие месяцы: хочу лучше научиться отстаивать свои решения. И поменьше генерировать дизайн-дичь (если коллеги, конечено, позволят 🐁).
Тестируем концепцию широких колонок в Kanban-режиме. Удобно, когда у тебя реально много задач скопилось и нужно по ним принять решение.Такого почти нигде нет. Что-то типа “виртуальных колонок”. Собственно сложность в чём: 1. выравнивать ли карточки по высоте или делать “дырки”? 2. Как сортировать элементы (по x, затем по y, или сначала по y потом по x). 3. Как адекватно должны вести себя D&D при перетаскивании задачи, что бы не сломать мозг пользователю.Пока просто прототип, надеюсь до конца месяца будет в эфире)
