Как стать автором
Обновить
108.02

Интерфейсы *

То, что помогает ориентироваться

Сначала показывать
Порог рейтинга
Уровень сложности

Логирование FreeRTOS через Virtual Com Port

Уровень сложностиСредний
Время на прочтение10 мин
Количество просмотров696

Отладка встраиваемых систем с микроконтроллерами часто затруднена из-за невозможности отслеживания процессов в первые секунды после запуска прошивки. Библиотека логирования для STM32 и FreeRTOS решает эту проблему, позволяя получать детальные журналы событий с самого старта программы. Это значительно упрощает диагностику ошибок и ускоряет процесс разработки. В статье рассматриваются основные функции библиотеки, настройка интерфейсов и уровней логирования, а также её внутреннее устройство.

Тестирование stm32 в Qemu в Docker
Всего голосов 4: ↑4 и ↓0+5
Комментарии2

Новости

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

Уровень сложностиПростой
Время на прочтение12 мин
Количество просмотров543

Удобство. Что же это такое? Задумывались ли вы, почему перила у лестницы находятся по правую руку, цифры в лифте идут снизу вверх по возрастанию, а бутылку с газировкой делают такой формы, чтобы рука могла комфортно обхватить её?

Такие детали очень важны для определённых категорий людей. В обычной офлайн-жизни можно заметить, что про людей с ограниченными возможностями стали думать больше, чем это было несколько лет назад. Удобные пандусы, разметка на улице у светофоров и в подземных переходах. Но почему тогда приложения и сайты отстают?

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

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

«Универсальный дизайн» — концепт, придуманный американским архитектором Рональдом Л. Мейсом. Он выделил 7 принципов «универсального дизайна», которые описывают, как создать хорошие условия для людей разного возраста и способностей. Он верил, что простой доступ к зданиям и свобода движения сделают жизнь проще для всех. Селвин Голдсмит переформулировал цитату Мейса в своей книге «Проектирование для инвалидов». Он придумал концепт «свободного дизайна». Затем эти термины стали известны как «инклюзивный» и «доступный дизайн». Так чем они отличаются?

Читать далее
Всего голосов 3: ↑2 и ↓1+1
Комментарии2

Аналитика сайта FRANK by Баста. Как провести редизайн не просто рисуя картинки, а улучшая удобство, метрики и визуал?

Уровень сложностиПростой
Время на прочтение4 мин
Количество просмотров757

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

Читать далее
Всего голосов 4: ↑0 и ↓4-4
Комментарии0

Пятый элемент: разбираемся с Separated apps в KNOX Service Plugin (KSP)

Уровень сложностиСредний
Время на прочтение5 мин
Количество просмотров502

Допустим такой кейс: cотрудники компании использовали корпоративные устройства под управлением EMM системы (Enterprise Mobility Management), политики которой запрещали WhatsApp, что было неудобно сотрудникам, потому что партнёры и клиенты компании иногда предпочитали общение в этом приложении.

«Левым» приложениям не доверяют, потому что они могут совать нос в конфиденциальные данные компании или сканировать частную корпоративную сеть. Как тогда разрешить ситуацию? В конце статьи бонусом расскажу об условиях, при которых получение root прав или прошивка неофициальной ОС превращает смартфон или планшет Samsung в «кирпич»

Читать далее
Всего голосов 9: ↑9 и ↓0+12
Комментарии0

Истории

Оценка компетенций продуктовых дизайнеров. Часть 3: Дизайн-чекап команды

Уровень сложностиСредний
Время на прочтение5 мин
Количество просмотров504

Привет! Я Ваня Соловьёв, руководитель продуктового дизайна в «Магните». Рано или поздно в компании возникает вопрос: как оценивать вклад и навыки продуктовых дизайнеров. Тогда ответственные начинают искать информацию в интернете, собирая обрывки знаний то тут, то там. Обычно это приводит к неточным результатам: системы и методы оценки разные, и их объединение не всегда положительно сказывается на итоговом результате.

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

Читать далее
Всего голосов 4: ↑1 и ↓3-2
Комментарии0

Как осмысленно подходить к работе и делать крутой результат, а не рисовать прототипы «по-чуйке»

Уровень сложностиПростой
Время на прочтение4 мин
Количество просмотров1.2K

Уже больше 6 лет мы делаем интернет удобнее. И начали мы наш путь с проектирования. С закрытыми глазами наши дизайнеры делают прототипы высокого качества, а все благодаря знаниям, которые мы передаем «из уст в уста». Сегодня про полезный лайфхак для всех дизайнеров, который поможет вам начать делать крутые и осмысленные прототипы.

Читать далее
Всего голосов 6: ↑2 и ↓40
Комментарии0

Интерфейсы Человек-ИИ: ключ к будущему взаимодействия

Уровень сложностиСредний
Время на прочтение12 мин
Количество просмотров612

Анализ эволюции и перспектив развития интерфейсов для гармоничного сотрудничества человека и искусственного интеллекта.

Читать далее
Всего голосов 5: ↑3 и ↓2+2
Комментарии2

Как мы делали Yandex Cloud на дизайн-системе Gravity UI доступнее

Уровень сложностиСредний
Время на прочтение10 мин
Количество просмотров3.1K

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

В основе доступности всех сервисов — то, насколько хорошо они поддерживают работу с программами экранного доступа (Screen reader). Через эти программы пользователи с ограничениями воспринимают интерфейс и взаимодействуют с ним.

Сайты — не исключение. И нам предстояло выяснить, насколько доступен Yandex Cloud для всех пользователей.

В Яндексе под доступностью мы подразумеваем то, что наши сервисы должны с комфортом использовать все, вне зависимости от временных или постоянных физических ограничений. Например, сейчас для незрячих пользователей адаптировано 16 сервисов Яндекса: Лавка, Go, Поиск, Браузер, Почта и другие. В работе над доступностью каждого сервиса помогает команда невизуального тестирования — и в кейсе, о котором расскажу в этой статье, без их помощи тоже не обошлось.

Читать далее
Всего голосов 15: ↑14 и ↓1+17
Комментарии3

Пирамида кайфовости продуктового текста

Уровень сложностиПростой
Время на прочтение4 мин
Количество просмотров1.7K

Привет, Хабр! Меня зовут Настя Фальковская, я руководитель UX-редактуры в МТС. Я работаю с текстом и контентом много лет и знаю, как сложно бывает его оценить. Особенно в интерфейсе, где субъективные критерии типа «красиво написано» и «круто звучит» совершенно не работают. Ведь текст в продукте должен нести пользу: служить навигацией, формировать удобный клиентский путь, приносить бизнесу деньги, в конце концов.

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

Читать далее
Всего голосов 9: ↑7 и ↓2+10
Комментарии2

TWM — старый, лёгкий и классный оконный менеджер в *никсах

Уровень сложностиПростой
Время на прочтение7 мин
Количество просмотров3.3K

Одной из привлекательных особенностей в Linux-ах и прочих unix-like системах является то что оконные менеджеры можно менять как перчатки! Все они, конечно, отображают пользовательские программы в графических окнах - но у каждого свои фишки, настройки и особенности, что вызывает непрестанные дискуссии "KDE против Gnome" и подобные.

Для демонстрации вот мини-обзор (и мини-тьюториал) по TWM - это дефолтный оконный менеджер в разных *nix системах, если ваш дистрибутив не содержал что-то более новомодное. Он очень легковесный, несколько непривычный в управлении - и притом хорошо конфигурируемый. Также в него вы попадаете в некоторых режимах восстановления системы - так что полезно будет узнать как им пользоваться и как из него выйти :)

Что же, посмотрим...
Всего голосов 10: ↑8 и ↓2+8
Комментарии6

Инструменты Figma: как работать с типографикой, цветами и компонентами правильно

Уровень сложностиПростой
Время на прочтение6 мин
Количество просмотров2.4K

Правильные названия проектов, типографская раскладка, работа с компонентами и цветовыми стилями — все это должен уметь делать дизайнер в Figma. Сегодня про БАЗУ Figma, разберу самые важные моменты, которые помогут вам освоить эту программу и делать свой дизайн лучше.

Читать далее
Всего голосов 3: ↑1 и ↓2-1
Комментарии1

Продукт или студия: куда пойти работать дизайнеру, и почему в банках так много платят

Уровень сложностиПростой
Время на прочтение7 мин
Количество просмотров1.6K

Эта статья для начинающих и взрослых дизайнеров. Новички поймут, в какую сторону смотреть, где искать первую работу. Опытные ребята ответят себе на вопросы: «Тем ли я занимаюсь?» и «Стоит ли менять профессию?».

Читать далее
Всего голосов 7: ↑4 и ↓3+4
Комментарии4

Как Vercel микрофронтенды внедрила

Уровень сложностиСредний
Время на прочтение6 мин
Количество просмотров2.5K

Узнайте, как Vercel сократил время сборки и повысил скорость разработки, сохранив при этом удобство работы с микрофронтендами.

Основной веб-сайт Vercel, некогда являвшийся единым крупным сайтом Next.js приложение, обслуживающее как посетителей нашего веб-сайта, так и панель управления для входа в систему. Но по мере того, как компания Vercel росла, в этой системе появились возможности для совершенствования. Время сборки росло, управление зависимостями становилось все более сложным, а рабочие процессы требовали оптимизации. Незначительные изменения привели к полномасштабным сборкам, повлияв на изолированную разработку и конвейеры CI.

Читать далее
Всего голосов 5: ↑4 и ↓1+5
Комментарии3

Ближайшие события

7 – 8 ноября
Конференция byteoilgas_conf 2024
МоскваОнлайн
7 – 8 ноября
Конференция «Матемаркетинг»
МоскваОнлайн
15 – 16 ноября
IT-конференция Merge Skolkovo
Москва
22 – 24 ноября
Хакатон «AgroCode Hack Genetics'24»
Онлайн
28 ноября
Конференция «TechRec: ITHR CAMPUS»
МоскваОнлайн
25 – 26 апреля
IT-конференция Merge Tatarstan 2025
Казань

Оценка компетенций продуктовых дизайнеров. Часть 2: Карта навыков

Уровень сложностиСредний
Время на прочтение5 мин
Количество просмотров368

Привет! Я Ваня Соловьёв, руководитель продуктового дизайна в «Магните». Рано или поздно в компании возникает вопрос: как оценивать вклад и навыки продуктовых дизайнеров. Тогда ответственные начинают искать информацию в интернете, собирая обрывки знаний то тут, то там. Обычно это приводит к неточным результатам: системы и методы оценки разные, и их объединение не всегда положительно сказывается на итоговом результате.

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

Читать далее
Всего голосов 5: ↑4 и ↓1+5
Комментарии2

Тысячи иконок и адаптация под RTL: проектирование интерфейса шаблона мобильного приложения для партнёров Travelpayouts

Уровень сложностиПростой
Время на прочтение5 мин
Количество просмотров629

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

Об этих вопросах мы в CleverPumpkin задумались, когда проектировали интерфейс для White Label App — шаблона нативного мобильного приложения для поиска и покупки авиабилетов или бронирования отелей для компании Travelpayouts. Это партнёрская платформа, которая даёт возможность тревел-брендам и инфлюенсерам получать доход от рекламных кампаний известных тревел-брендов и сервисов. 

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

Пару слов о проекте

White Label App — это шаблон приложения с готовыми функциональными модулями. С его помощью партнёры Travelpayouts могут сделать собственное уникальное приложение — его интерфейс легко кастомизируется под любой брендбук или понравившуюся стилистику. Для этого достаточно выбрать один из предустановленных стилей и задать цветовую палитру интерфейса. А после опубликовать готовое приложение в Google Play или App Store со своими названием и иконкой.

В прошлой статье мы подробно рассказывали о процессе создании проекта и разработке двух его версий (White Label App и White Label SDK) и удобном конфигураторе для одновременной настройки интерфейса для iOS и Android. Но этот проект уникален и с точки зрения дизайна, поэтому решили подробно написать о том, как его создавали.

