Forwarded from UX Notes
Станислав Хрусталёв написал об интересных решениях в приложении Додо Пиццы.
— Количество калорий, белков, жиров и углеводов отображается на 100 г и на весь продукт — удобно, если съел весь продукт или половину;
— Если приборы не нужны, от них можно отказаться и сократить количество отходов;
— При выборе продукта он улетает в сторону корзины. Такая анимация подсказывает дальнейшее действие, а поскольку продуктов в корзину добавляют не десятками, она не приедается и не раздражает;
— Удалённый из корзины товар некоторое время продолжает в ней отображаться. Если удалили по ошибке, его не придётся снова искать в каталоге;
— При оформлении самовывоза сервис предлагает построить маршрут до пиццерии в одном из установленных на телефоне картографических сервисов;
— Если вы в пиццерии, через приложение можно сделать заказ с доставкой к столику — не надо идти к кассе;
— Стоит упомянуть: удаление ингредиентов, создание своей пиццы, пицца из половинок (и случайный выбор их сочетания), Live Activity, видеотрансляция приготовления пиццы на кухне, рассказ о том, почему готовят без перчаток (частый запрос).
#ecommerce
— Количество калорий, белков, жиров и углеводов отображается на 100 г и на весь продукт — удобно, если съел весь продукт или половину;
— Если приборы не нужны, от них можно отказаться и сократить количество отходов;
— При выборе продукта он улетает в сторону корзины. Такая анимация подсказывает дальнейшее действие, а поскольку продуктов в корзину добавляют не десятками, она не приедается и не раздражает;
— Удалённый из корзины товар некоторое время продолжает в ней отображаться. Если удалили по ошибке, его не придётся снова искать в каталоге;
— При оформлении самовывоза сервис предлагает построить маршрут до пиццерии в одном из установленных на телефоне картографических сервисов;
— Если вы в пиццерии, через приложение можно сделать заказ с доставкой к столику — не надо идти к кассе;
— Стоит упомянуть: удаление ингредиентов, создание своей пиццы, пицца из половинок (и случайный выбор их сочетания), Live Activity, видеотрансляция приготовления пиццы на кухне, рассказ о том, почему готовят без перчаток (частый запрос).
#ecommerce
Hardclient
20 вкусных фишек Додо Пиццы
Интересные моменты UX сервиса доставки, которые стоит взять на заметку
Forwarded from UX Notes
Дмитрий Сатин написал о недостатках тёмной темы.
— Исследования показали, что при 100% яркости тёмная тема на OLED-экране экономит заряд аккумулятора. Но при 30–50% (обычное значение для большинства пользователей) экономия незначительна;
— Чёрный текст на белом фоне люди читают быстрее и точнее, чем белый на чёрном. Чем меньше кегль, тем хуже работает тёмная тема;
— Исключение: яркий экран в тёмном окружении (в тёмной комнате) создаёт дискомфортный контраст;
— У людей с астигматизмом (30% населения) светлые буквы на тёмном фоне теряют чёткость, сливаются друг с другом;
— Сложнее считывать визуальную иерархию, так как сливаются границы блоков;
— Тонкие шрифты становятся слишком бледными, жирные — слишком тяжёлыми. Снижается контраст между цветами, включая ключевые цвета для индикации состояний: красный и зелёный;
— Отпечатки пальцев на экране, отражения и дневной свет делают тёмный интерфейс на улице слабочитаемым;
— Изменение тона цветов и снижение яркости влияют на восприятие бренда, сдвигают эмоциональное восприятие, что может разрушить целостность бренда;
— Включайте по умолчанию светлую тему, на видном месте расположите переключатель тем, добавьте автоматический режим, привязанный ко времени суток или системным настройкам;
— Тёмная тема требует отдельного раунда юзабилити-тестирования.
#dark_theme
— Исследования показали, что при 100% яркости тёмная тема на OLED-экране экономит заряд аккумулятора. Но при 30–50% (обычное значение для большинства пользователей) экономия незначительна;
— Чёрный текст на белом фоне люди читают быстрее и точнее, чем белый на чёрном. Чем меньше кегль, тем хуже работает тёмная тема;
— Исключение: яркий экран в тёмном окружении (в тёмной комнате) создаёт дискомфортный контраст;
— У людей с астигматизмом (30% населения) светлые буквы на тёмном фоне теряют чёткость, сливаются друг с другом;
— Сложнее считывать визуальную иерархию, так как сливаются границы блоков;
— Тонкие шрифты становятся слишком бледными, жирные — слишком тяжёлыми. Снижается контраст между цветами, включая ключевые цвета для индикации состояний: красный и зелёный;
— Отпечатки пальцев на экране, отражения и дневной свет делают тёмный интерфейс на улице слабочитаемым;
— Изменение тона цветов и снижение яркости влияют на восприятие бренда, сдвигают эмоциональное восприятие, что может разрушить целостность бренда;
— Включайте по умолчанию светлую тему, на видном месте расположите переключатель тем, добавьте автоматический режим, привязанный ко времени суток или системным настройкам;
— Тёмная тема требует отдельного раунда юзабилити-тестирования.
#dark_theme
UsabilityLab
Тёмная сторона dark mode
Почему тёмная тема — не всегда хорошее UX-решение. Исследования, данные и рекомендации от UX-экспертов UsabilityLab.
Forwarded from UX Notes
Алекс написал о выборе формата даты для отображения в интерфейсе.
— Дату 06/05/17 люди из разных стран поймут по-разному;
— Это будет 6 мая 2017 года в европейском формате, 5 июня 2017 года в американском, 17 мая 2006 года в японском стандарте;
— Формат YYYY-MM-DD (ISO 8601) исключает двусмысленность и применяется в международных системах;
— Его можно использовать в базах данных, API и серверных логах, финансовых и бухгалтерских системах, где цена ошибки высока;
— Для интерфейсов подойдёт формат с сокращённым названием месяца: 1 Jan 2001 (1 янв 2001) — британский стиль, используемый в международном английском;
— Сокращённое название месяца удобнее полного за счёт более короткой записи и простоты локализации.
#writing #time
— Дату 06/05/17 люди из разных стран поймут по-разному;
— Это будет 6 мая 2017 года в европейском формате, 5 июня 2017 года в американском, 17 мая 2006 года в японском стандарте;
— Формат YYYY-MM-DD (ISO 8601) исключает двусмысленность и применяется в международных системах;
— Его можно использовать в базах данных, API и серверных логах, финансовых и бухгалтерских системах, где цена ошибки высока;
— Для интерфейсов подойдёт формат с сокращённым названием месяца: 1 Jan 2001 (1 янв 2001) — британский стиль, используемый в международном английском;
— Сокращённое название месяца удобнее полного за счёт более короткой записи и простоты локализации.
#writing #time
Forwarded from Denis Sexy IT 🤖
#промо
Новые AI модели и инструменты выходят каждую неделю, городские сумасшедшие хоронят программирование, а кто-то, обложившись десятком агентов, создает супер-успешные проекты. Как с этим жить, решительно непонятно.
Ребята из Подлодки собрали закрытое сообщество инженеров, которые верят в то, что их профессия меняется, и хотят научиться использовать новые инструменты себе на пользу, не поддаваясь постоянному FOMO. Каждую неделю проводят несколько воркшопов с экспертами, которые активно используют AI в реальных проектах. Между встречами – закрытый чат, random coffee, хакатоны и куча другого движа. В сообществе уже 450 опытных инженеров, которые каждый день работают с агентами, и рассказывают, что работает, а что – нет.
В апреле-мае основной упор на несколько треков – spec-driven development, harness engineering и внедрение AI в компании. Вот что происходит в клубе прямо сейчас:
• Один из инженеров Cursor рассказывает, как они живут с огромной кодовой базой, которую им написал AI еще предыдущего поколения.
• Разбор CodeSpeak, языка программирования нового поколения для AI, вместе с его создателем Андреем Бреславом.
• Воркшоп про исполняемые спецификации и методы верификации агентского кода, которые позволяют подпускать AI к высоконагруженным mission critical системам.
• Двухнедельный hacker sprint, на котором маленькие команды пилят свои собственные фиче-фабрики, они же оркестраторы агентов – системы, которые автоматически решают задачи из вашего бэклога.
Вход в клуб через заявки, критерии отбора – большой опыт прикладной разработки и личный опыт с AI инструментами.
Все подробности и расписание – на сайте.
#текстприслан
Новые AI модели и инструменты выходят каждую неделю, городские сумасшедшие хоронят программирование, а кто-то, обложившись десятком агентов, создает супер-успешные проекты. Как с этим жить, решительно непонятно.
Ребята из Подлодки собрали закрытое сообщество инженеров, которые верят в то, что их профессия меняется, и хотят научиться использовать новые инструменты себе на пользу, не поддаваясь постоянному FOMO. Каждую неделю проводят несколько воркшопов с экспертами, которые активно используют AI в реальных проектах. Между встречами – закрытый чат, random coffee, хакатоны и куча другого движа. В сообществе уже 450 опытных инженеров, которые каждый день работают с агентами, и рассказывают, что работает, а что – нет.
В апреле-мае основной упор на несколько треков – spec-driven development, harness engineering и внедрение AI в компании. Вот что происходит в клубе прямо сейчас:
• Один из инженеров Cursor рассказывает, как они живут с огромной кодовой базой, которую им написал AI еще предыдущего поколения.
• Разбор CodeSpeak, языка программирования нового поколения для AI, вместе с его создателем Андреем Бреславом.
• Воркшоп про исполняемые спецификации и методы верификации агентского кода, которые позволяют подпускать AI к высоконагруженным mission critical системам.
• Двухнедельный hacker sprint, на котором маленькие команды пилят свои собственные фиче-фабрики, они же оркестраторы агентов – системы, которые автоматически решают задачи из вашего бэклога.
Вход в клуб через заявки, критерии отбора – большой опыт прикладной разработки и личный опыт с AI инструментами.
Все подробности и расписание – на сайте.
#текстприслан
Podlodka AI Engineers Club
Учимся применять AI и внедрять его в команды. Еженедельные сессии с экспертами и живое сообщество от создателей подкаста Подлодка.
Forwarded from Веб-стандарты (Vadim Makeev)
Гайд по SVG-фильтрам: начало работы с основами. Ана Тудор разбирает фундаментальные основы SVG-фильтров: настройку элементов
https://frontendmasters.com/blog/svg-filters-guide-getting-started-with-the-basics/
<svg> и <filter>, области действия фильтров, подобласти примитивов и цветовую интерполяцию. Гайд объясняет, как примитивы объединяются в цепочки, когда использовать атрибуты result, in и in2, а также разницу между filterUnits и primitiveUnits для адаптивных эффектов. #svg #filterhttps://frontendmasters.com/blog/svg-filters-guide-getting-started-with-the-basics/
Forwarded from Daily Coding 🔥
🛠 Pyramid — это небольшой, быстрый и простой в использовании веб-фреймворк на Python с открытым исходным кодом. Он делает разработку и развертывание реальных веб-приложений более увлекательным, предсказуемым и продуктивным процессом. Попробуйте Pyramid, изучите его дополнения и документацию и ознакомьтесь с обзором.
🌍 Сайт
Daily Coding #инструменты #Python
🌍 Сайт
Daily Coding #инструменты #Python
Forwarded from Dezzigners
Forwarded from Адовый UX
Тот факт, что на экране блокировки Windows ты не можешь сразу ввести пин-код
Ты должен сначала нажать что-нибудь, потом подождать, пока сработает ебучая анимация, и только после этого ты можешь ввести пин
Ты должен сначала нажать что-нибудь, потом подождать, пока сработает ебучая анимация, и только после этого ты можешь ввести пин
Forwarded from Цифровой геноцид
Как возникла HCI? «В начале была командная строка...»
В прошлых постах мы писали о военных разработках, авиационной инженерии, первых журналах и экспериментах в области психологии. Все это стало важной частью человеко-машинного взаимодействия и широкой программой развития интерфейсов. Но есть еще одно эссе, которое сделало HCI-рефлексию достоянием широкой публики и принесло теме в США некоторую популярность среди трудящихся.
Американский писатель-фантаст Нил Стивенсон, автор популярных романов «Криптономикон» и «Анафем», внезапно написал настоящее философское эссе о интерфейсе, людях и их предпочтениях, и корпоративной/коллективной политике, сравнивая решения Microsoft, Apple и независимых разработчиков свободно распространяемого ПО. Эссе было написано аж в 1999 году и опередило свое время. Стивенсон был инженером по образованию и, конечно, понимал о графических интерфейсах несколько больше, чем другие его современники из числа писателей.
In the Beginning... Was the Command Line
Он сравнивает операционные системы своего времени с автомобилями: Mac OS от Apple Computer с роскошным европейским автомобилем, Windows от Microsoft с универсалом, Linux с настоящим военным танком(Debian вроде) и BeOS с бэтмобилем.
Стивенсон утверждает, что люди продолжают покупать универсал, просто потому что не хотят учиться управлять танком. Они знают, что у автосалона есть ремонтный цех, куда они могут отвезти свою машину, когда она сломается. Из-за такого отношения Стивенсон утверждает, что Microsoft вовсе не является монополистом, о чем свидетельствует свободная доступность других операционных систем, а просто создала религиозный культ.
Стивенсон рисует привлекательный мир Linux и много размышляет над природой интерфейса в человеческой жизни:
Что инженер сказал бы, после того, как вы бы объяснили вашу проблему, и перечислили все неудовлетворенности в вашей жизни? Он бы вероятно сообщил вам, что жизнь является очень трудной и сложной вещью, что никакой интерфейс не может изменить ее, что каждый, кто верит в иное — отсос, и что если вы не любите получать готовые ответы на вопросы, вам пора начинать делать ваши собственные.
Правда, Стивенсон писал эти строки за два года до выхода Mac OC X. После чего окончательно и навсегда перешел на яблочную систему. Никакой морали не будет.
Почитать эссе можно по ссылке: https://royallib.com/read/stivenson_nil/v_nachale_bila_komandnaya_stroka.html#0
В прошлых постах мы писали о военных разработках, авиационной инженерии, первых журналах и экспериментах в области психологии. Все это стало важной частью человеко-машинного взаимодействия и широкой программой развития интерфейсов. Но есть еще одно эссе, которое сделало HCI-рефлексию достоянием широкой публики и принесло теме в США некоторую популярность среди трудящихся.
Американский писатель-фантаст Нил Стивенсон, автор популярных романов «Криптономикон» и «Анафем», внезапно написал настоящее философское эссе о интерфейсе, людях и их предпочтениях, и корпоративной/коллективной политике, сравнивая решения Microsoft, Apple и независимых разработчиков свободно распространяемого ПО. Эссе было написано аж в 1999 году и опередило свое время. Стивенсон был инженером по образованию и, конечно, понимал о графических интерфейсах несколько больше, чем другие его современники из числа писателей.
In the Beginning... Was the Command Line
Он сравнивает операционные системы своего времени с автомобилями: Mac OS от Apple Computer с роскошным европейским автомобилем, Windows от Microsoft с универсалом, Linux с настоящим военным танком(Debian вроде) и BeOS с бэтмобилем.
Стивенсон утверждает, что люди продолжают покупать универсал, просто потому что не хотят учиться управлять танком. Они знают, что у автосалона есть ремонтный цех, куда они могут отвезти свою машину, когда она сломается. Из-за такого отношения Стивенсон утверждает, что Microsoft вовсе не является монополистом, о чем свидетельствует свободная доступность других операционных систем, а просто создала религиозный культ.
Стивенсон рисует привлекательный мир Linux и много размышляет над природой интерфейса в человеческой жизни:
Что инженер сказал бы, после того, как вы бы объяснили вашу проблему, и перечислили все неудовлетворенности в вашей жизни? Он бы вероятно сообщил вам, что жизнь является очень трудной и сложной вещью, что никакой интерфейс не может изменить ее, что каждый, кто верит в иное — отсос, и что если вы не любите получать готовые ответы на вопросы, вам пора начинать делать ваши собственные.
Правда, Стивенсон писал эти строки за два года до выхода Mac OC X. После чего окончательно и навсегда перешел на яблочную систему. Никакой морали не будет.
Почитать эссе можно по ссылке: https://royallib.com/read/stivenson_nil/v_nachale_bila_komandnaya_stroka.html#0
Forwarded from ai.dot(ufna, dev)
"Все мы немного свинки. Но не копилки"
(угадай внедряемую фичу по фотографии)
(угадай внедряемую фичу по фотографии)
Forwarded from Оди
Айдентика магазина оливкового масла и макаронных изделий премиум-класса Buono!
Магазин находится в Будапеште под управлением итало-венгерского торговца из Терамо
В основе стиля — мягкие природные оттенки, псевдовинтажная типографика и линейные иллюстрации, вдохновлённые символикой потолка старинной церкви Сан-Донато в итальянском регионе Абруццо
#awd_identity via behance.net/gallery/115556427/BUONO
Магазин находится в Будапеште под управлением итало-венгерского торговца из Терамо
В основе стиля — мягкие природные оттенки, псевдовинтажная типографика и линейные иллюстрации, вдохновлённые символикой потолка старинной церкви Сан-Донато в итальянском регионе Абруццо
#awd_identity via behance.net/gallery/115556427/BUONO
Forwarded from Оди
Дизайн книги о необходимости перерывов в повседневной жизни
Немецкий графический дизайнер Крис Вогт сделал книгу под названием «Несколько раз в день» в рамках учебного проекта в DHBW в Равенсбурге
Когда Крис бросил курить, то понял, что ему не хватает тех небольших пауз, которые давала ему его вредная привычка. Тогда он осознал, что «мы торопим дни и годы, коллекционируем “успехи”, о которых потом и не вспоминаем, не даём себе времени отдышаться и заглянуть внутрь себя»
Эти размышления натолкнули Криса на идею создания книги в форме сигаретной пачки, посвящённой коротким перерывам. Дизайн книги меняется по мере её пролистывания и стремится укрепить в сознании читателя необходимость делать паузы
В её оформлении впечатляет множество экспериментов в вёрстке, типографике, цвете и большое внимание к деталям
#awd_cover #awd_print via behance.net/gallery/56778541/mehrmals-taeglich
Немецкий графический дизайнер Крис Вогт сделал книгу под названием «Несколько раз в день» в рамках учебного проекта в DHBW в Равенсбурге
Когда Крис бросил курить, то понял, что ему не хватает тех небольших пауз, которые давала ему его вредная привычка. Тогда он осознал, что «мы торопим дни и годы, коллекционируем “успехи”, о которых потом и не вспоминаем, не даём себе времени отдышаться и заглянуть внутрь себя»
Эти размышления натолкнули Криса на идею создания книги в форме сигаретной пачки, посвящённой коротким перерывам. Дизайн книги меняется по мере её пролистывания и стремится укрепить в сознании читателя необходимость делать паузы
В её оформлении впечатляет множество экспериментов в вёрстке, типографике, цвете и большое внимание к деталям
#awd_cover #awd_print via behance.net/gallery/56778541/mehrmals-taeglich