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

Интерфейсы *

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

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

Подбор цветов для палитры визуализации данных

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

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

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

Новости

Трудности перехода с Windows на Mac и можно ли полностью отказаться от Windows?

Время на прочтение 7 мин
Количество просмотров 12K

Многие пользователи WIndows поругивают ее последние версии. И даже заявляют что семерка была лучшей из всех. Я бы если честно, даже и XP еще использовал. Или Linux для decktop.

Общеизвестно (хотя есть и спорящие), что лучшим ноутбуком для Винды является макбук. Что лично для меня не подлежит сомнению. Я 10 лет назад перешел на Apple, чему весьма рад. Но вытянуть меня окончательно из болота Windows пока невозможно.

Читать далее
Всего голосов 22: ↑10 и ↓12 -2
Комментарии 128

Как начать читать научные исследования по дизайну и зачем они нужны

Время на прочтение 8 мин
Количество просмотров 4.8K

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

При этом, предмет работы и исследования у них во многом общий. И те, и другие изучают пользователей и диджитал (и не-диджитал) продукты, которыми они пользуются.

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

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

5 методик, которые необходимо использовать продуктовому дизайнеру в 2024-м

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

5 методик, которые необходимо использовать продуктовому дизайнеру в 24-м

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

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

Истории

Когда закончится эра безграмотных мобильных интерфейсов? Воспоминания о курсе эргономики 1985 года

Время на прочтение 3 мин
Количество просмотров 34K

Друзья, вы уже в курсе, что IOS достигла версии 17, а Android версии 12? Уже более 10 лет как две огромные фирмы мучают людей и совершенно не собираются умнеть.
Начнем с простого действия. Которое на компьютерах называется ESC. Отмена. Или возврат к предыдущему состоянию. Функция та же что и у BACKSPACE, но не в применению к набору текста, а к любому действию, которое захотелось отменить.
Apple упорно лишает пользователей телефонов и планшетов этой функции.

Это явное насилие, ибо понять почему на клавиатуре нет этой кнопки невозможно. Тем более, что на компьютрах Apple она имеется. Но в планшете iPad ее нет.

Андроидные телефоны имеют кнопку назад. Сразу имели. А вот Apple сделала позорную недокнопку в левом верхнем углу. Вроде бы нужная кнопка что бы вернуться в предыдущее приложение, да вот заранее не предусмотрели и пришлось встраивать "костыль".

Вот я из "Почты" нырнул в какое-то приложение. И возврат обратно вот такой мизерной незаметной строчкой. < Mail. Попасть в нее пальцем ну мягко говоря не просто. Равно как и разглядеть.

Читать далее
Всего голосов 181: ↑154 и ↓27 +127
Комментарии 371

Интерфейсы управления и что то новое

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

Для решения различных задач с использованием современных устройств нужны различные интерфейсы управления. Здесь под интерфейсами будем иметь в виду различные устройства для ввода информации.

Читать далее
Рейтинг 0
Комментарии 9

Никаких инструкций. Советы от техписа о том, как обойтись без него

Время на прочтение 7 мин
Количество просмотров 3K

Привет, меня зовут Евгения Береснева, и я старший технический писатель в X5 Tech. Пожалуй, выглядит странным, что технический писатель пишет статью с таким названием. Так что для начала небольшой дисклеймер:

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

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

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

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

Особенности подготовки текстов для правильного воспроизведения в программах для незрячих

Время на прочтение 11 мин
Количество просмотров 595

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

Когда один из моих коллег потерял зрение, у меня было 10 лет опыта с технологической точки зрения. По возвращении коллеги на работу моей задачей была подготовка для него отчетов о качестве звука в зависимости от используемых каналов связи, моделей телефонных аппаратов, версий программного обеспечения, вариантов используемых кодеков и массы прочих факторов.

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

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

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

Набором этих правил я и хочу поделиться.

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

Как выбрать шрифт для кодинга

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

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

Читать далее
Всего голосов 34: ↑32 и ↓2 +30
Комментарии 28

CX Camp Росбанка: что мы узнали о клиентском опыте и его трансформации с помощью jobs to be done

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

В октябре у нас в Росбанке прошел CX Camp — офлайн-мероприятие на целый день с приглашенными экспертами, дискуссиями, воркшопами и, конечно же, тимбилдингом под вечер. Темой кэмпа стал клиентский опыт и, в частности, применение к нему инструмента jobs to be done. В этом посте мы поделимся основными тезисами экспертов из разных компаний, которые выступили в тот день.

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

Реализация многофункционального терминального интерфейса для МК AVR

Время на прочтение 29 мин
Количество просмотров 3.3K

