Forwarded from Design Board
This media is not supported in your browser
VIEW IN TELEGRAM
Обнял, приподнял, покружил, поставил на место.
Forwarded from UX Notes (Антон Григорьев)
Михаил Нежник подготовил для начинающих гайд по Фигме: слои, автолейауты, ограничители, стили, компоненты и варианты.
— Big nudge — значение, на которое с зажатым Shift сдвигается элемент на холсте или изменяется значение в поле. По умолчанию 10. Поставьте его равным основному модулю, часто это 8;
— Что можно сделать свойством, не должно быть отдельным слоем. Например, заливка кнопки должна быть свойством Fill, а не отдельным слоем с цветным прямоугольником;
— Функция Select all with позволяет на всей странице выбрать все слои, например, с такой же заливкой или свойствами текста;
— Чтобы раскрыть все слои внутри выбранного, можно нажать на находящийся рядом с ним шеврон с зажатым Option;
— Свойство Canvas stacking регулирует, какие слои внутри автолейаута находятся визуально выше. Может пригодится, когда на одном из слоев окажется выходящий за его границы дропдаун;
— К свойствам Fill container и Hug contents можно добавить минимальную и максимальную ширину, на которые автолейаут может растягиваться;
— Если цветовые стили разделены на категории (Text, Background, Stroke и так далее), в выбранном элементе интерфейса можно быстро изменить цвета, например, только текста;
— Если в текстовом слое написать «:» и первые символы слова, появится список эмодзи;
— Атомарный подход: внутри одного компонента (молекулы) могут находиться другие (атомы). С помощью Nested instances свойства атомов можно вынести на панель молекулы, чтобы не проваливаться каждый раз до атомов для настройки.
#figma
— Big nudge — значение, на которое с зажатым Shift сдвигается элемент на холсте или изменяется значение в поле. По умолчанию 10. Поставьте его равным основному модулю, часто это 8;
— Что можно сделать свойством, не должно быть отдельным слоем. Например, заливка кнопки должна быть свойством Fill, а не отдельным слоем с цветным прямоугольником;
— Функция Select all with позволяет на всей странице выбрать все слои, например, с такой же заливкой или свойствами текста;
— Чтобы раскрыть все слои внутри выбранного, можно нажать на находящийся рядом с ним шеврон с зажатым Option;
— Свойство Canvas stacking регулирует, какие слои внутри автолейаута находятся визуально выше. Может пригодится, когда на одном из слоев окажется выходящий за его границы дропдаун;
— К свойствам Fill container и Hug contents можно добавить минимальную и максимальную ширину, на которые автолейаут может растягиваться;
— Если цветовые стили разделены на категории (Text, Background, Stroke и так далее), в выбранном элементе интерфейса можно быстро изменить цвета, например, только текста;
— Если в текстовом слое написать «:» и первые символы слова, появится список эмодзи;
— Атомарный подход: внутри одного компонента (молекулы) могут находиться другие (атомы). С помощью Nested instances свойства атомов можно вынести на панель молекулы, чтобы не проваливаться каждый раз до атомов для настройки.
#figma
Forwarded from VanillaTime
YouTube
Design & Creativity — DesignSpot Live Stream
Приглашаем на нескучный разговор о дизайне и творчестве!
Телеграм-канал Антона, UX notes — https://t.me/uxnotes
Телеграм-канал Димы, Vanilla Time — https://t.me/vanillatime
20 февраля Дима Ваницкий, широко известный в узких кругах, как Ванильный Гром, и…
Телеграм-канал Антона, UX notes — https://t.me/uxnotes
Телеграм-канал Димы, Vanilla Time — https://t.me/vanillatime
20 февраля Дима Ваницкий, широко известный в узких кругах, как Ванильный Гром, и…
20 февраля ваш покорный слуга вместе с Антоном Григорьевым, автором канала UX-notes встретятся за чашкой кофе, чтобы поговорить о творчестве в дизайне... или дизайне в творчестве. Короч о чём-то поговорить 😄
Что будет:
— Где грань между креативностью и профессионализмом? Разберёмся.
— Технологии vs Человеческий интеллект. И это всё, что ты можешь, AI?
— Истории креативного успеха и дизайнерского провала.
Формат: Live-стрим с открытыми вопросами и честными ответами.
Постараемся не лить воды (хотя может немного, чтобы информация лучше жевалась), а выдавать концентрат профессиональной энергии! 🚀
Ссылка на сам стрим (там и напоминашку можно поставить).
Что будет:
— Где грань между креативностью и профессионализмом? Разберёмся.
— Технологии vs Человеческий интеллект. И это всё, что ты можешь, AI?
— Истории креативного успеха и дизайнерского провала.
Формат: Live-стрим с открытыми вопросами и честными ответами.
Постараемся не лить воды (хотя может немного, чтобы информация лучше жевалась), а выдавать концентрат профессиональной энергии! 🚀
Ссылка на сам стрим (там и напоминашку можно поставить).
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from UX Notes (Антон Григорьев)
Павел Шерер дописал цикл о функциональной архитектуре: о детальном проектировании и подводных камнях.
— У каждой функции и функционального раздела должно быть уникальное название: конкретное и максимально понятное, чтобы сразу уловить суть, на английском;
— Название функции должно отражать действие. Например: AddUser;
— Функциональные сценарии прорабатываются итеративно: от простых к детализированным, чтобы успевать накопить достаточно данных для глубокой проработки;
— Описать функцию с помощью схем не всегда возможно, иногда поможет только текст;
— Описание должно включать назначение, входные и выходные данные, зависимости (например, confirmPhone нельзя реализовать, пока не заработает sendSMS), пример использования;
— Сюда можно добавить User Stories, Use Cases и всё, что посчитаете нужным;
— Если названия макетов будут соответствовать документации, это упростит жизнь разработчикам. Например, ShoppingCart — корзина, ShoppingCart.empty — её пустое состояние;
— Нужен баланс в уровне проработки. Слишком общая проработка отрывает архитектуру от реальности. Слишком детальная перегружает, усложняет восприятие и развитие;
— Если рано детализировать одну подсистему, не получится учесть нюансы других (которые ещё не проработаны), и работа может отправиться в мусорку;
— Невозможно задизайнить сложную систему, не понимая, как она будет работать. Но нельзя знать всё. Чем раньше вы «обстучите» свои решения об коллег, тем надёжнее они станут;
— Отдельная задача — убедить бизнес не начинать разработку слишком рано, недостаточно проработав проект;
— Будьте готовы в процессе детальных изысканий возвращаться на высокий уровень на существенно его изменять.
#functional_architecture
— У каждой функции и функционального раздела должно быть уникальное название: конкретное и максимально понятное, чтобы сразу уловить суть, на английском;
— Название функции должно отражать действие. Например: AddUser;
— Функциональные сценарии прорабатываются итеративно: от простых к детализированным, чтобы успевать накопить достаточно данных для глубокой проработки;
— Описать функцию с помощью схем не всегда возможно, иногда поможет только текст;
— Описание должно включать назначение, входные и выходные данные, зависимости (например, confirmPhone нельзя реализовать, пока не заработает sendSMS), пример использования;
— Сюда можно добавить User Stories, Use Cases и всё, что посчитаете нужным;
— Если названия макетов будут соответствовать документации, это упростит жизнь разработчикам. Например, ShoppingCart — корзина, ShoppingCart.empty — её пустое состояние;
— Нужен баланс в уровне проработки. Слишком общая проработка отрывает архитектуру от реальности. Слишком детальная перегружает, усложняет восприятие и развитие;
— Если рано детализировать одну подсистему, не получится учесть нюансы других (которые ещё не проработаны), и работа может отправиться в мусорку;
— Невозможно задизайнить сложную систему, не понимая, как она будет работать. Но нельзя знать всё. Чем раньше вы «обстучите» свои решения об коллег, тем надёжнее они станут;
— Отдельная задача — убедить бизнес не начинать разработку слишком рано, недостаточно проработав проект;
— Будьте готовы в процессе детальных изысканий возвращаться на высокий уровень на существенно его изменять.
#functional_architecture
Павел Шерер
Функциональная архитектура цифровых продуктов, часть 5
Детальное функциональное проектирование и частые, но не всегда очевидные подводные камни.
Forwarded from UX Notes (Антон Григорьев)
Ира Моторина написала о формировании тональности голоса продукта с помощью Emotional journey map.
— Простота, полезность и понятность не могут быть особенностью голоса продукта, это общие принципы коммуникации. Кто будет читать сложный, бесполезный и непонятный текст?
— Голос зависит от легаси (визуальный стиль и так далее), аудитории и ценностей (ради чего продукт выбирают);
— Пример ценностей продукта, связанного с безопасностью: спокойствие и своевременность;
— Текст может не отражать все ценности, но не должен им противоречить;
— Уникальный голос повышает узнаваемость продукта;
— Тональность голоса зависит от сценария. Ради основных сценариев люди используют продукт (заказ такси). Второстепенные не обязательны (оценка поездки, оплата бонусами);
— В Bolt на экранах заказа такси текст нейтральный, короткий и безличный, чтобы не отвлекать. На карточках в магазине приложений — эмоциональные глаголы, сильные прилагательные, которые призваны заинтересовать;
— Предложите пользователям выполнить задачи в продукте и оценить свои эмоции (можно предложить варианты из исследования Пола Экмана);
— Эмоции людей должны определять реакцию продукта, не наоборот. Случилось что-то хорошее — радуемся вместе с пользователем, возникли проблемы — проявляем сочувствие;
— Естественный тон голоса повышает вовлечённость, конверсию и удовлетворённость пользователей.
#tov
— Простота, полезность и понятность не могут быть особенностью голоса продукта, это общие принципы коммуникации. Кто будет читать сложный, бесполезный и непонятный текст?
— Голос зависит от легаси (визуальный стиль и так далее), аудитории и ценностей (ради чего продукт выбирают);
— Пример ценностей продукта, связанного с безопасностью: спокойствие и своевременность;
— Текст может не отражать все ценности, но не должен им противоречить;
— Уникальный голос повышает узнаваемость продукта;
— Тональность голоса зависит от сценария. Ради основных сценариев люди используют продукт (заказ такси). Второстепенные не обязательны (оценка поездки, оплата бонусами);
— В Bolt на экранах заказа такси текст нейтральный, короткий и безличный, чтобы не отвлекать. На карточках в магазине приложений — эмоциональные глаголы, сильные прилагательные, которые призваны заинтересовать;
— Предложите пользователям выполнить задачи в продукте и оценить свои эмоции (можно предложить варианты из исследования Пола Экмана);
— Эмоции людей должны определять реакцию продукта, не наоборот. Случилось что-то хорошее — радуемся вместе с пользователем, возникли проблемы — проявляем сочувствие;
— Естественный тон голоса повышает вовлечённость, конверсию и удовлетворённость пользователей.
#tov
Forwarded from MAX agency / Илья Лайтнер
This media is not supported in your browser
VIEW IN TELEGRAM
Forwarded from MAX agency / Илья Лайтнер
Вакансия дизайнера! В кругляшке детали )
Отклик: https://airtable.com/appd9OwBHffDMVkkG/shrSQUmZwJjhOoiQM
Ждём мидл+ и выше.
В штат на постоянку, не левак )
Завтра вечером с нас решение, готовы на быстрый найм 🔥
Отклик: https://airtable.com/appd9OwBHffDMVkkG/shrSQUmZwJjhOoiQM
Ждём мидл+ и выше.
В штат на постоянку, не левак )
Завтра вечером с нас решение, готовы на быстрый найм 🔥
Forwarded from MAX agency / Илья Лайтнер
Уточнение. Ищем визуальщика. Студийщика. Модного или модную :) Если хотите в продукт — метрикам, аналитике и исследованиям — обучим. Если нет — завалим визуальной работой :) платим норм )
Forwarded from MAX agency / Илья Лайтнер
Фавориты есть! Будем завтра писать и ставить собесы )) но ждём еще, если кто собирается — обязательно пишите 🤝💚
Forwarded from MAX agency / Илья Лайтнер
Человек найден! Всем спасибо! Сделали оффер 🤝 (завтра есть еще один собес, мб возьмем 2 дизайнеров)
Завтра досмотрим недавно попавшие отклики обязательно! Мы набираем обороты и клевых дизайнеров будем искать часто ) поэтому сразу будем формировать шортлисты на будущее
Спасибо вам еще раз за скорость и за крутые отклики 🥰
Завтра досмотрим недавно попавшие отклики обязательно! Мы набираем обороты и клевых дизайнеров будем искать часто ) поэтому сразу будем формировать шортлисты на будущее
Спасибо вам еще раз за скорость и за крутые отклики 🥰
Forwarded from MAX agency / Илья Лайтнер
Отрицательная амбиция
Думаю, что в абиции определнно есть эмоцональная часть. Наверное, амбция — это стремление, а сильная амбиция — это эмоциональное стремление.
Кажется, что человек — намного более эмоцинальное существо, чем рациональное :))) От этого и интереснее становится заголовок про отрицательную амбицию: ведь как можно отрицательно стремиться к чему-либо?
Я преследовал цель привлечь ваше внимание этой несостыковкой, которую придумал пока ехал в лифте с минус первого этажа на восьмой, а сейчас понимаю, что это фраза-логотип: думаешь о ней и все больше смыслов находишь.
Верну нас в повествование роста. Роста компании или профессионала по карьере. Короче всего такого, что измеряется и имеет понятные очертания для стремления.
Три-четыре месяца назад на меня сошел громадный инсайт. Сейчас им поделюсь. Я периодически себя «заставляю» ставить под сомнение приемы, которые дали выхлоп и от этого пришел к идее, что, возможно, рецепт роста не в подкрутке текущего и в масштабировании, а в исправлении фундамента того что имею. Что, возможно, фундамент кривой и мне надо работать с ним и только тогда будет необходимый рост. То есть, нужно стремления предпринимателя и эмоциональные загоны, характерзиующиеся хвостом павлина, какую-никакую зависимость от чужого мнения, деление людей на «крутых» и «не крутых», «горение результатом» и умение «выбить показатель» — стоит отключить, сказать, что тебе это не нужно, потому что сейчас это мешает увидеть пропущенные шаги в прошлом.
Отрицательная амбиция, это, наверное, стремление, в котором есть намерение признать, что были допущены ошибки, что была пропущена какая-то «база», понять что без шага назад не сделать прорыв ни сейчас, ни в следующем году.
Это будто не про амбицию, а про честный анализ прошлого и общение с собой «взрослым», у которого получилось. «Взрослого», который не про «сахарные инъекции», а сперва про здоровую базу текущего момента.
Я не знаю насколько это доставерно, потому что я также замечал, что мозг может строить конструкции, верить в построенное, а на деле можно перескочить любой уровень и нету канонов, законов и последовательностей.
Однако, я вижу некоторые последствия в амбициозном подходе и сейчас проживаю отрицательные амбции и считаю для себя это рецептом роста
Думаю, что в абиции определнно есть эмоцональная часть. Наверное, амбция — это стремление, а сильная амбиция — это эмоциональное стремление.
Кажется, что человек — намного более эмоцинальное существо, чем рациональное :))) От этого и интереснее становится заголовок про отрицательную амбицию: ведь как можно отрицательно стремиться к чему-либо?
Я преследовал цель привлечь ваше внимание этой несостыковкой, которую придумал пока ехал в лифте с минус первого этажа на восьмой, а сейчас понимаю, что это фраза-логотип: думаешь о ней и все больше смыслов находишь.
Верну нас в повествование роста. Роста компании или профессионала по карьере. Короче всего такого, что измеряется и имеет понятные очертания для стремления.
Три-четыре месяца назад на меня сошел громадный инсайт. Сейчас им поделюсь. Я периодически себя «заставляю» ставить под сомнение приемы, которые дали выхлоп и от этого пришел к идее, что, возможно, рецепт роста не в подкрутке текущего и в масштабировании, а в исправлении фундамента того что имею. Что, возможно, фундамент кривой и мне надо работать с ним и только тогда будет необходимый рост. То есть, нужно стремления предпринимателя и эмоциональные загоны, характерзиующиеся хвостом павлина, какую-никакую зависимость от чужого мнения, деление людей на «крутых» и «не крутых», «горение результатом» и умение «выбить показатель» — стоит отключить, сказать, что тебе это не нужно, потому что сейчас это мешает увидеть пропущенные шаги в прошлом.
Отрицательная амбиция, это, наверное, стремление, в котором есть намерение признать, что были допущены ошибки, что была пропущена какая-то «база», понять что без шага назад не сделать прорыв ни сейчас, ни в следующем году.
Это будто не про амбицию, а про честный анализ прошлого и общение с собой «взрослым», у которого получилось. «Взрослого», который не про «сахарные инъекции», а сперва про здоровую базу текущего момента.
Я не знаю насколько это доставерно, потому что я также замечал, что мозг может строить конструкции, верить в построенное, а на деле можно перескочить любой уровень и нету канонов, законов и последовательностей.
Однако, я вижу некоторые последствия в амбициозном подходе и сейчас проживаю отрицательные амбции и считаю для себя это рецептом роста
Forwarded from Node.JS [ru] | Серверный JavaScript
Почему разработка собственного инструмента для нагрузки на API иногда оказывается лучшим выбором? В статье обсуждается реальный кейс: задачи тестирования производительности, ограничения Postman и сложность JMeter. Узнайте, как и зачем был создан простой и эффективный API-лоадер на Node.js.
Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Node.JS [ru] | Серверный JavaScript
• Сравнение Gitlab cache и Gitlab artifacts
• JavaScript: Удобство или Угроза? Размышления о Приватности и Вебе
• Как мы учили немонохромные SVG-логотипы краситься самостоятельно
• Разбираемся с цветами: пространства, иллюзии и квантование
• Как приготовить обфускацию в JavaScript и не сжечь лабораторию: AST, babel, плагины
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Node.JS [ru] | Серверный JavaScript
Как добавить новое поле в базу данных и связать его с фронтендом? В статье рассказывается об обновлении таблицы Webhook, создании календаря на Angular и настройке работы с временными зонами и локализацией.
Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Node.JS [ru] | Серверный JavaScript
Как в 16 байтах кода уместился целый дракон? Разбираем, какие трюки позволяют создавать сложные изображения с минимальным объёмом данных, и переносим эту магию в JavaScript.
Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Node.JS [ru] | Серверный JavaScript
Статья исследует концепцию потоков в Node.js, объясняя их ключевую роль в модулях, таких как fs и http. Рассматриваются основные концепции и ментальная модель, помогающая понять и эффективно использовать потоки.
Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM