Forwarded from UXPUB 🇺🇦 Дизайн-спільнота (uxpubpublisher)
Forwarded from Node.JS [ru] | Серверный JavaScript
Добавление нового поведения через декораторы в JavaScript.
https://indepth.dev/posts/1491/attaching-new-behaviors-through-decorators-in-javascript
https://indepth.dev/posts/1491/attaching-new-behaviors-through-decorators-in-javascript
Forwarded from Цифровой геноцид
Предновогодний UX
Ладно, хватит всяких шуток, расчехляем тяжелую артиллерию публикаций и исследований. Так что там с бухлом? Статья коллектива авторов «Drunk User Interfaces: Determining Blood Alcohol Level through Everyday Smartphone Tasks»
Смартфоны вполне могут выступать в роли алкотестеров, количественно оценивая опьянение. Группой исследователей было разработано специальное «пьяное приложение» для оценки степень опьянение пользователя. Тестировали 14 человек в контрольной группе и модель алкогольного опьянения определяла с коэффицентом 0,96 по отношению к обычному алкотестеру. Модель тренировалась машинным обучением на метриках производительности пользователя.
А что тестировало приложение? Это интересно:
Скорость печати. Набор текста всегда считался маркером трезвости или опьянения, но никогда такие данные не тестировались на реальном смартфоне с реальными пьяными респондентами. Приложение показывало пользователю случайный набор фраз (из какой-то известной психологической выборки) и их надо было напечатать. Приложение автоматически отключало T9 и другие средства коррекции. Как проверяли? Брали типичные ошибки из этой же психологической подборки.
Свайпы. Тестирование свайпов - это тестирование точного управления жестами. В интерфейсе это реализовано прогрессирующими заданиями. Экран свайпа имитирует экран блокировки на устройстве Андроид, но с той лишь разницей что движение вектора между точками воспроизводится само. Пользователю свайпами надо изменить направление движение вектора-змейки.
Балансировка и частота сердечных реакций. Тут все интересно: пользователь прикладывает палец к камере смартфона. PPG или фотоплетизмография — раздел медицины, который измеряет прозрачность пальца, чтобы определить циркуляцию крови. При этом измеряется способность держать смартфон прямо и перпендикулярно телу.
Простые реакции. Типа заданий на прикосновение в указанные точки на экране. Замеряют скорость реакции при помощи акселерометра на каждом смартфоне.
Реакции выбора. Квадраты на экране меняют свой цвет, требуя прикосновения. С красного на зеленый, а потом наоборот.
На основании этих пяти факторов и оценивало опьянение юзера. Дальше всякие формулы, не очень понятно. Но главное — этот набор эвристик сам по себе выглядит довольно интересной и легкой реализуемой частью продуктового фичеринга. Ее совсем не сложно подкрутить к вашему продукту. Более того, авторы исследования серьезно предполагают, что любые интерфейсы можно превратить в «пьяные». Мне почему-то вспоминается момент в игре RDR2, когда интерфейс заменяется на пьяные плавующие буквы.
Правда, возникает вопрос, а так ли уж хорош трезвый пользователь, который не совершает импульсивных покупок? Маркетологи явно будут против. Но об этике как-нибудь в другой раз.
Ладно, хватит всяких шуток, расчехляем тяжелую артиллерию публикаций и исследований. Так что там с бухлом? Статья коллектива авторов «Drunk User Interfaces: Determining Blood Alcohol Level through Everyday Smartphone Tasks»
Смартфоны вполне могут выступать в роли алкотестеров, количественно оценивая опьянение. Группой исследователей было разработано специальное «пьяное приложение» для оценки степень опьянение пользователя. Тестировали 14 человек в контрольной группе и модель алкогольного опьянения определяла с коэффицентом 0,96 по отношению к обычному алкотестеру. Модель тренировалась машинным обучением на метриках производительности пользователя.
А что тестировало приложение? Это интересно:
Скорость печати. Набор текста всегда считался маркером трезвости или опьянения, но никогда такие данные не тестировались на реальном смартфоне с реальными пьяными респондентами. Приложение показывало пользователю случайный набор фраз (из какой-то известной психологической выборки) и их надо было напечатать. Приложение автоматически отключало T9 и другие средства коррекции. Как проверяли? Брали типичные ошибки из этой же психологической подборки.
Свайпы. Тестирование свайпов - это тестирование точного управления жестами. В интерфейсе это реализовано прогрессирующими заданиями. Экран свайпа имитирует экран блокировки на устройстве Андроид, но с той лишь разницей что движение вектора между точками воспроизводится само. Пользователю свайпами надо изменить направление движение вектора-змейки.
Балансировка и частота сердечных реакций. Тут все интересно: пользователь прикладывает палец к камере смартфона. PPG или фотоплетизмография — раздел медицины, который измеряет прозрачность пальца, чтобы определить циркуляцию крови. При этом измеряется способность держать смартфон прямо и перпендикулярно телу.
Простые реакции. Типа заданий на прикосновение в указанные точки на экране. Замеряют скорость реакции при помощи акселерометра на каждом смартфоне.
Реакции выбора. Квадраты на экране меняют свой цвет, требуя прикосновения. С красного на зеленый, а потом наоборот.
На основании этих пяти факторов и оценивало опьянение юзера. Дальше всякие формулы, не очень понятно. Но главное — этот набор эвристик сам по себе выглядит довольно интересной и легкой реализуемой частью продуктового фичеринга. Ее совсем не сложно подкрутить к вашему продукту. Более того, авторы исследования серьезно предполагают, что любые интерфейсы можно превратить в «пьяные». Мне почему-то вспоминается момент в игре RDR2, когда интерфейс заменяется на пьяные плавующие буквы.
Правда, возникает вопрос, а так ли уж хорош трезвый пользователь, который не совершает импульсивных покупок? Маркетологи явно будут против. Но об этике как-нибудь в другой раз.
Forwarded from Цифровой геноцид
mariakakis2018.pdf
1.7 MB
Mariakakis, A., Parsi, S., Patel, S. N., & Wobbrock, J. O. (2018). Drunk User Interfaces
Праздник к нам приходит
Праздник к нам приходит
Forwarded from Shock Design
This media is not supported in your browser
VIEW IN TELEGRAM
Залипательная моушн графика 😍
Forwarded from Readymag
This media is not supported in your browser
VIEW IN TELEGRAM
Лонгрид @strelka_institute о ярких моментах уходящего года: → https://2021.strelka.com/
#СделаноВReadymag
#СделаноВReadymag
Forwarded from СПNЗЖУ DESIGN
Forwarded from ai.dot(ufna, dev)
Хороший подкаст про итоги 2021 года в геймдеве, а также демонстрация того, что бывает с топовыми ноутами если забыть ограничить число потоков при сборке любимого всеми нами анрила.
https://t.me/zhiza_gd/78
https://t.me/zhiza_gd/78
Forwarded from ai.dot(ufna, dev)
Я много раз на многих своих стримах и выступлениях рекомендую книги этого дядьки. Он дядька своеобразный, можно как угодно относиться к личному и личности, но учебные материалы - в любом случае огонь.
Рекомендую к фоновому прослушиванию: https://youtu.be/o111yYPqLHU
Рекомендую к фоновому прослушиванию: https://youtu.be/o111yYPqLHU
YouTube
Информационное насилие и НЕ безопасный интернет / JavaScript - ЗЛО!/ PhD Андрей Столяров
👉 Приходи в "Эволюцию Кода" и прокачивай свои навыки работы с ИИ: https://web.tribute.tg/l/ge
Долгожданный выпуск с интереснейшим человеком - Андреем Столяровым!
Андрей Викторович Столяров - кандидат физико-математических наук и кандидат философских наук.…
Долгожданный выпуск с интереснейшим человеком - Андреем Столяровым!
Андрей Викторович Столяров - кандидат физико-математических наук и кандидат философских наук.…
Forwarded from Defront — про фронтенд-разработку и не только (Alexander Myshov)
Важность тестирования сайтов на слабых устройствах
Эрик Бейли призывает тестировать сайты на слабых устройствах — "Test Your Product on a Crappy Laptop".
Если аналитические данные показывают преобладание пользователей с мощными устройствами, это не означает, что нужно ориентироваться только на состоятельную аудиторию, это означает, что нужно проверить работу сайта на недорогих ноутбуках или смартфонах. Пользователи слабых устройств часто не могут нормально пользоваться сайтом, поэтому они выпадают из аналитики. Такими пользователями могут быть состоятельные люди.
Чтобы контролировать доступность сайта для всех категорий устройств, Эрик предлагает проводить регулярные юзабилити-тесты на слабых устройствах. Также он предлагает купить дешёвый ноутбук (crapbook) и периодически вести на нём разработку.
У меня есть небольшая история на эту тему. Как-то мне пришлось работать на слабом ноуте, благодаря этому я нашёл редкую проблему с перформансом в React DevTools. Если бы работал на мощном ноуте, то проблема осталась бы незамеченной.
#performance #mobile
https://css-tricks.com/test-your-product-on-a-crappy-laptop/
Эрик Бейли призывает тестировать сайты на слабых устройствах — "Test Your Product on a Crappy Laptop".
Если аналитические данные показывают преобладание пользователей с мощными устройствами, это не означает, что нужно ориентироваться только на состоятельную аудиторию, это означает, что нужно проверить работу сайта на недорогих ноутбуках или смартфонах. Пользователи слабых устройств часто не могут нормально пользоваться сайтом, поэтому они выпадают из аналитики. Такими пользователями могут быть состоятельные люди.
Чтобы контролировать доступность сайта для всех категорий устройств, Эрик предлагает проводить регулярные юзабилити-тесты на слабых устройствах. Также он предлагает купить дешёвый ноутбук (crapbook) и периодически вести на нём разработку.
У меня есть небольшая история на эту тему. Как-то мне пришлось работать на слабом ноуте, благодаря этому я нашёл редкую проблему с перформансом в React DevTools. Если бы работал на мощном ноуте, то проблема осталась бы незамеченной.
#performance #mobile
https://css-tricks.com/test-your-product-on-a-crappy-laptop/
CSS-Tricks
Test Your Product on a Crappy Laptop | CSS-Tricks
There is a huge and ever-widening gap between the devices we use to make the web and the devices most people use to consume it. It’s also no secret
Forwarded from СПNЗЖУ DESIGN
Figma
Pixel Icon Pack | Figma
Carefully designed icon pack by 4 RedCollar interns which you can use in any of your project without limits.
Completely free and ready to use!
Features:
106 free icons (and counting!)2 styles of icons (outline, filled)Based on 24px gridIcons available in…
Completely free and ready to use!
Features:
106 free icons (and counting!)2 styles of icons (outline, filled)Based on 24px gridIcons available in…
Forwarded from Дизайн-снайпер
Леттеринг названий стран. Хорошее упражнение. Не идеально, местами хочется потягать еще кривые Безье за ус, но хороший мотив продвигать себя как дизайнера и при этом «качать скилл». Дизайнер Louis Ngo