Дизайн

Пользователь X поделился, возможно, худшим UX-решением в мире. Сайт одного британского банка просит пользователя ввести PIN и пароль. Ситуация стандартная, но инженеры банка реализовали особенную систему защиты. Надо вводить не весь пароль, а только определённые символы из него.

На скриншоте видно, что в поле пароля надо ввести девятый, четырнадцатый и девятнадцатый символы. Сходу вспомнить не выйдет, поэтому надо подумать. Автор оригинального поста выписал свой пароль в столбик и пронумеровал символы. Так он может быстро заходить на сайт.

Должен ли дизайнер думать об этике приложений, которые он создает?

Да, сегодня многим продуктовым дизайнерам приходится выбирать: качать бизнес-метрики любыми способами или оставаться на стороне пользователя, защищая его интересы.

И кто-то, конечно же, делает выбор в пользу своего работодателя и начинает создавать бесконечные скроллы и новые фичи, работающие по принципам игровых автоматов. В общем, все для того, чтобы пользователь оставался бесконечно залипать в приложении. 

В новом выпуске подкаста «Бремя технологий» Артур Арсенов, Product design lead Garage Eight, рассказал, почему специалистам не стоит пытаться решать краткосрочные цели бизнеса манипулятивными методами, и как простым пользователям защищаться от такого абьюза. 

Слушай подкаст по ссылке и делись в комментариях своим мнением по теме :-)

В iOS 18 можно будет управлять устройствами взглядом. Например, сидеть на диване, открыть браузер и скролить видео без рук.

Apple пояснила, что это функция Eye Tracking для управления iPhone и iPad с iOS 18 движением глаз для людей с ограниченными возможностям.

Функция Eye Tracking, основанная на искусственном интеллекте, позволит управлять iPhone и iPad движением глаз. Она использует фронтальную камеру для отслеживания глаз. Все данные для работы Eye Tracking хранятся на устройстве.

Дополнительное оборудование для работы функции не потребуется. Она будет работать во всех приложениях на iOS и iPadOS.

Еще раз о дизайн-системах

Недавно у нас вышел кейс о работе над дизайн-системой для холдинга «Финам». Сегодня решили рассказать подробнее, что это такое и когда она может быть полезна.

Из чего состоит дизайн-система?

Дизайнеры создают UI Kit (набор готовых дизайн-решений) → Разработчики переводят UI Kit в код → Код помещают в репозитории

UI Kit и репозиторий связаны с помощью токенов. Это единицы информации, которые хранят в себе константы: например цвет, радиус скругления кнопки, параметры шрифта и т. д. Если поменять значение токена в Фигме, оно попадает в репозиторий и затем автоматически синхронизируется с сайтом.

Когда и кому нужна дизайн-система

• На краткосрочных проектах, где нужно быстро проверить гипотезы и не требуется больших затрат на поддержку.

• На длинных проектах, где нужно часто проверять гипотезы и делать много однотипных решений.

• Если нужна системность и предсказуемость в разработке продукта, вы хотите делать последовательные улучшения и планомерно развивать продукт.

• У вас несколько команд, которые работают над одним продуктом, и им нужно поддерживать консистентность.

Однако есть и ложка дегтя

• Дизайн-система может привести к шаблонности продукта: страницы начинают выглядеть слишком однотипно, а сделать какую-то необычную фичу становится трудно.

• Внедрять дизайн-систему сложно и дорого, особенно на начальном этапе. Да, расходы на дизайн снижаются. Зато появляется работа на поддержание и развитие самой дизайн-системы в отделе разработки.

P. S. Го к нам в канал о дизайне :)

Самый слабый босс в игре, 6х30, монохром, 3 кадра, постобработка - реально мало пикселей

Нужно было сделать самого слабого босса в игре. Что может пойти не так? Монстры у меня в игре антропоморфные. Сделал мелкого босса, собрал демку и получил претензию: "Не хотим бить детей".

Игра у меня не про это, поэтому нужно было убрать ассоциацию. Боссы должны оставаться самыми щуплыми и при этом стать высокими. Размер спрайтов в игре кратен шести (особенность постобработки и эффектов). Поэтому, как не крути, а размер щуплых монстров должен быть 6х30.

Мало пикселей + вытянутая форма - пришлось повозиться. На анимации: исходные пиксели, постобработка и двое с эффектом. Собрал демку - нормально, таких бить можно.

Эффект Хичкока в игре

Добавил в игру эффект (на переход в режим "Матрицы"), который впервые использовался в фильме Альфреда Хичкока "Головокружение" (Vertigo), 1958. Эффект называют по разному: эффект "раздвигающегося пространства", "обратный трекинг", "контр-зум", и т.д.

В кино этот эффект достигается так:

1. Камера приближается к объекту

2. Одновременно вращается кольцо масштабирования

Причем (1) и (2) синхронизируются так, чтобы размеры объекта съемки оставались неизменными.

Я же пытаюсь повторить этот эффект у себя в игре путем хитрого манипулирования параметрами параллакса. Почти получилось (не совсем, конечно). Как сморится в игре? Интересно?

OpenAI обновила интерфейс приложения ChatGPT, сделав его минималистичным. Теперь пользователь общается с большим чёрным кругом, который изменяет свои формы и размеры в зависимости от происходящих событий. Когда ИИ говорит, то круг меняется, визуально усиливая ощущение диалога и взаимодействия.

По словам технического директора OpenAI Миры Мурати, новый интерфейс ChatGPT должен свести к минимуму отвлекающие факторы, чтобы пользователи могли полностью сосредоточиться на диалоге с ИИ.

Чёрный круг, выступающий в роли ИИ-собеседника, превращается в стилизованные волны звука, когда ChatGPT даёт ответ. Это визуально усиливает у пользователя ощущение коммуникации.

В настоящее время обновлённый интерфейс ChatGPT доступен только для настольных и мобильных приложений ChatGPT. В веб-версии сервиса по-прежнему используется стандартный текстовый интерфейс.

Чувак с дробовиком, 24х30, монохром, 2 кадра, постобработка.

Почти все текстуры спрайтов у меня в игре создаются программно во время загрузки. Вот несколько этапов: Изначальный => Постобработка под эффект CRT монитора => Динамическая постобработка для эффектов игры (появился, побегал, умер, выдал лут).

Apple Pencil Pro будут продаваться в персонализированных упаковках с художественным оформлением. Дизайнеры компании подготовили пять иллюстраций со словом «Pro». При заказе онлайн не будет возможности выбрать оформление коробки, поэтому коллекционерам придётся покупать устройства в магазине.

Apple добавила рамки новых iPad в библиотеку шаблонов для Sketch. Разработчики и дизайнеры могут использовать их для оформления скриншотов и мокапов. Рамки доступны в файле All Product Bezels.

Привет! 14 сентября мы вновь проведём Practical ML Conf — ежегодную конференцию Яндекса, посвящённую практическим аспектам применения ML-технологий. Сегодня мы открыли приём заявок для тех, кто хотел бы поделиться своим опытом и выступить с докладом.

Ключевые темы конференции в этом году: CV, RecSys, MLOps, NLP, Speech и Analytics. Мы ожидаем глубокие технические доклады и хотим поговорить о прикладных решениях, которые уже сейчас приносят пользу. Сбор заявок завершится 13 июля. Программный комитет примет решение об участии на основании критериев «полезность», «новизна», «сложность» и «практичность».

Кстати, если вы планируете посетить конференцию в качестве слушателя, то рекомендую зарегистрироваться уже сейчас. Мы хотим провести болею узкую встречу специалистов компании и гостей перед основной программой конференции. Приоритет в рассылке приглашений на этот закрытый ивент будет у тех, кто зарегистрировался раньше. 

Предложить доклад, зарегистрироваться, найти более подробный таймлайн и доклады прошлого года — всё это можно на сайте конференции.

Фанаты создали мод, который преобразует Helldivers 2 во вселенную Star Wars. В игру добавлены клоны, персонажи Рекса, Коди и головорезов из истории The Bad Batch (Звёздные войны: Бракованная партия). Также автоматоны заменены дроидами и заменены модели космических кораблей.

Крутая ИИ-замена Photoshop.

Stylar генерирует картинки, превращает скетчи в 2D и 3D изображения, комбинирует их и улучшает качество. При этом ничего не нужно скачивать — все работает в браузере.

Есть и стандартные фичи:

• удалить фон

• добавить текст и эффекты

• создать реалистичные мокапы

Разрабы выложили целую библиотеку референсов — круто для вдохновения!

Попробовать можно здесь.

Если интересуетесь темой ИИ и нейросетей, здесь я публикую разбор свежих моделей, статей и гайдов, кладешь полезной информации.

У Apple оказалось так много всего интересного в экосистеме, что компания представила роадмапы (Pathways) по своим сервисам. Внутри каждого из шести направлений есть ссылки, где структурно представлена через документацию и видео-туториалы подробная база данных по необходимым библиотекам для разработчиков.

