Интерфейсы *

Привет, Хабр! Я Дмитрий Бохан, начальник отдела инновационных проектов в ПГК Диджитал. Мой отдел занимается разработкой и внедрением инновационных ИТ продуктов, мы всегда на гребне современного мейнстрима.

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

Алгоритмические уведомления для рынка акций MOEX в реальном времени

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

В статье вас ожидают: описание сервиса и решаемой проблемы, подробные примеры на акциях как этот сервис помогает.

Если вас пригласили на собеседование, значит, ваше портфолио произвело впечатление и теперь работодатель хочет убедиться, что вы точно подойдёте на вакансию. Один из вариантов для следующего этапа — это Whiteboard Challenge.

Меня зовут Богдан Игнатьев, я Lead Product Designer в британской компании и дизайн-ревьюер на курсах «Дизайнер интерфейсов» и «Веб-дизайнер» в Яндекс Практикуме. Я проходил Whiteboard Challenge сам и был по другую сторону в роли нанимающего дизайнера. В этой статье я расскажу о своём опыте прохождения челленджа и о том, что от вас ожидает увидеть работодатель.

В Axure, программе для проектирования интерфейсов, есть неочевидная функция, которая позволяет встроить в прототип почти любой код. При этом не покидая интерфейса самой Axure.

Чаще всего я использую её, если нужно встроить в прототип какой-нибудь iframe. Например, Яндекс.карту. Или видео с Ютуба.

Заметил такую возможность ещё в пятой версии программы, в 2010 году. И она до сих пор с нами в десятой версии, спустя 14 лет.

Сейчас объясню, как это работает, и покажу пример.

Почему одни приложения мы обожаем, а другие не хотим лишний раз открывать? Почему заходим в Телегу 20 раз на дню, а английский изучаем именно через Дуолинго?

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

В этой статье:

• Когда юикса стало недостаточно?

• Что такое User Joy?

• Зачем нам думать про кайф?

• Как измерять кайфовость?

• С кого брать пример?

• 15 способов достижения кайфа.

• Что поменять в дизайн-процессе?

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

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

Вы можете называть его чистым опытом. В международном понимании мы вводим понятие clear experience. Как современный дизайн физических объектов минималистичен, имеет чистые линии и легко воспринимается, а еще он использует естественные для человека цвета; так и мы приносим эти же принципы в UI и UX.

Продолжаем анализировать российские аналоги YouTube. В прошлый раз выяснили, что Rutube сильно проигрывает как в технологической, так и в контентной гонке. А сможет ли знаменитый ВК побороть западный загнивающей сервис или YouTube так и останется непобедимым? Сегодня разберем интерфейс и удобство VK Видео.

Привет! Меня зовут Анастасия. Я старший продуктовый дизайнер внутренних сервисов в Ozon Tech. Чтобы быстро решать вопросы клиентов Ozon, мы используем чат-ботов и постоянно их улучшаем. Такие боты встроены в клиентский чат, чат с продавцами, чат Ozon Travel и другие.

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

Привет всем! Меня зовут Таня Конюшенко, и я — продуктовый дизайнер в Купере. В этой статье я рассказываю о том, как открыла для себя дизайн-Discovery и внедрила его в моей продуктовой команде. Мой опыт будет полезен дизайнерам, которые много слышали о Disco, но не понимают, в чём его смысл.

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

Когда я пришла в Купер (тогда он был ещё СберМаркетом), меня сразу познакомили с понятием Discovery, но смысла я в нем не увидела. Сейчас мое отношение кардинально другое. Discovery хорош, но нужно правильно его выстроить. Мой путь к идеальным процессам был тернистым…

Но давайте по порядку. Что входит в дизайн-Discovery и чем это отличается от общего Discovery команды?

Всем привет, я Роман Троицкий. Очень люблю веб-разработку; участвовал в проектах, попавших на Awwwards, Tagline и GoldenSite; помогаю организовывать митап Moscow CSS; участвовал в записи и разработке курса по фронтенду для Skillbox. На примере своего проекта я расскажу о сложившейся с Web Components ситуации, опишу их достоинства и недостатки. 

Мы решили на регулярной основе рассказывать вам о развитии нашей линейки контролов для Avalonia UI. За время, прошедшее с момента предыдущей публикации, появилось несколько интересных моментов и один новый компонент.

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

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

Рано или поздно пытливый программист замечает то, что предпочитал игнорировать — словно краем глаза видит тень в темном углу. А что, если за этой тенью скрывается нечто большее?

В этой статье мы исследуем тайны создания анимации вершин в UI Toolkit и узнаем, как придать вашим интерфейсам новую жизнь.

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

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

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

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