Дизайн

В далёком 1994 году, когда трава была зеленее, девушки сговорчивее, а мана – доступнее, свет увидела игра Master of Magic. На долгие десятилетия игра стала навязчивой идеей многих почитателей компьютерных стратегий, заставших в те далекие годы становление 4Х-жанра.

Три десятка лет спустя после выхода я продолжаю восхищаться Master of Magic, и думаю, что до сих пор не повидал всего, что она может мне предложить. Конечно, не могу сказать, что играю в нее нон-стоп с момента выпуска, но сама игра всегда установлена на любом моем ПК, а последние десять лет еще и на всех моих смартфонах (спасибо тебе, DosBox).

Причина в том, что, несмотря на свой скромный по современным меркам размер, ни один другой фэнтезийный 4X-проект пока не смог обогнать её по качеству проработки. Стив Барсия, создавший годом ранее игру Master of Orion, смог опять максимально применить свои талант и мастерство.

Несмотря на то, что математика сегодня — это глубокий андерграунд, работы 3Blue1Brown вдохновляют и пробуждают внутри что‑то из далёкого детства, где весь мир был непостижимой игровой площадкой, а из кислого были только муравьиные жопки. Чтобы хоть немного прикоснуться к прекрасному, мною была сделана попытка визуализировать простую формулу из комбинаторики. Делюсь опытом.

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

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

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

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

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

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

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

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

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

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

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

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

Цель

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

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

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

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

Последние 5 лет я проверял тестовые задания, но до этого больше 7 лет я их выполнял. Без тестового просто невозможно было никуда откликнуться.

Тестовые задания всегда были предметом споров: делать или не делать, бесплатно или за деньги, слишком большое или непонятное, ничего не ответили или фидбек невнятный… Хочу поделиться, как я сейчас подходил бы к выполнению тестовых заданий и на что я обычно обращаю внимание при их проверке.

Вот честное слово. Причины такого хода мыслей мне непонятны. В 9 случаях из 10 разговор о геймификации начинается с:
— Да-да, мы решили внедрить геймификацию. Думаем сейчас о баллах и лидербордах. Может быть ачивках. Что думаешь?
— Хмм.. Думаю следующее.

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

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

Как двигать открытые окна, создавать набор папок и переходить в нужную директорию одной кнопкой? Рассмотрим сегодня! Реализуем все это через приложение AHK (AutoHotKey)

Надоело при работе в Nuke руками добавлять каждую ноду? Есть ощущение, что жизнь проходит мимо вас? Сейчас покажу, как сделать клавиатуру с макросами для Nuke, которая упростит и ускорит работу в Nuke! Мы сможем:

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

Внешняя клавиатура с макросами за 500р! Посмотрим, как дешевую клавиатуру из днс превратить в монстра, который ускорит вашу работу в несколько раз!

Нужен всего лишь простой советский...

Всем привет сегодня расскажу вам про ProPainter — это передовой инструмент для видеоинпейнтинга, разработанный исследователями из Наньянского технологического университета. Меня зовут Илья, я основатель онлайн‑нейросети для создания изображений ArtGeneration.me, техноблогер и нейро‑евангелист.

ПроПаинтер позволяет удалять объекты из видео и заполнять пропуски с высоким качеством, используя улучшенные алгоритмы сегментации и трансформеры.

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

Привет всем! Меня зовут Женя, я системный аналитик в Sminex IT. Сегодня я хочу поделиться нашим опытом использования методик прототипирования при реализации ИТ‑проекта «Портал продукта». Расскажу, как с помощью прототипов нам удалось попасть в ожидания заказчика, уложиться в сроки и сделать классный продукт 🔥

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

Мы сделали гайд для создания user-friendly интерфейсов. Он будет полезен не только новичкам в UX-исследованиях, но и опытным исследователям, аналитикам и проектировщикам.