Nike выпустила для Тима Кука специальную версию кроссовок Air Max, дизайн которых сделали на новом iPad.

В Nike пояснили, что это уникальная модель Nike Air Max 1 ’86s, разработанная специально к презентации Apple. Примечательно, что на язычке обуви от руки написано Made on iPad.

Новые кроссовки Кука также внешне выделяются волнообразным логотипом Nike в яркой расцветке, отсылая к временам появления Apple. Также дизайн обуви сочетает в себе современную направленность компании.

7 мая 2024 года Apple провела презентацию, полностью посвящённую обновлению линейки iPad.

Apple подготовила свой сайт к предстоящему «специальному мероприятию» под названием Let loose, которое состоится 7 мая и сопровождается рисунком Apple Pencil, что позволяет предположить, что в центре внимания будет обновлённые iPad Air, iPad Pro и аксессуары для планшетов, включая Magic Keyboard и стилус Apple Pencil с новым жестом сжатия с тактильной обратной связью.

В рамках этого ивента на сайте Apple курсор мышки — это ластик, которым пользователь может стирать разноцветные вариации фигур, вписанных в логотип Apple.

🍏 Apple выпустили тонну крутых шаблонов для Figma.

 Apple выпустили множество новых красивых  дизайн-шаблонов для Figma.

 Можно посмотреть, потыкать гайды😊

Даже про клипсы не забыли!

Забиарйте себе)

https://www.figma.com/@apple

Еще больше крутых шаблонов и frontend проектов в моем канале, залетайте в гости.

Apple пополнила свою библиотеку макетов для Figma. Дизайнерам стали доступны следующие шаблоны:

• TipKit;

• Wallet;

• Tap to Pay on iPhone;

• Siri & App Shortcuts;

• Sign in with Apple;

• Messages;

• Live Activities;

• Apple Pay;

• App Clips.

Чек-аут

В интерфейсах интернет-магазинов это экран, который пользователь видит перед тем, как перейти на страницу оплаты.

Это то место, где он уже принял решение о покупке, и указывает последние необходимые параметры для заключения сделки.

Можно найти много чек-листов о том, как оформлять чек-ауты. Я же здесь озвучу самое главное:

Не надо показывать пользователю ничего, что поможет ему уйти с этой страницы или поменять решение о сделке.

— Здесь уже не нужно основное меню навигации, ведь в нём есть ссылки, по которым пользователь может кликнуть и уйти со страницы куда-то ещё. Поэтому шапку можно смело убирать;
— Подвал тоже;
— Не стоит просить заполнить больше данных, чем нужно для оформления сделки. Если есть какие-то необязательные поля, то они, скорее всего, навредят;
— Кнопка с призывом к действию должна быть только одна и с ней ничего не должно визуально конкурировать.

Я бы предположил, что это всё и так очевидно, однако сам начал убирать шапки с подвалами со страниц чек-аутов года два-три назад. А ведь, казалось бы, опытный специалист.

Вообще подобные страницы уже давно спроектированы и оттестированы в любом крупном маркетплейсе и как две капли воды похожи друг на друга.

В код проекта открытого мультимедиа-пакета FFmpeg добавлена начальная поддержка Dolby Vision.

Dolby Vision — это набор видеотехнологий с расширенным динамическим диапазоном (HDR) от Dolby, который был одним из первых широко доступных форматов HDR. Dolby Vision — альтернатива формату HDR10+.

Dolby Vision является запатентованным проектом, но ведётся постоянная работа для его реализации с открытым исходным кодом, например, над библиотекой VideoLAN libplacebo, кодировщиком x265, MPV и так далее.

В проект FFmpeg добавлены блоки расширения Dovi для Dolby Vision и выполнены другие подготовительные работы по добавлению нового инструмента. Также запланировано добавление кодирование Dolby Vision для FFmpeg с помощью libx265, libaomenc для AV1 и libsvtav1 для кодировщика AV1 от Intel SVT-AV1.

5 апреля 2024 года состоялся релиз открытого мультимедиа-пакета FFmpeg 7.0 под кодовым названием Dijkstra для Linux, Windows и macOS.

В FFmpeg 7.0 входит набор приложений и коллекция библиотек для операций над различными мультимедиа-форматами (запись, преобразование и декодирование звуковых и видеоформатов). Исходный код проекта распространяется под лицензиями LGPL и GPL. Разработка FFmpeg ведётся сообществом смежно с проектом MPlayer.