Интерфейсы *

«Яндекс Музыка» доработала дизайн «Моей волны», который теперь подстраивается под музыкальные предпочтения пользователей.

Ключевой рекомендательный продукт «Яндекс Музыки» под названием «Моя волна» теперь для каждого пользователя выглядит персонально. Её новый дизайн формируется с помощью генеративных технологий на основе музыкальных предпочтений каждого слушателя.

Разработчики пояснили, что это обновление стало следующим шагом в персонализации сервиса вслед за переходом на новую модель рекомендаций с использованием глубоких нейронных сетей в «Моей волне».

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

Благодаря обновлению пользователи смогут полноценно погрузиться в свой персональный музыкальный мир и наблюдать, как меняются их вкусы.

Разному настроению треков соответствуют разные оттенки специально разработанной палитры. Алгоритмы анализируют настроение треков и присваивают им соответствующий оттенок. В новом дизайне «Моей волны» объединяются цвет пользователя, который генерируется на основе анализа треков его «Коллекции», и цвет прослушиваемого трека.

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

Обновление дизайна «Моей волны» — ещё один шаг в сторону большей персонализации сервиса.

Apple представила модель машинного обучения Ferret-UI для распознавания элементов пользовательского интерфейса. В исследовании компания отметила, что практически все доступные мультимодальные языковые модели плохо работают с интерфейсами. Нейросети не отличают кнопки от полей ввода и других элементов.

Компания собрала большой датасет для обучения Ferret-UI, что значительно улучшило распознавание. Отмечается, что нейросеть превосходит не только открытые MLLM, но и GPT-4. Модель можно использовать для реализации новых функций доступности. К примеру, нейросеть сможет управлять мобильным устройством, опираясь на запросы пользователя.

Инженеры компании опубликовали исследование на портале Arxiv.

Как включить тёмную тему на Хабре и почему она - отстой?

Зайдите в квест и просто нажимайте на любой ответ. В конце вам дадут тёмную тему, вне зависимости от ваших ответов.

Начинайте страдать.

На Хабре не хватало тёмной темы. Мы помогли это исправить.

Быстрее перейти на тёмную сторону поможет технический квест от Хабра и Yandex Cloud:

Чтобы пройти наш челлендж, нужно помочь компании с загадочным названием Lux ex tenebris решить проблемы с логином, которые возникли при последнем обновлении в прод. В конце квеста вас ждёт не только тёмная тема, но и розыгрыш мерча.

Приходите решать задачи и открывать тёмную тему Хабра → https://dark.habr.io/

А здесь уже можно прочитать пост Хабра о том, как создавалась эта тема.

Марк Гурман из Bloomberg сообщил, что с выходом iOS 18 Apple предоставит пользователям iPhone больше настроек главного экрана.

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

Пользователи iPhone уже могут настраивать экран блокировки после выпуска iOS 16. Согласно источникам, в новой версии ОС появятся дополнительные параметры настройки главного экрана, и это будет его крупнейшее обновление за несколько лет.

Apple представит iOS 18 на своей ежегодной конференции разработчиков WWDC в июне. ОС будет включать новые функции генеративного искусственного интеллекта для Siri и иных приложений, поддержку RCS в приложении «Сообщения», изменения дизайна и многое другое.

Microsoft в рамках тестирования проекта добавила в новую pre-release версию подсистемы Windows для Linux (WSL) возможность управлять дистрибутивами Linux в Windows 11 через графический интерфейс.

Благодаря WSL не нужно выполнять двойную загрузку Linux или создавать виртуальную машину, но эта функция ранее была ограничена терминалом Windows. Microsoft понимает, что некоторым из пользователей неудобно пользоваться командной строкой. В компании решили создать графический интерфейс для управления дистрибутивами Linux.

В Microsoft представили прототип графического интерфейса для управления дистрибутивами WSL, чтобы пользователи могли получить обзор всех установленных дистрибутивов, упростить доступ к ним и управление, могли просто взаимодействовать с нужным дистрибутивом Linux в Windows, а также выполнять импорт и экспорт дистрибутивов.

Макет пользовательского интерфейса GUI WSL имеет новую вкладку в приложении Dev Home под названием «Подсистема Windows для Linux». В этом разделе отображаются все установленные дистрибутивы с несколькими вариантами настройки. Разработчики планируют включить возможность монтировать диск в формате Linux и показывать использование оборудования виртуальной машины WSL для каждого дистрибутива.

