Отладка встраиваемых систем с микроконтроллерами часто затруднена из-за невозможности отслеживания процессов в первые секунды после запуска прошивки. Библиотека логирования для STM32 и FreeRTOS решает эту проблему, позволяя получать детальные журналы событий с самого старта программы. Это значительно упрощает диагностику ошибок и ускоряет процесс разработки. В статье рассматриваются основные функции библиотеки, настройка интерфейсов и уровней логирования, а также её внутреннее устройство.
Интерфейсы *
То, что помогает ориентироваться
Новости
Без теории к практике: как уловить радиоволну инклюзивного дизайна, опираясь на опыт реальных людей
Удобство. Что же это такое? Задумывались ли вы, почему перила у лестницы находятся по правую руку, цифры в лифте идут снизу вверх по возрастанию, а бутылку с газировкой делают такой формы, чтобы рука могла комфортно обхватить её?
Такие детали очень важны для определённых категорий людей. В обычной офлайн-жизни можно заметить, что про людей с ограниченными возможностями стали думать больше, чем это было несколько лет назад. Удобные пандусы, разметка на улице у светофоров и в подземных переходах. Но почему тогда приложения и сайты отстают?
Сегодня мне бы хотелось поговорить с вами на тему инклюзивного дизайна. Именно про то, как важно уделять внимание доступности вашего решения при проектировании мобильного приложения или сайта для людей с ограниченными возможностями. В этой статье я не собираюсь давать вам какую-то теоретическую базу, которую вы и так можете найти на просторах интернета. Здесь я не буду писать простые истины о том, как стоит по правилам проектировать интерфейсы приложений, чтобы люди с ограниченными возможностями стабильно пользовались ими. Я бы хотела обратиться к реальным историям и болям таких людей. Поговорить про их регулярный опыт при ежедневном использовании приложений.
Но сначала давайте определимся с важным термином — «универсальный дизайн». Это словосочетание мало кто знает, но это фундамент, который помогает строить удобные интерфейсы для всех.
«Универсальный дизайн» — концепт, придуманный американским архитектором Рональдом Л. Мейсом. Он выделил 7 принципов «универсального дизайна», которые описывают, как создать хорошие условия для людей разного возраста и способностей. Он верил, что простой доступ к зданиям и свобода движения сделают жизнь проще для всех. Селвин Голдсмит переформулировал цитату Мейса в своей книге «Проектирование для инвалидов». Он придумал концепт «свободного дизайна». Затем эти термины стали известны как «инклюзивный» и «доступный дизайн». Так чем они отличаются?
Аналитика сайта FRANK by Баста. Как провести редизайн не просто рисуя картинки, а улучшая удобство, метрики и визуал?
Практически каждый джун совершает одинаковую ошибку при редизайне — берут старый дизайн и лишь визуально видоизменяют его. На деле же редизайн — это огромный процесс, который требует аналитики, продумывания и реализации гипотез, прототипирования и только потом улучшения визуальной части. Сегодня мы расскажем, как правильно подходить к редизайну сайта.
Пятый элемент: разбираемся с Separated apps в KNOX Service Plugin (KSP)
Допустим такой кейс: cотрудники компании использовали корпоративные устройства под управлением EMM системы (Enterprise Mobility Management), политики которой запрещали WhatsApp, что было неудобно сотрудникам, потому что партнёры и клиенты компании иногда предпочитали общение в этом приложении.
«Левым» приложениям не доверяют, потому что они могут совать нос в конфиденциальные данные компании или сканировать частную корпоративную сеть. Как тогда разрешить ситуацию? В конце статьи бонусом расскажу об условиях, при которых получение root прав или прошивка неофициальной ОС превращает смартфон или планшет Samsung в «кирпич»
Истории
Оценка компетенций продуктовых дизайнеров. Часть 3: Дизайн-чекап команды
Привет! Я Ваня Соловьёв, руководитель продуктового дизайна в «Магните». Рано или поздно в компании возникает вопрос: как оценивать вклад и навыки продуктовых дизайнеров. Тогда ответственные начинают искать информацию в интернете, собирая обрывки знаний то тут, то там. Обычно это приводит к неточным результатам: системы и методы оценки разные, и их объединение не всегда положительно сказывается на итоговом результате.
Сегодня я подробно расскажу о том, что такое дизайн-чекап, как он помогает нам в диалоге с бизнесом и о финальных этапах оценки.
Как осмысленно подходить к работе и делать крутой результат, а не рисовать прототипы «по-чуйке»
Уже больше 6 лет мы делаем интернет удобнее. И начали мы наш путь с проектирования. С закрытыми глазами наши дизайнеры делают прототипы высокого качества, а все благодаря знаниям, которые мы передаем «из уст в уста». Сегодня про полезный лайфхак для всех дизайнеров, который поможет вам начать делать крутые и осмысленные прототипы.
Интерфейсы Человек-ИИ: ключ к будущему взаимодействия
Анализ эволюции и перспектив развития интерфейсов для гармоничного сотрудничества человека и искусственного интеллекта.
Как мы делали Yandex Cloud на дизайн-системе Gravity UI доступнее
Привет, меня зовут Вова Тимофеев, я менеджер технических проектов Yandex Cloud. В статье поделюсь тем, как мы делали сайт облачной платформы доступнее, сколько итераций прошли и какую роль в этом сыграл Gravity UI.
В основе доступности всех сервисов — то, насколько хорошо они поддерживают работу с программами экранного доступа (Screen reader). Через эти программы пользователи с ограничениями воспринимают интерфейс и взаимодействуют с ним.
Сайты — не исключение. И нам предстояло выяснить, насколько доступен Yandex Cloud для всех пользователей.
В Яндексе под доступностью мы подразумеваем то, что наши сервисы должны с комфортом использовать все, вне зависимости от временных или постоянных физических ограничений. Например, сейчас для незрячих пользователей адаптировано 16 сервисов Яндекса: Лавка, Go, Поиск, Браузер, Почта и другие. В работе над доступностью каждого сервиса помогает команда невизуального тестирования — и в кейсе, о котором расскажу в этой статье, без их помощи тоже не обошлось.
Пирамида кайфовости продуктового текста
Привет, Хабр! Меня зовут Настя Фальковская, я руководитель UX-редактуры в МТС. Я работаю с текстом и контентом много лет и знаю, как сложно бывает его оценить. Особенно в интерфейсе, где субъективные критерии типа «красиво написано» и «круто звучит» совершенно не работают. Ведь текст в продукте должен нести пользу: служить навигацией, формировать удобный клиентский путь, приносить бизнесу деньги, в конце концов.
Так родилась концепция «пирамиды кайфовости» — пять простых критериев, по которым можно определить, хорош ли продуктовый текст. Под катом поэтапно разберем каждый ее уровень.
TWM — старый, лёгкий и классный оконный менеджер в *никсах
Одной из привлекательных особенностей в Linux-ах и прочих unix-like системах является то что оконные менеджеры можно менять как перчатки! Все они, конечно, отображают пользовательские программы в графических окнах - но у каждого свои фишки, настройки и особенности, что вызывает непрестанные дискуссии "KDE против Gnome" и подобные.
Для демонстрации вот мини-обзор (и мини-тьюториал) по TWM - это дефолтный оконный менеджер в разных *nix
системах, если ваш дистрибутив не содержал что-то более новомодное. Он очень легковесный, несколько непривычный в управлении - и притом хорошо конфигурируемый. Также в него вы попадаете в некоторых режимах восстановления системы - так что полезно будет узнать как им пользоваться и как из него выйти :)
Инструменты Figma: как работать с типографикой, цветами и компонентами правильно
Правильные названия проектов, типографская раскладка, работа с компонентами и цветовыми стилями — все это должен уметь делать дизайнер в Figma. Сегодня про БАЗУ Figma, разберу самые важные моменты, которые помогут вам освоить эту программу и делать свой дизайн лучше.
Продукт или студия: куда пойти работать дизайнеру, и почему в банках так много платят
Эта статья для начинающих и взрослых дизайнеров. Новички поймут, в какую сторону смотреть, где искать первую работу. Опытные ребята ответят себе на вопросы: «Тем ли я занимаюсь?» и «Стоит ли менять профессию?».
Как Vercel микрофронтенды внедрила
Узнайте, как Vercel сократил время сборки и повысил скорость разработки, сохранив при этом удобство работы с микрофронтендами.
Основной веб-сайт Vercel, некогда являвшийся единым крупным сайтом Next.js приложение, обслуживающее как посетителей нашего веб-сайта, так и панель управления для входа в систему. Но по мере того, как компания Vercel росла, в этой системе появились возможности для совершенствования. Время сборки росло, управление зависимостями становилось все более сложным, а рабочие процессы требовали оптимизации. Незначительные изменения привели к полномасштабным сборкам, повлияв на изолированную разработку и конвейеры CI.
Ближайшие события
Оценка компетенций продуктовых дизайнеров. Часть 2: Карта навыков
Привет! Я Ваня Соловьёв, руководитель продуктового дизайна в «Магните». Рано или поздно в компании возникает вопрос: как оценивать вклад и навыки продуктовых дизайнеров. Тогда ответственные начинают искать информацию в интернете, собирая обрывки знаний то тут, то там. Обычно это приводит к неточным результатам: системы и методы оценки разные, и их объединение не всегда положительно сказывается на итоговом результате.
В предыдущей статье я рассказал про этапы оценки и подробно остановился на первых четырех. Сегодня я детально расскажу про оценку навыков и как мы доработали ее под себя.
Тысячи иконок и адаптация под RTL: проектирование интерфейса шаблона мобильного приложения для партнёров Travelpayouts
Представьте, вы скачиваете приложение-шаблон и хотите настроить его под себя. А будут ли там нужные цвета, иконки, кнопки и темы? Удобно ли будет им пользоваться после всех манипуляций?
Об этих вопросах мы в CleverPumpkin задумались, когда проектировали интерфейс для White Label App — шаблона нативного мобильного приложения для поиска и покупки авиабилетов или бронирования отелей для компании Travelpayouts. Это партнёрская платформа, которая даёт возможность тревел-брендам и инфлюенсерам получать доход от рекламных кампаний известных тревел-брендов и сервисов.
В статье дизайнер интерфейсов CleverPumpkin Фёдор Миронов рассказывает о том, как он продумывал дизайн приложения таким образом, чтобы партнёры могли скачать шаблон и настроить приложение под любую стилистику и сохранить визуальную гармонию.
Пару слов о проекте
White Label App — это шаблон приложения с готовыми функциональными модулями. С его помощью партнёры Travelpayouts могут сделать собственное уникальное приложение — его интерфейс легко кастомизируется под любой брендбук или понравившуюся стилистику. Для этого достаточно выбрать один из предустановленных стилей и задать цветовую палитру интерфейса. А после опубликовать готовое приложение в Google Play или App Store со своими названием и иконкой.
В прошлой статье мы подробно рассказывали о процессе создании проекта и разработке двух его версий (White Label App и White Label SDK) и удобном конфигураторе для одновременной настройки интерфейса для iOS и Android. Но этот проект уникален и с точки зрения дизайна, поэтому решили подробно написать о том, как его создавали.
Гайд для дизайнера по переходу от «общего котла» к продуктовому подходу
Я лид продуктового веб-дизайна в t2.digital. Карьеру начала с дизайна продуктов в нидерландском стартапе, который специализировался на эзотерических товарах. Потом я работала в английском стартапе, который разрабатывает книги для развития эмоционального интеллекта у детей.
И после этого я обрела свое место в продуктовом дизайне t2.digital. Каждый месяц более 20 миллионов абонентов пользуются нашими цифровыми интерфейсами.
В начале я работала в парадигме общего котла. Это когда разные продакты приносят лиду дизайна задачи, а он уже распределяет их между дизайнерами. У такого дизайнера нет привязки к конкретному продукту. Это достаточно тяжело: много разношерстных продуктов и коммуникаций. Следом в команде появилась гибридная модель, в которой часть дизайнеров остаются в парадигме общего котла, а часть переходит в конкретные команды, которые занимаются определенными продуктами. Прошлым летом я стала выделенным дизайнером для двух стримов core-продуктов t2.digital.
На новой позиции по мере погружения в продукт, я переосмыслила опыт работы. Появилось пространство, чтобы сфокусироваться на том, какую еще пользу я могу принести команде?
Lorem ipsum dolor sit amet, consectetur adipiscing elit
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam erat leo, tempus at malesuada sed, dapibus vitae ipsum. Morbi vitae dignissim lectus. Nulla lectus nisl, pretium sit amet viverra vitae, feugiat quis nunc. In semper justo orci. Praesent ultrices risus eu odio ornare suscipit. Pellentesque dapibus mauris magna. Sed congue, quam ut pharetra euismod, justo augue cursus ex, congue volutpat orci metus non enim. Suspendisse orci justo, vehicula et rhoncus eu, eleifend ut massa. Morbi sodales mauris felis, id tincidunt nulla congue quis.
Как нарисовать завод на мнемосхеме
Для фронта MES у нас на заводе используются мнемосхемы производственных цехов. Мы очень любим их проектировать.
Допустим, надо отследить позиционирование ковша. Оператор может посмотреть детали, кликнув на нужный ковш, чтобы сразу увидеть его начальное, конечное и текущее положения в производственной цепочке. Или он может быстро просмотреть весь процесс в большом цехе размером с пару стадионов, и сразу отреагировать, если что-то пойдет не так.
Ещё лет пять назад было бы трудно поверить, что такое возможно. У нас был Oracle, для отображения состояния оборудования и процессов применялись таблицы, графики, диаграммы, были даже текстовые описания. Это было низкоэффективно, требовало изрядно времени и усилий для обработки. Потом пришёл MES и понемногу всё закрутилось. Для MES-интерфейсов потребовался новый подход, т.к. в мире нет унифицированных решений для их разработки.
Чтобы внедрить мнемосхемы на производстве, пришлось изрядно поработать. Но задача была вдохновляющая, и оно того стоило.
Оценка компетенций продуктовых дизайнеров. Часть 1: Этапы оценки
Привет! Я Ваня Соловьёв, руководитель продуктового дизайна в «Магнит». Рано или поздно в каждой компании возникает вопрос: как оценивать вклад и навыки продуктовых дизайнеров. Тогда ответственные за это начинают искать информацию в интернете, собирая обрывки знаний то тут, то там. Обычно это приводит к неточным результатам: системы и методы оценки разные, и их объединение не всегда положительно сказывается на итоговом результате.
В этом цикле статей из трёх частей я расскажу о всех важных этапах оценки компетенций, которые помогут дизайнерам понять свои сильные и слабые стороны, определить вектор развития на следующие полгода, а компании — получить ясное представление о дизайнерах и их ценности для бизнеса. Вместо «обзорной экскурсии» я подробно опишу каждый этап, шаги и детали, которые часто упускаются, но влияют на итоговое качество оценки.
10 выводов, которые я сделала, пока собирала UI-кит
Привет! Меня зовут Лера Ган, я дизайнер в AGIMA. Два года назад я пришла на новый проект. К тому времени наша команда занималась им уже довольно долго, но дизайнеры часто менялись. Поэтому до UI-кита руки не доходили. Моя первая задача была привести его в порядок, чтобы спасти дизайнеров и разработчиков от мучений. В процессе работы я поняла несколько важных вещей, о которых сейчас расскажу.
Если вы никогда не собирали UI-кит самостоятельно, то мои наблюдения вам точно пригодятся. А если собирали — возможно, дополните меня в комментариях.
Вклад авторов
jvetrau 3666.0alizar 2432.5forgotten 1155.0Milfgard 983.0dmitrysatin 833.0badlittleduck 810.8Leono 716.1Bright_Translate 675.6kamushken 594.2grokru 541.0