Forwarded from Дизайн-Телега 🔥
This media is not supported in your browser
VIEW IN TELEGRAM
Ресурсы Apple для дизайна — iOS 17 и iPadOS 17
Первый официальный комплект дизайна Apple для Figma содержит полный набор компонентов, системных интерфейсов, стилей текста, цветовых стилей, материалов и руководств по компоновке.
Все основные компоненты, необходимые для быстрого создания высокореалистичных дизайнов приложений для iOS и iPadOS.
#DesignSystem #Uik #Apple #iOS
Открыть в Figma
Первый официальный комплект дизайна Apple для Figma содержит полный набор компонентов, системных интерфейсов, стилей текста, цветовых стилей, материалов и руководств по компоновке.
Все основные компоненты, необходимые для быстрого создания высокореалистичных дизайнов приложений для iOS и iPadOS.
#DesignSystem #Uik #Apple #iOS
Открыть в Figma
Forwarded from Node.JS [ru] | Серверный JavaScript
Как в приложении Node.js происходит обработка клиентских запросов? Какая функция помогает обрабатывать тот или иной запрос? Чтобы ответить на эти вопросы, заглянем в "закулисье" маршрутизации фреймворка Express.
Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Designdealer
This media is not supported in your browser
VIEW IN TELEGRAM
Apple представила Creator Studio – подписку за $12,99 в месяц или $129 в год, которая объединяет все основные приложения для творчества в одном пакете. Это самый простой способ зайти в профессиональный продакшн без покупки каждого инструмента отдельно.
Внутри подписки:
– Final Cut Pro
– Logic Pro
– Pixelmator Pro
– Motion
– Compressor
– MainStage
Полный набор для работы с видео, музыкой и графикой на Mac и iPad.
Внутри подписки:
– Final Cut Pro
– Logic Pro
– Pixelmator Pro
– Motion
– Compressor
– MainStage
Полный набор для работы с видео, музыкой и графикой на Mac и iPad.
Forwarded from Адовый UX
This media is not supported in your browser
VIEW IN TELEGRAM
Один из видов ебанизма, который приводит к адовому юиксу™®©, это желание делать что-то в виде чего-то
Дом в виде корабля. Сумка в виде маски. Автомобиль в виде собаки. Мотоцикл в виде коня. Унитаз в виде черепа. Ванна в виде унитаза
Дом в виде корабля. Сумка в виде маски. Автомобиль в виде собаки. Мотоцикл в виде коня. Унитаз в виде черепа. Ванна в виде унитаза
Forwarded from Адовый UX
#адовый_познавательный
Диаграмма показывает долю водителей, согласившихся на донорство органов в случае своей смерти в ДТП. Вопрос задавался при заполнении анкеты на получение водительских прав
Почему «конверсия» так разительно отличается в разных странах? Исследование показало, что дело не в культуре, не в социальной рекламе и даже не не в религии
Дело в дизайне анкеты, а точнее, в варианте по умолчанию:
— Поставьте галочку, если вы хотите участвовать в программе донорства органов
— Поставьте галочку, если вы не хотите участвовать в программе донорства органов
В странах с низкой конверсией нужно было сделать действие, чтобы согласиться, в странах с высокой конверсией, нужно было сделать действие, чтобы отказаться
Диаграмма показывает долю водителей, согласившихся на донорство органов в случае своей смерти в ДТП. Вопрос задавался при заполнении анкеты на получение водительских прав
Почему «конверсия» так разительно отличается в разных странах? Исследование показало, что дело не в культуре, не в социальной рекламе и даже не не в религии
Дело в дизайне анкеты, а точнее, в варианте по умолчанию:
— Поставьте галочку, если вы хотите участвовать в программе донорства органов
— Поставьте галочку, если вы не хотите участвовать в программе донорства органов
В странах с низкой конверсией нужно было сделать действие, чтобы согласиться, в странах с высокой конверсией, нужно было сделать действие, чтобы отказаться
Forwarded from UX Notes
Игорь написал об адаптации интерфейса android-приложения под увеличенный системный шрифт.
— Кроме размера системного шрифта на размер текста также влияет масштабирование экрана;
— Можно увеличить Display size и тогда, например, квадрат со стороной 48 dp будет отрисовываться не 132 физическими пикселями, а 144 (и станет больше);
— Комбинирование настроек может сделать важную информацию недоступной или ухудшить впечатление от интерфейса. В продукте Игоря 45% пользователей увеличивают текст;
— Текст можно обрезать: в начале, середине или конце. Скрытая часть заменяется многоточием;
— Можно сократить: заменить 99 000 000 на 99 млн. Но это не вариант там, где важна точность;
— Бегущая строка считается антипаттерном и применяется редко, если остальные способы не подходят;
— Перенос строк — через атрибут android:breakStrategy можно указать способ разбивки текста. Важно убедиться, что контейнер с текстом подстраивается под высоту контента;
— Авторазмер текста — текст меняет размер в зависимости от доступного пространства. Можно задать минимальное и максимальное значение, а также шаг изменения;
— Также можно добавить прокрутку внутри контейнера или вовсе использовать динамическую вёрстку, когда расположение элементов зависит от отображаемой информации;
— Приложение может вовсе запрещать увеличивать текст (это, конечно, ухудшает пользовательский опыт), либо делать это в собственных настройках (Телеграм);
— Это менее удобно пользователям и идёт вразрез с рекомендациями Material Design, но даёт разработчикам больше контроля и обеспечивает единообразие на разных устройствах.
#font #accessibility
— Кроме размера системного шрифта на размер текста также влияет масштабирование экрана;
— Можно увеличить Display size и тогда, например, квадрат со стороной 48 dp будет отрисовываться не 132 физическими пикселями, а 144 (и станет больше);
— Комбинирование настроек может сделать важную информацию недоступной или ухудшить впечатление от интерфейса. В продукте Игоря 45% пользователей увеличивают текст;
— Текст можно обрезать: в начале, середине или конце. Скрытая часть заменяется многоточием;
— Можно сократить: заменить 99 000 000 на 99 млн. Но это не вариант там, где важна точность;
— Бегущая строка считается антипаттерном и применяется редко, если остальные способы не подходят;
— Перенос строк — через атрибут android:breakStrategy можно указать способ разбивки текста. Важно убедиться, что контейнер с текстом подстраивается под высоту контента;
— Авторазмер текста — текст меняет размер в зависимости от доступного пространства. Можно задать минимальное и максимальное значение, а также шаг изменения;
— Также можно добавить прокрутку внутри контейнера или вовсе использовать динамическую вёрстку, когда расположение элементов зависит от отображаемой информации;
— Приложение может вовсе запрещать увеличивать текст (это, конечно, ухудшает пользовательский опыт), либо делать это в собственных настройках (Телеграм);
— Это менее удобно пользователям и идёт вразрез с рекомендациями Material Design, но даёт разработчикам больше контроля и обеспечивает единообразие на разных устройствах.
#font #accessibility
Forwarded from Адовый UX
Media is too big
VIEW IN TELEGRAM
Чем дольше смотришь на преимущества системы, тем сильнее укачивает и хочется блевануть
Forwarded from Адовый UX