22 марта 2024 года разработчики из Microsoft выпустили обновление для подсистемы Windows для Linux. В новой версии WSL 2.2.1 теперь по умолчанию включено DNS-туннелирование для улучшения сетевой совместимости. Ранее эта опция была доступна в экспериментальном виде.

Мы выпустили 6-ую версию UIKit — ключевой библиотеки дизайн‑системы Gravity UI.

Что нового:

1. Компонент List 2.0. В UIKit изначально был List, но в нём хотелось кое‑что доработать. При сборе запросов собрали список:

   • поддержка разных размеров и ширины;

   • иконка у элемента списка; разное количество и положение иконок;

   • поддержка стейтов;

   • разный контент в элементах списка (однострочный, многострочный или список пользователей);

   • поддержка разных видов разделителей и группировок.

   Это существенные изменения, поэтому мы создали List 2.0. Пока он выходит в prestable версии, но рекомендуем пользователям переходить на него и приносить фидбек.

2. RTL. Если ваши приложения/сайты должны отображаться на иврите, арабском и других языках с направлением письма справа налево, нужна поддержка RTL‑стандартов. При этом в RTL:

   • вставленное слово на латинице пишется слева направо;

   • цифры пишутся слева направо;

   • знаки препинания в арабском также пишутся слева направо и т. д.

   Во всех компонентах мы поддержали параметр RTL. Чтобы под рукой был полный пример, сделали промостраницу на арабском. Посмотреть, как реализовано, можно в исходном коде landing. Также за примерами можно заглянуть в storybook.

3. Доступность (a11y):

   • добавили в проект плагин eslint;

   • поддержали клавиатуру для clickable и closable состояния компонента Persona;

   • отключили onClick у 15 неинтерактивных компонент;

   • поддержали клавиатуру в компоненте SelectionTable.

Если есть запрос на доработку — приходите к нам в GitHub с issue или даже с PR. И используйте Gravity UI!

Selectel UX & Research Meetup#3

14 марта, 18:30 

Уже в следующий четверг проведем UX-митап про исследования, интервью и проектирование. Поговорим про общение с коллегами и пользователями, брифинг заказчиков и контекстные интервью. 

? Регистрируйтесь и подключайтесь онлайн или приходите в наш офис.

Figma представила функцию «Мультиредактирование» (multi‑edit).

Теперь можно измененять один из выделенных объектов, и изменения автоматически применятся ко всем остальным выбранным элементам.

Несколько новшеств:

• Быстрый автоматический выбор повторяющихся объектов в разных фреймах. Либо выбор слоев аналогичных выбранному объекту с помощью зажатого Shift.

• Каждый объект независимо масштабируется относительно своего центра, а не группой, как раньше.

• Массовое изменение цвета, размера, поворота и других свойств.

• Редактирование текста одновременно в нескольких фреймах и изменение свойств шрифта.

• Автоматическое создание нескольких auto layout для разных групп выделенных объектов.

• Массовое перемещение объектов в разных auto layout, неважно, горизонтальные они или вертикальные.

• Массовое внесение объектов в несколько фреймов.

• Выравнивание объекта относительно ключевого в разных фреймах.

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

• Создание компонента из ключевого объекта и автоматическая замена других выделенных объектов инстансами.

• Одновременное редактирование вариантов компонента, например добавление иконок, текста и т. п.

Для ознакомления с этими новшествами Figma подготовила обучающий файл и видео. Что вы думаете об этих изменениях — пишите в комментариях.

Microsoft начинает внедрять новый дизайн облачного хранилища OneDrive для потребителей. Обновление Fluent представили в 2023 году, и оно будет доступно всем пользователям к концу февраля.

«Это визуальное и функциональное обновление, призванное помочь быстро получить доступ к файлам и организовать контент различными способами», — говорит Мишель Барретт, менеджер по продуктам Microsoft.

Новый интерфейс OneDrive более соответствует Windows 11 и заменяет различные приложения Microsoft Office. Он был упрощен и модернизирован, а также появился новый режим просмотра, позволяющий находить файлы и документы по их авторам.

Microsoft добавила фильтры, которые помогают разделять форматы Word, Excel, PowerPoint или PDF. Кнопка «Добавить новый» позволяет не только загружать, но и создавать документы с помощью приложений Office.