В данной статье речь пойдёт о разработке многофункционального терминального интерфейса для МК (на примере МК Atmega32 и терминала HyperTerminal. Многофункциональность в моём случае будет заключаться в обработке управляющих символов и управляющих последовательностей с целью реализации не только командного функционала, но и истории вводимых команд. Я постараюсь максимально приблизить свой интерфейс к интерфейсу командной строки Windows. Большая часть статьи - подробный комментарий программного кода, который может быть доступен даже начинающим в программировании. Никакого ООП нет - только элементы языка Си.

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

Пора делать нормальных телеграм-ботов #2

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

Уверен, многие даже не задумываются над тем, как поведёт себя разрабатываемый бот в случае неправильного его использования. Самое время вскрыть своих ботов и исправить часто допускаемые недочёты, которые я здесь опишу. Снова их 5, снова никакого кода, снова только описание. Добро пожаловать под кат.

Узнать, о чём речь
Всего голосов 8: ↑6 и ↓2 +4
Комментарии 21

Танец на граблях или тонкости UX-исследований в узких B2B-направлениях

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

Иллюстрация Андрея Попова

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

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

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

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

Как мы перевернули подход к созданию интерфейсов ОС

Уровень сложности Средний
Время на прочтение 9 мин
Количество просмотров 7.4K
В мире очень немного дизайн-команд, которые занимаются разработкой дизайна операционных систем (Apple, Google, Huawei, Microsoft и т. д.). И это дает таким командам уникальную возможность создавать дизайн-решения, которые могут стать трендсеттерами на рынке.

При этом у всех таких героев есть свои артефакты: планирование, бэклог, роадмап, технические ограничения, дедлайны, лимит ресурсов, рутинные задачи. И когда, с одной стороны, поджимают сроки очередного релиза, а с другой, есть естественный лимит емкости разработки, то дизайнеру бывает непросто сфокусироваться и придумать ТУ САМУЮ идею.



В «Лаборатории Касперского» дизайн-мышление встроено на уровне ДНК компании, оно полноценно используется для решения различных рабочих задач. А началось это с того, что мы, Никита Черемисинов (nikitadizer), руководитель группы дизайна в команде KasperskyOS, и Федор Раклов (Raklov), старший UX-исследователь, и вся наша остальная команда попробовали нестандартно подойти к решению креативных задач и провели сессию по генерации идей Playing the Future. В этой статье раскроем закулисье этого ивента — как мы его готовили, какой был процесс и какой получили профит.
Читать дальше →
Всего голосов 27: ↑25 и ↓2 +23
Комментарии 18

Улучшаем взаимодействие пользователя с интерфейсами

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

Всем привет! Мы ИТ-компания BSL– технологический партнер в продуктовой разработке и интеграции. В данной статье наш Team Lead Frontend Developer – Андрей рассказал о типичных ошибках при разработке интерфейсов по уе отрисованным макетам, способах их решения и, в целом, о правильном подходе при проектировании. Как мы знаем, не всегда дизайн-макеты идеальны, где-то могли упустить состояния, где-то не описано поведение анимаций, где-то дизайнер не знает вашу ui-библиотеку и так далее. Обо всём этом ниже.

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

Как мы (не) вкатились в геймдев. Часть 2

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

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

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

Пора делать нормальных телеграм-ботов #1

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

Вы создаёте ботов в телеграме? Даже если нет, полезно будет знать о некоторых моментах, касающихся разработки телеграм-ботов. Никакого кода не будет, только картинки и описание 5 распространённых ошибок, которые меня — заядлого педанта в области разработки простых интерфейсов — раздражают.

Узнать, о чём речь
Всего голосов 11: ↑8 и ↓3 +5
Комментарии 21

10 тёмных паттернов в UX-дизайне и как их избежать

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

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

К типичным тёмным паттернам относятся давление на чувства, ложная срочность, заманивание, сбор личных данных, навязывание, подсовывание, маскировка рекламы, намеренное введение в заблуждение, паттерн «Roach Motel», предвыбор нежелательных опций, добавление лишних товаров в корзину, спам-рассылка по друзьям, автоматическое продлевание платной подписки после её окончания и не только.

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

Во избежание использования тёмных паттернов дизайнерам следует делать акцент на прозрачности, предоставлении контроля пользователю, а также этических практиках разработки. Такой подход способствует положительному пользовательскому опыту и взращиванию лояльности со стороны клиентов.
Читать дальше →
Всего голосов 55: ↑54 и ↓1 +53
Комментарии 16

Что такое генераторы статических сайтов и почему Astro — лучший фреймворк для разработки лендингов

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

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

Так я познакомился c подходом SSG (Static Site Generation — Генерация статических сайтов), попробовал его в деле, и хочу рассказать о том, что это такое, зачем может понадобиться SSG-фреймворк и почему Astro — лучший выбор для генерации статических сайтов прямо сейчас.

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

Пользовательские статусы для мессенджера: наш опыт UX-разработки

Время на прочтение 5 мин
Количество просмотров 1.1K

Привет! Меня зовут Егор Пенчуков, я лид-дизайнер мессенджера Линк Чаты. В начале 2023 года мы начали делать корпоративный мессенджер — сейчас он находится в бета-тестировании и готовится выходить в публичный релиз. Мы уже сделали большую часть функционала, а сейчас начали делать пользовательские статусы. 

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

Так что залетайте под кат.

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

Вклад авторов