Product Design Team: «Как проводить количественные исследования и зачем они нужны»
https://designpub.ru/1e4cbc1b1c1d
📝 Дизайн-переводчик
https://designpub.ru/1e4cbc1b1c1d
📝 Дизайн-переводчик
Medium
Как проводить количественные исследования и зачем они нужны
В статье будут примеры того, как провалидировать гипотезы, собрать обратную связь, получить мнения пользователей до релиза. Рассказываем…
UX Teddy: «Как использовать расстояния между поверхностями в интерфейсе»
https://designpub.ru/77a4abae3663
📝 Дизайн-переводчик
https://designpub.ru/77a4abae3663
📝 Дизайн-переводчик
Medium
Как использовать расстояния между поверхностями в интерфейсе
Правильный способ применения падающих теней
Изображая цифровое искусство: становление профессии нейрохудожника https://u.habr.com/9uJY1
📝 Дизайн-переводчик
📝 Дизайн-переводчик
Хабр
Изображая цифровое искусство: становление профессии нейрохудожника
Привет, меня зовут Алина, и я нейрохудожник. В ТГ-канале « Параллельные издания » я выкладываю свои работы, сгенерированные в нейросети. Вы можете по-разному относиться...
Alex Nechaev: «Оттенки серого. Как нами манипулируют с помощью серых дизайн-паттернов | Alex Nechaev»
https://designpub.ru/64b455823b71
📝 Дизайн-переводчик
https://designpub.ru/64b455823b71
📝 Дизайн-переводчик
Medium
Оттенки серого
Как создатели приложений и сайтов манипулируют нами с помощью серых паттернов в дизайне
Саадия Минхас написала о нижней панели вкладок (tab bar).
— До неё легко дотянуться большим пальцем;
— На десктопе используется редко — на больших экранах её сложнее заметить;
— Включает 3−5 пунктов, ведущих на разделы верхнего уровня. Если разделов больше 5, можно добавить пункт More;
— Если используете нестандартные иконки, каждый пункт лучше сопроводить подписью;
— Если решили раскрасить иконки, не используйте слишком много цветов;
— Подписи: располагаются под иконками, короткие, без переноса на вторую строку, обрезания многоточием, уменьшения кегля, чтобы уместить текст;
— В альбомной ориентации телефона подписи можно разместить справа от иконок, чтобы заполнить пространство и освободить место для контента;
— Кроме цвета активный пункт можно выделить подложкой, точкой или полоской, заливкой контурной иконки;
— У пункта может быть индикатор, который показывает состояние контента в разделе, например, что там есть что-то новое. Счётчик показывает количество таких элементов в разделе;
— Не стоит делать неактивными или скрывать пункты, если внутри нет контента (вроде пустой корзины).
In English. #tab_bar
📝 Дизайн-переводчик
— До неё легко дотянуться большим пальцем;
— На десктопе используется редко — на больших экранах её сложнее заметить;
— Включает 3−5 пунктов, ведущих на разделы верхнего уровня. Если разделов больше 5, можно добавить пункт More;
— Если используете нестандартные иконки, каждый пункт лучше сопроводить подписью;
— Если решили раскрасить иконки, не используйте слишком много цветов;
— Подписи: располагаются под иконками, короткие, без переноса на вторую строку, обрезания многоточием, уменьшения кегля, чтобы уместить текст;
— В альбомной ориентации телефона подписи можно разместить справа от иконок, чтобы заполнить пространство и освободить место для контента;
— Кроме цвета активный пункт можно выделить подложкой, точкой или полоской, заливкой контурной иконки;
— У пункта может быть индикатор, который показывает состояние контента в разделе, например, что там есть что-то новое. Счётчик показывает количество таких элементов в разделе;
— Не стоит делать неактивными или скрывать пункты, если внутри нет контента (вроде пустой корзины).
In English. #tab_bar
📝 Дизайн-переводчик
www.uprock.ru
Проектируем нижнюю панель вкладок: лучшие практики — читайте на UPROCK
Нижняя панель вкладок — эффективный паттерн, который позволяет пользователям мобильных устройств быстро переключаться между разделами приложения. Но важно спроектировать такую навигацию правильно. Сегодня мы рассмотрим лучшие практики, которые помогут вам…
UX Teddy: «Как спроектировать фильтр со множеством параметров»
https://designpub.ru/45166d7fd911
📝 Дизайн-переводчик
https://designpub.ru/45166d7fd911
📝 Дизайн-переводчик
Medium
Как спроектировать фильтр со множеством параметров
Дизайн больших фильтров для десктопных и мобильных версий
🖼️Teads добавляет кастомную ленту и вкладку «Медиа» в профили
Teads представила новые функции, аналогичные тем, что есть в X: вкладка «Медиа» для фильтрации постов с изображениями и видео, а также возможность создавать пользовательские ленты новостей на основе ключевых слов или профилей.
Подробнее на сайте
📝 Дизайн-переводчик
Teads представила новые функции, аналогичные тем, что есть в X: вкладка «Медиа» для фильтрации постов с изображениями и видео, а также возможность создавать пользовательские ленты новостей на основе ключевых слов или профилей.
Подробнее на сайте
📝 Дизайн-переводчик
Зачем и как проектировать пользовательский опыт в B2B BI-проектах https://u.habr.com/BceL4
📝 Дизайн-переводчик
📝 Дизайн-переводчик
Хабр
Зачем и как проектировать пользовательский опыт в B2B BI-проектах
В ходе реализации проектов по аналитической отчетности одним из важных элементов является создание дашбордов, то есть информационных панелей, на которых будут выводиться важные для компании данные. К...
Анастасия Жидкова: «Как мы делали стартап, а получился…»
https://designpub.ru/83791069570c
📝 Дизайн-переводчик
https://designpub.ru/83791069570c
📝 Дизайн-переводчик
Medium
Как мы делали стартап, а получился…
В этой статье расскажу, как мы делали первый в своей жизни стартап, как придумывали и тестили гипотезы, чему научились.
This media is not supported in your browser
VIEW IN TELEGRAM
Figma запускает новые функции, которые помогут компаниям внедрять системы дизайна
Новые функции Figma, такие как Code Connect, переменные типографики и градиентов, а также API аналитики библиотек, позволяют компаниям эффективно внедрять системы дизайна.
📝 Дизайн-переводчик
Новые функции Figma, такие как Code Connect, переменные типографики и градиентов, а также API аналитики библиотек, позволяют компаниям эффективно внедрять системы дизайна.
📝 Дизайн-переводчик
[Перевод] Wireframe vs. mockup vs. prototype: в чем разница? https://u.habr.com/WP5vi
📝 Дизайн-переводчик
📝 Дизайн-переводчик
Хабр
Wireframe vs. mockup vs. prototype: в чем разница?
От переводчика. Привет! Цель перевода этой статьи проста - провести четкие границы между обозначенными выше терминами. При проектировании новых сценариев для B2B CRM я столкнулся с тем, что каждый...
Как оживить Кандинский матрицами вращений для генерации видео — модель Splitter (часть 2-я) https://u.habr.com/yPD4J
📝 Дизайн-переводчик
📝 Дизайн-переводчик
Хабр
Как оживить Кандинский матрицами вращений для генерации видео — модель Splitter (часть 2-я)
В первой части , я познакомил вас c подходом для генерации видео, который основан на матрицах вращений. К нему меня привела интуиция, а затем я начал работать на формализацией идеи, после первичного...
Роб МакКоган написал о влиянии типографики на восприятие и поведение.
— Более контрастный цвет повышает разборчивость текста и делает его более убедительным;
— Более сложный для восприятия шрифт (Brush Script против Arial) усложняет чтение и стимулирует критичное отношение к написанному, что помогает заметить подвох. Если таким набрано задание, оценка времени его выполнения будет больше (в эксперименте — почти в 2 раза);
— Есть ассоциативная связь между словами и формой. Слово «Кики» — угловатая форма, «Буба» — обтекаемая. Используя подходящую или неподходящую форму, можно создать гармонию или конфликт;
— Когда шрифт соответствует смыслу, такой текст читают быстрее. Например, Truck и шрифт Impact, Flower и шрифт Snell Roundhand;
— Если типографика оптимизирована, человек меньше устаёт и лучше потом решает задачи на сообразительность;
— При рецензировании научных материалов положительные оценки чаще получали статьи с иллюстрациями, подготовленными графическими дизайнерами (а не учёными).
In English. #typography
📝 Дизайн-переводчик
— Более контрастный цвет повышает разборчивость текста и делает его более убедительным;
— Более сложный для восприятия шрифт (Brush Script против Arial) усложняет чтение и стимулирует критичное отношение к написанному, что помогает заметить подвох. Если таким набрано задание, оценка времени его выполнения будет больше (в эксперименте — почти в 2 раза);
— Есть ассоциативная связь между словами и формой. Слово «Кики» — угловатая форма, «Буба» — обтекаемая. Используя подходящую или неподходящую форму, можно создать гармонию или конфликт;
— Когда шрифт соответствует смыслу, такой текст читают быстрее. Например, Truck и шрифт Impact, Flower и шрифт Snell Roundhand;
— Если типографика оптимизирована, человек меньше устаёт и лучше потом решает задачи на сообразительность;
— При рецензировании научных материалов положительные оценки чаще получали статьи с иллюстрациями, подготовленными графическими дизайнерами (а не учёными).
In English. #typography
📝 Дизайн-переводчик
www.uprock.ru
Скрытая сила типографики: как дизайнерские решения влияют на восприятие и поведение — читайте на UPROCK
Типографика — не просто элемент эстетики, это инструмент, который может сделать ваш дизайн более убедительным и эффективным. Важно использовать его правильно.. читайте полезные статьи о дизайне в блоге UPROCK
Google Workspace получает новые функции и интеграцию Gemini в облако
Google Workspace получает новые функции и интеграцию с Gemini:
- улучшенное составление электронных писем в Gmail,
- оптимизированная организация документов в Docs,
- более умные электронные таблицы в Sheets,
- общение на основе искусственного интеллекта в Chat & Meet,
- расширенные функции встреч,
- повышенная безопасность данных.
📝 Дизайн-переводчик
Google Workspace получает новые функции и интеграцию с Gemini:
- улучшенное составление электронных писем в Gmail,
- оптимизированная организация документов в Docs,
- более умные электронные таблицы в Sheets,
- общение на основе искусственного интеллекта в Chat & Meet,
- расширенные функции встреч,
- повышенная безопасность данных.
📝 Дизайн-переводчик
Анастасия Жичкина и Константин Ефимов написали, сколько респондентов достаточно.
— Люди по-разному используют ваш продукт. Эти отличия могут быть описаны как сегменты или персоны;
— Ответ на вопрос о количестве респондентов зависит от ответов: 1) Сколько человек на сегмент нужно; 2) Сколько сегментов берём;
— На первый ответ большое влияние оказывает давление ситуации: сроки и бюджет. Поэтому авторы почти никогда не берут 10 человек на сегмент, как рекомендует Штейнберг;
— Виктор Йокко предложил формулу, которая хорошо описывает реальность формирования выборки: (3 человека на сегмент × Коэффициент неизученности × Количество сегментов / Опыт исследователя) − Ограничение ресурсов;
— Коэффициент неизученности: существующий продукт (1), создание нового продукта (2), обобщение, не связанное с выпускаемым продуктом (3);
— Опыт исследователя: нет (1), за каждые 5 лет опыта (+0,1);
— Ограничение ресурсов: нет (0), есть (вычитаем произвольное количество респондентов, если не хватает ресурсов);
— Можно сделать сплиттинг — взять меньше человек для изучения менее важных сегментов;
— Сколько сегментов брать? Штейнберг выделяет сегменты: 1) Типичные носители практики — взяли кредит у нас; 2) Нетипичные носители практики — взяли кредит у нас, получая пенсию по инвалидности; 3) Носители типичных свойств, но не практики — взяли кредит у конкурентов; 4) Эксперты — кредитный аналитик;
— Обычно достаточно типичных носителей практики: чужие клиенты нужны для поиска конкурентного преимущества, экспертов искать сложнее и дороже, а нетипичные носители практики приносят меньше прибыли;
— При этом может быть несколько вариантов практик, например, ипотека и потребительские кредиты;
— Сегмент — это люди, которые одинаково используют, покупают или воспринимают продукт. Как до исследования узнать о различиях между людьми? Можно предположить, например, разделив их по сумме кредита, полу и возрасту;
— Но итоговая сегментация может отличаться. В ходе исследования может выясниться, что пол и возраст не важны, а на использование продукта влияет, например, нужен кредит срочно или человек готов подождать;
— Экспертов стоит включить: а) когда ничего не известно о рынке и нужная информация не гуглится, б) когда информации много, но она противоречива и её тяжело обобщить.
#interview
📝 Дизайн-переводчик
— Люди по-разному используют ваш продукт. Эти отличия могут быть описаны как сегменты или персоны;
— Ответ на вопрос о количестве респондентов зависит от ответов: 1) Сколько человек на сегмент нужно; 2) Сколько сегментов берём;
— На первый ответ большое влияние оказывает давление ситуации: сроки и бюджет. Поэтому авторы почти никогда не берут 10 человек на сегмент, как рекомендует Штейнберг;
— Виктор Йокко предложил формулу, которая хорошо описывает реальность формирования выборки: (3 человека на сегмент × Коэффициент неизученности × Количество сегментов / Опыт исследователя) − Ограничение ресурсов;
— Коэффициент неизученности: существующий продукт (1), создание нового продукта (2), обобщение, не связанное с выпускаемым продуктом (3);
— Опыт исследователя: нет (1), за каждые 5 лет опыта (+0,1);
— Ограничение ресурсов: нет (0), есть (вычитаем произвольное количество респондентов, если не хватает ресурсов);
— Можно сделать сплиттинг — взять меньше человек для изучения менее важных сегментов;
— Сколько сегментов брать? Штейнберг выделяет сегменты: 1) Типичные носители практики — взяли кредит у нас; 2) Нетипичные носители практики — взяли кредит у нас, получая пенсию по инвалидности; 3) Носители типичных свойств, но не практики — взяли кредит у конкурентов; 4) Эксперты — кредитный аналитик;
— Обычно достаточно типичных носителей практики: чужие клиенты нужны для поиска конкурентного преимущества, экспертов искать сложнее и дороже, а нетипичные носители практики приносят меньше прибыли;
— При этом может быть несколько вариантов практик, например, ипотека и потребительские кредиты;
— Сегмент — это люди, которые одинаково используют, покупают или воспринимают продукт. Как до исследования узнать о различиях между людьми? Можно предположить, например, разделив их по сумме кредита, полу и возрасту;
— Но итоговая сегментация может отличаться. В ходе исследования может выясниться, что пол и возраст не важны, а на использование продукта влияет, например, нужен кредит срочно или человек готов подождать;
— Экспертов стоит включить: а) когда ничего не известно о рынке и нужная информация не гуглится, б) когда информации много, но она противоречива и её тяжело обобщить.
#interview
📝 Дизайн-переводчик
qual.education
Интервью: сколько респондентов достаточно?
Узнайте, как определить оптимальное количество респондентов для вашего исследования. Исследуйте факторы, влияющие на размер выборки, и обеспечьте точные и надежные результаты.