Microsoft выпустила тестовую сборку операционной системы Windows 11 Insider Preview Build 26040, в которой переработан интерфейс установки ОС и добавлены новые опции.

Разработчики поменяли одно из окон интерфейса процесса установки Windows впервые за 11 лет. Ранее подобное изменение было в рамках релиза Windows 8.

Теперь вместо фиолетового фона в процессе запуска установки ОС сделан белый, а пользователю предлагается либо восстановить систему на ПК, либо полностью переустановить её. Также на исправленной странице инсталлятора стоит чекбокс, что пользователь согласен с процессом, в течение которого могут быть удалены его файлы, приложения и предыдущие настройки.

Плагин «Simpleflow» для Figma упрощает вставку коннекторов (стрелок), соединяющих два объекта. Это особенно полезно при добавлении пояснений к макетам. Идея плагина очень простая: он берет коннекторы из FigJam и вставляет в Figma. Основное преимущество перед аналогичными плагинами заключается в том, что коннекторы не отвязываются, а автоматически перестраиваются вместе с объектом (то, что мы любим в Miro).

Мини‑инструкция:

1. Запускайте плагин и нажимайте «Copy connector to clipboard».

2. Выбирайте первый объект, удерживая Shift , затем выбирайте второй объект, к которому будет направлена стрелка.

3. Нажимайте «Paste here» или используйте Ctrl/cmd+V .

   Чтобы вставить стрелку повторно, не обязательно запускать плагин. Просто нажмите Ctrl/cmd+D, чтобы создать дубликат.

Платная версия также доступна и предоставляет возможность изменять цвет стрелок и добавлять иконки. Лично для меня последнее кажется избыточным, а цвет коннекторов можно регулировать через саму Figma. Бесплатный функционал полностью соответствует моим запросам, предоставляя возможность изменять форму точки начала и конца линии, ее цвет, добавлять текст и перемещать его, изменять форму линии, а главное, перемещать объекты без потери связей.

«Студия Артемия Лебедева» представила на своём сайте проект иконок для операционной системы «Аврора». Дизайнеры студии разработали расширенный набор из трёхсот пиктограмм. На реализацию проекта ушло 34 дня, а в будущем студия планирует добавлять в набор новые иконки. Арт-директором проекта выступил Павел Герасимчук, который ранее руководил разработкой айдентики Мещерского парка, сайта программы «СберСпасибо», атомной электростанции «Аккую», администрации города Королёва и мобильного приложения сети ювелирных магазинов «Санлайт».

Заказал себе на днях кое-какой товар в интернет магазине и соблазнился их акцией с бесплатной доставкой от Яндекс.Доставки. Через некоторое время на электронную почту пришло письмо о передаче товара в службу доставки и трек номер для его отслеживания.

Но к своему немалому удивлению обнаружил, что посылку на сайте Яндекс.Доставки отследить не представляется возможным. Это можно сделать только в специальном мобильном приложении или по ссылке в браузере из СМС.

Может быть представители Яндекс не постесняются ответить на вопрос. Как предполагается отслеживать посылки тем пользователям, которые продолжают использовать обычные телефоны?

Настоящий нейроарт, или как превратить мысли в искусство

Представьте полутемный зал. Сидящая в центре пара целуется, и все вокруг расцветает разноцветными всполохами. Обручи на их головах считывают мозговую активность и превращают в кривые световой инсталляции, заполняющей все вокруг. Так выглядит Kissing Data — один из самых красивых science art проектов последнего времени.

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

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

Следующий шаг напрашивается. Преобразуйте мозговую активность в картинку или звук, и используйте биологическую обратную связь, чтобы контролировать их. Так может получиться новый визуально–музыкальный инструмент, управляемый силой мысли. Почти что голофон из футурамы. Профессор Грейс Лесли разрабатывает систему для создания музыки при помощи мозговых волн и уже демонстрирует результаты своих трудов акомпонимируя на флейте.

Источник: t.me/SantryBlog

Gmail тестирует новый пользовательский интерфейс для быстрых ответов на электронные письма, напоминающий UI почтовых приложений в стиле чата на Android. Он позволяет просматривать цепочки бесед. 

Таким образом Gmail избавится от кнопок «Ответить», «Ответить всем» и «Переслать полученное электронное письмо», а окно ответа постоянно отображается внизу экрана, чтобы не прокручивать сообщение электронной почты вниз. 

