Рубрика «UI» - 3

Эволюция UI за 35 лет: от GIF и Comic Sans к нейросетям и адаптивам - 1

Привет! Сегодня мы привыкли к чистым и удобным интерфейсам, но так было не всегда. За последние 35 лет UI прошел путь от хаотичных сайтов с мигающими кнопками и пестрыми шрифтами до минималистичных и адаптивных экранов, созданных с участием ИИ. Вспоминаем, с чего все начиналось и как мы пришли к Figma, нейросетям и «воздушному» минимализму.

До 1980-х годов компьютеры были доступны единицам и управлялись с помощью набора текстовых команд. В 1980-х появились первые графические пользовательские интерфейсы и HTML — язык, который дал возможность упорядочить и структурировать текстовые блоки на сайте. А в 1990-х вместе с распространением персональных компьютеров и появлением интернета в мире дизайна началась новая эпоха, когда разработчики пытались имитировать физический мир на экране, а сайты стали отдаленно напоминать те, которые мы видим сейчас.
Читать полностью »

В 2025-м нейросети стали чем-то большим, чем просто инструменты. Это уже инфраструктура. Они умеют всё — от генерации сайтов и UI до видео со звуком и автоматизированных CRM. Но главное — они делают это быстрее, чем мы привыкли. Разбираем, кто сейчас в топе AI-инструментов и почему вокруг них такой шум.


❯ А помните?..

Когда-то сайты делали вручную: кнопки рисовали в Photoshop, дизайн вёрстки качали с форумов, а CRM выглядела как таблица в Excel с тридцатью вкладками. Начало эпохи Web 2.0 было ламповым, хаотичным и казалось, что с нами случилась вершина цифровой эволюции.

Читать полностью »

Бенто-дизайн: как японские ланч-боксы завоевали мир интерфейсов - 1

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

Принципы бенто-дизайна — четкие границы, равновесие, разнообразие и компактность — легли в основу самых узнаваемых интерфейсов. От рабочего стола macOS до популярных маркетплейсов: давайте разберем, как эстетика японской ланч‑бокс‑культуры захватила цифровой мир.Читать полностью »

Разработка мобильных интерфейсов — непростая задача. Иногда по разным причинам пользователю недоступен функционал Web-приложения в мобильной версии. Что делать если десктопа под рукой нет?

Что делать когда функция не доступна в мобильной версии приложения

Почему мы до сих пор пользуемся QWERTY: история самой неэффективной раскладки - 1

Почему в XXI веке мы все еще печатаем на QWERTY / ЙЦУКЕН, хотя эта раскладка родилась в эпоху механических машинок и считается не самой эргономичной? Разберем, как исторический случай превратился в привычку, почему протесты в пользу Dvorak и Colemak погасли, и есть ли вообще шанс у «умных» или нейро-раскладок изменить наш повседневный набор текста. Детали, как всегда, внутри.Читать полностью »

Когда всё тормозит

Когда автотесты начинают тянуться как улитка, страдают все. CI медлит, разработчики косо смотрят на отчёты, а я вместо багов натыкаюсь на тайминги. Особенно это бесит в UI-тестах - там каждый шаг может тормозить, но с ходу это не видно.

В команде периодически всплывал один и тот же вопрос:
«Почему один и тот же сценарий утром идёт дольше, чем вечером?»

Захотелось простой утилиты:

  • Установила через pip

  • Подкинула лог

  • Получила список самых тормозных шагов

Читать полностью »

Привет! Меня зовут Настасия, я автор телеграм-канала гиперфокус, привет и дизайнер из Яндекса в Авто.ру Бизнес. В прошлом году я уже проходила UI-челлендж и делилась этим в этой статье на Хабре — рисовала виджеты каждый день, где основное правило было успеть до 00:00, либо начинаешь с самого начала. И у меня это вышло, правда со второго раза, но я не сдалась и завершила его) Было непросто, но классно. С тех пор многое поменялось, но любовь к этому формату осталась

И вот — я снова в игре. Только теперь не одна, а вместе с моей коллегой и дизайнером Читать полностью »


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js