Интерфейсы *

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

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

Пользователи не возражают против большого числа кликов, если каждый клик является «безболезненным» и поддерживает их уверенность в том, что они на верном пути — идут вслед за тем, что часто называют «запахом информации». Термин взят из исследования Питера Пиролли и Стюарта Карда на тему «следование за информацией» научно-исследовательского центра Xerox PARC, в котором они проводят параллели между людьми, отыскивающими информацию, и животными, следующими за запахом своей добычи. 

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

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

Вот пример старого веб-дизайна онлайн-статьи на ресурсе издания с трудным неоднозначным выбором для пользователя: 

Привет, Хабр! Я Виталий Дуденко, разработчик в отделе пользовательских интерфейсов Первой грузовой компании. Наша компания занимается грузоперевозками по железной дороге. Для усовершенствования сервиса перевозок мы разрабатываем цифровые продукты, для которых необходимо создавать интерфейсы, например, для Личного кабинета клиента (ЛКК). Подробнее о нем мы рассказывали здесь.  

На рабочем проекте возникла необходимость создать бесшовную текстуру для фона страниц с определенным узором. Разработка этого паттерна была нужна для сайта нашей цифровой дочки. Оказалось, что готовых решений нет, а в русскоязычном сообществе я не сумел найти инструкции или намёков как такое можно сделать. Поэтому далее я представлю свою реализацию генератора с использованием p5.js на angular.

Банковское мобильное приложение стало для многих одним из самых часто используемых приложений. Оплата по QR ЖКХ или в супермаркете, сбор денег на подарок или перевод уличному музыканту. Эти или другие операции мы можем делать по нескольку раз в день.

Цель

Найти приложение с оперативным доступом к оплате по QR или переводу по номеру телефона. В идеале кнопка оплаты располагается на первом экране и доступна при использовании телефона одной рукой.

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

Эта статья будет интересна менеджерам локализации, продакт и проджект менеджерам, UX дизайнерам и частично фронтенд‑разработчикам, занятым в международных проектах с целевой аудиторией в странах Ближнего Востока. В статье рассматриваются особенности подготовки пользовательского интерфейса к локализации на языки, пишущие справа налево (RTL‑языки). Хотя приводятся примеры локализации на арабский язык, информация из этой статьи применима ко всем RTL‑языкам.

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

Я — Анна, продуктовый дизайнер в компании Ozon, занимаюсь проектированием интерфейсов сайта и приложения компании, также являюсь ревьюером курсов «Дизайнер интерфейсов» и «Веб-дизайнер». Когда я начинаю работать над продуктом, я обращаюсь к разным ресурсам, ссылками на которые поделюсь в этой статье.

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

Моё тестовое в Билайн на позицию стажёра.

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

Итак, первый кейс, это мое последнее тестовое для Билайн на позицию стажёра продуктового дизайнера. У меня получился полноценный study case, посвящённый рецептам правильного питания, разработанный в рамках спринта за 5 дней. Были проведены исследования и анализ продукта, создан прототип для MVP и проведено итерационное тестирование. В итоге это не просто приложение с рецептами для правильного питания, а полноценный фудтех и e-commerce проект. Далее, всё по порядку...

Привет, Хабр. Хотел рассказать и, главное, показать, как я на себе пробовал самые разные новые ИТ технологии. Зачем, спросите вы, я это делал? А мне надоело слушать про то, что может быть, а чего не может. Откуда вообще люди могут знать и уверенно визионерствовать, если они на себе не испробовали? Вобщем, в какой-то момент своей жизни я решил перейти к действию и стал предлагать себя в качестве "фокус-объекта исследований передовых инновационных технологий".

Мне здорово помогла в этом деле профессия журналиста: какие-то тусовки, где тестировались разные, в том числе ИТ, инновации, я искал сам, а на другие меня приглашали пресс0-службы. И для себя снимал процесс на фото или видео.

Так, однажды (дело было в 2018 году) меня пригласил ФРИИ на показ и тестирование нейроинтерфес-технологий. Например, с помощью нейроинтерфейса NeuroSky мы пытались поднять "силой мысли" в воздух небольшой квадрокоптер, который находился внутри проволочного шара. Мероприятие было организовано компанией CommOn, при содействии Иннопрактики, место проведения - головной офис Фонда интернет инициатив на Мясницкой. Мне удалось поднять квадрик, но, кстати, далеко не все почему-то смогли это сделать. А одна девушка запустила его ввысь так, что он чуть потолок не пробил... Почему некоторым удается установить контакт с нейроинтерфесам, другие прям совсем его разгоняют, а кто-то не может договориться? Лично у меня нет ответа. Вот как это было:

Раньше я плотно следил за деятельностью Хью Герра и его проекта по созданию бионических конечностей. Еще в 2014-том году потенциал протезов был весьма высоким. Некоторые уже обеспечивали походку, не отличимую от обычной походки человека. Но пришло время сделать еще один шаг вперед.

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

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

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

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

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

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

В статье описали наш путь и собрали полезные советы для редизайна. Приятного чтения!

Последние несколько дней я пытался найти библиотеку, которая бы позволила мне писать на C++ программы с GUI. Мои требования были довольно просты:

• Достаточно только поддержки Windows

• Разрешено коммерческое использование

• Простая стилизация, в том числе и тёмный режим

• Результатом должен быть единый файл .exe размером меньше 40 МБ без или с минимальным количеством зависимостей

• Написание части программы с GUI не должно занимать больше времени, чем сама функциональность

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

Хабр, привет! Меня зовут Антон, я дизайнер b2b продуктов в X5 Tech. Мне нравится моя работа и я стараюсь проектировать реализуемые интерфейсы, поэтому постоянно закапываюсь в технические нюансы.

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

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

Хотите, чтобы ваш продукт выглядел в проде так же как в макете, но при этом устали от рутины ревью или у вас вообще нет такого процесса?

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

В 2024 году на рынке существует довольно большое количество экосистем цифровых продуктов: как для B2C-сегмента, так и для B2B. И если просто в поисковике вбить «как создать экосистему», вы получите кучу статей от аналитиков, продактов, бизнеса. Однако, если попробовать сформулировать запрос с конкретикой по дизайну (например, «как создать дизайн для экосистемы продуктов»), мы получаем классную выдачу, в которой экосистемой называют дизайн-систему. И это ужасная подмена понятий, так как дизайн-система является всего лишь одним (хоть и очень значимым) из ингредиентов вкуснейшего экосистемного дизайн-борща.

Что же входит в этот борщ?

• написание кода;
• создание и поддержка качественного ПО;
• создание и поддержка достаточно хорошего ПО экономически выгодным образом;
• управление сложностью;
• удовлетворение потребностей пользователей;
• решение задач;
• удовлетворение потребностей заказчиков;
• зарабатывание денег для организации-работодателя или для её заказчиков;
• зарабатывание денег (для себя).