Также можно использовать раскрывающийся список слева в окне сообщения, чтобы изменить параметр «Ответить всем» или отредактировать список получателей. Справа появится кнопка, которая откроет полноэкранное окно создания сообщения. За пределами текстового поля справа также будет кнопка со смайликом для быстрых реакций. Если не разворачивать текстовое поле, то оно автоматически перемещается ближе к середине экрана.

Всем привет. Меня зовут Тирайр, я ведущий процессный аналитик в Спортмастер Лаб и менеджер проекта Со-Общество - базы знаний в Telegram с полезными материалами из области бизнес-анализа, цифровых технологий и менеджмента.

Наша команда провела очередную онлайн-трансляцию с разбором Figma. В качестве спикера пригласили Никиту Берникова, продакт-менеджера Группы цифровых продуктов для сотрудников Спортмастера, который знает о Figma всё (мы проверяли). Получилось очень здорово и насыщено, хоть ребята и волновались: прямой эфир – это вам не шутки! Запись будет особенно полезна начинающим специалистам.

Таймкод:
01:23 О спикере сегодняшней трансляции
02:21 Что такое Figma и для чего она нужна
05:12 Инструмент улучшения взаимодействия со стейкхолдерами
08:47 Насколько необходимо бизнес-аналитику уметь пользовать Figma
09:51 Источники вдохновения и полезной информации
13:58 Уникальный дизайн vs Сложившийся паттерн
14:35 Разбор кейса Lamoda
19:15 Важные правила при создании прототипов
22:43 О тестировании интерфейсов
33:27 О сложностях и набитых шишках
35:08 Знакомство с интерфейсом и возможностями
42:37 Инструмент не только для создания прототипов: опыт Спортмастера
44:37 Антипаттерны и их полезность

Перейти к просмотру

Подписывайтесь на канал Со-Общество и следите за выходом новых трансляций! А мы пошли готовить для вас онлайн-воркшоп, на котором мы покажем, как быстро и просто создавать прототипы интерфейса при помощи Figma.

Книга «Дизайн маркетплейса». Вступление

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

Формат

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

Об авторе

Итак, меня зовут Евгений Еликов. Я – ведущий UX/UI и продуктовый дизайнер. Больше 20 лет занимаюсь дизайном сайтов, порталов, веб-сервисов, интернет-магазинов, игр, CRM/ERP – систем, а также мобильных приложений.

Последние 3 года я работаю с международной маркетплейс-платформой. За это время провёл полный реинжиниринг дизайна портала покупателя и системы управления маркетплейсами для Индии, Египта, Кот-д’Ивуара и России.

Накопленным опытом я и хочу с вами поделиться.

Кому подойдёт эта книга

Книга подойдёт начинающим и опытным дизайнерам, перед которыми встала задача дизайна интернет-магазина или маркетплейса.

Подробнее - в статьях и на сайте

X перестанет показывать оригинальные заголовки статей, так как Илон Маск считает, что это улучшит внешний вид постов. Будут отображаться только главное изображение статьи и домен, на котором она опубликована.

В последнее время Маск призывает пользователей публиковать больше контента напрямую на X, чтобы повысить вовлечённость на платформе. Он также сказал, что алгоритм «пытается оптимизировать время, затрачиваемое на X», а это означает, что «ссылки не привлекают столько внимания» и что «лучше всего публиковать контент в развёрнутой форме».

Разработчик Фрэнк А. Крюгер обратил внимание, что иконка «Пункта управления» в тулбаре macOS нагружает процессор на 1,0 %. Поначалу эта постоянная активность Фрэнка беспокоила слабо, и он её игнорировал.

Но любопытство одержало верх. Разработчик, похоже, поковырялся в «Мониторинге системы» и проанализировал процесс. Как оказалось, приложение постоянно перерисовывает свои компоненты SwiftUI — в том числе тогда, когда его интерфейс скрыт.

Впрочем, как заметили в комментариях, непрекращающаяся работа функции с выразительным названием [NSView _updateConstraintsForSubtreeIfNeededCollectingViewsWithInvalidBaselines:] может быть нужна для отзывчивости системы. Если постоянно повторно рендерить интерфейс, то получится выводить элементы в тот же момент, как пользователь их вызывает.