Читать далее
Всего голосов 6: ↑6 и ↓0+8
Комментарии0

Гайд для дизайнера по переходу от  «общего котла» к продуктовому подходу

Уровень сложностиСредний
Время на прочтение9 мин
Количество просмотров2.3K

Я лид продуктового веб-дизайна в t2.digital. Карьеру начала с дизайна продуктов в нидерландском стартапе, который специализировался на эзотерических товарах. Потом я работала в английском стартапе, который разрабатывает книги для развития эмоционального интеллекта у детей.

И после этого я обрела свое место в продуктовом дизайне t2.digital. Каждый месяц более 20 миллионов абонентов пользуются нашими цифровыми интерфейсами.  

В начале я работала в парадигме общего котла. Это когда разные продакты приносят лиду дизайна задачи, а он уже распределяет их между дизайнерами. У такого дизайнера нет привязки к конкретному продукту. Это достаточно тяжело: много разношерстных продуктов и коммуникаций. Следом в команде появилась гибридная модель, в которой часть дизайнеров остаются в парадигме общего котла, а часть переходит в конкретные команды, которые занимаются определенными продуктами. Прошлым летом я стала выделенным дизайнером для двух стримов core-продуктов t2.digital.

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

Читать далее
Всего голосов 8: ↑7 и ↓1+8
Комментарии0

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Уровень сложностиПростой
Время на прочтение1 мин
Количество просмотров4.2K

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.

Читать далее
Всего голосов 3: ↑2 и ↓1+3
Комментарии23

Как нарисовать завод на мнемосхеме

Уровень сложностиСредний
Время на прочтение10 мин
Количество просмотров7.5K

Для фронта MES у нас на заводе используются мнемосхемы производственных цехов. Мы очень любим их проектировать.

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

Ещё лет пять назад было бы трудно поверить, что такое возможно. У нас был Oracle, для отображения состояния оборудования и процессов применялись таблицы, графики, диаграммы, были даже текстовые описания. Это было низкоэффективно, требовало изрядно времени и усилий для обработки. Потом пришёл MES и понемногу всё закрутилось. Для MES-интерфейсов потребовался новый подход, т.к. в мире нет унифицированных решений для их разработки.

Чтобы внедрить мнемосхемы на производстве, пришлось изрядно поработать. Но задача была вдохновляющая, и оно того стоило.

Читать далее
Всего голосов 32: ↑32 и ↓0+40
Комментарии24

Оценка компетенций продуктовых дизайнеров. Часть 1: Этапы оценки

Уровень сложностиСредний
Время на прочтение6 мин
Количество просмотров871

Привет! Я Ваня Соловьёв, руководитель продуктового дизайна в «Магнит». Рано или поздно в каждой компании возникает вопрос: как оценивать вклад и навыки продуктовых дизайнеров. Тогда ответственные за это начинают искать информацию в интернете, собирая обрывки знаний то тут, то там. Обычно это приводит к неточным результатам: системы и методы оценки разные, и их объединение не всегда положительно сказывается на итоговом результате.

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

Читать далее
Всего голосов 7: ↑5 и ↓2+5
Комментарии2

10 выводов, которые я сделала, пока собирала UI-кит

Уровень сложностиПростой
Время на прочтение4 мин
Количество просмотров3.1K

Привет! Меня зовут Лера Ган, я дизайнер в AGIMA. Два года назад я пришла на новый проект. К тому времени наша команда занималась им уже довольно долго, но дизайнеры часто менялись. Поэтому до UI-кита руки не доходили. Моя первая задача была привести его в порядок, чтобы спасти дизайнеров и разработчиков от мучений. В процессе работы я поняла несколько важных вещей, о которых сейчас расскажу.

Если вы никогда не собирали UI-кит самостоятельно, то мои наблюдения вам точно пригодятся. А если собирали — возможно, дополните меня в комментариях.

Читать далее
Всего голосов 8: ↑7 и ↓1+8
Комментарии1
1
23 ...