Дизайн

У меня украли дизайн сайта, что мне делать?

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

Если эти параметры соблюдены, то при обнаружении факта нарушения — действуйте по следующему алгоритму:  

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

• Во-вторых, напишите собственнику портала, допустившему нарушение, официальную претензию. Требуйте удалить то, что вызывает вопросы;

• В-третьих, если нарушитель не реагирует на ваши просьбы, то обращайтесь в суд. Предъявите все имеющиеся доказательства несоблюдения ваших прав (протокол осмотра, составленный нотариусом, патент, договоры подряда, заключенные с разработчиками ресурса, акты, фиксирующие передачу интеллектуальной собственности, и многое другое). В большинстве случаев — суд удовлетворяет претензии правообладателя. С нарушителя взыскивают компенсацию.

Отметим, что заявитель чаще всего требует от 10 тысяч до 5 млн. Однако суд принимает сбалансированное решение, учитывая все обстоятельства дела. Поэтому — преимущественно такие дела завершаются выплатой компенсации до миллиона.

А можно не через суд действовать?

Попробуйте.

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

• Сообщить о веб-спаме и «Фишинг» (Google);

• «Пожаловаться на результаты поиска» (Яндекс).

Обратитесь к регистратору проблемного домена. Предъявите ему все доказательства, подтверждающие ваши правомочия, и портал-нарушитель, скорее всего, будет заблокирован.

Что еще нужно сделать собственнику любого ресурса, чтобы обеспечить юридическую защиту его от копирования?

• Как и говорилось ранее, сохраните все договоры, регламентирующие процедуру разработки интернет-портала по заказу;

• Сформулируйте и разместите в публичном доступе «Условия использования сайта»;

• На публикуемом фото и видеоконтенте — ставьте «водяные знаки»;

• Пристально следите за конкурентами, мониторя интернет.

____________________________________________________________________________

Здесь можно защитить сайт с помощью патента на дизайн.

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

МойОфис Frontend&UX Talks уже начался!

Самое время смотреть и задавать вопросы спикерам в чате митапа!

Митап посвящен главным вызовам и проблемам в сложных интерфейсах. Спикеры расскажут о самых разных аспектах фротенда в 2025 году: от айтрекинга и других методов исследований до реактивного программирования и СSS-спецификаций.

Сам митап разделен на две категории: JavaScript и UX. В каждой из них, помимо наших специалистов, есть ребята и из других компаний: Лаборатория Касперского, Контур, Alpha Research Center. Всего на встрече будет семь докладов – их расписание можно посмотреть здесь.

Смотрите митап прямо здесь:

Также трансляцию можно смотреть на Youtube и ВК.

Заинтересовало? Тогда скорее переходите в чат митапа. Здесь можно задать вопросы спикерам, и получить раньше остальных доступ к записи выступлений :)

Как студенты с айтрекером изучали наш текстовый редактор

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

Важный анонс: 26 июня пройдет онлайн-митап МойОфис Frontend&UX Talks, на котором JS-еры, дизайнеры, продакты и аналитики соберутся, чтобы обсудить все насущные проблемы и нюансы современного фронтенда. Кроме наших экспертов, на митапе будут ребята из Лаборатории Касперского, Контура и Alfa Research Center!

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

Еще немного о совместном исследовании со студентами:

4 июня в нашем петербургском офисе прошла презентация результатов совместного исследования с лабораторией социальной и когнитивной информатики ВШЭ в рамках учебного сотрудничества. Студенты курса «Айтрекинг в UX-аналитике» провели глубокое тестирование текстового редактора МойОфис 3.4 с обновлённым интерфейсом.

Методология:

• Определили самые востребованные задачи у студентов и на их основе составили задания.

• Использовали носимый open-source айтрекер PupilLabs.

• Провели психологические опросы до и после заданий (спойлер: уровень стресса участников не изменился) и когнитивное интервью после.

Ключевые результаты:

1. Проявилась часть проблем, о которых мы уже знали и исправили в версии редактора 3.5. Например, более удобное выделение ячеек таблицы без лишнего клика.

2. Получили оценки пользователей: лёгкость и чёткость интерфейса.

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

4. Выявлены новые точки роста для развития продукта

P.S. Большая благодарность Елене Артёменко из лаборатории социальной и когнитивной информатики ВШЭ за эту коллаборацию! А если хотите узнать больше о фронтенде и UX-исследованиях — ждем вас 26 июня на Frontend&UXTalks!

Британское правительство потратило более £500 тысяч на обновление логотипа сайта gov.uk, ограничившееся сменой цвета и перемещением точки. Новое оформление, разработанное агентством M&C Saatchi, вызвало насмешки чиновников и критику со стороны общественных организаций.

20+ кейсов с изображениями в ChatGPT. Или экономим 100,000₽+ на дизайнерах

Так как в пост можно загрузить только одну фотографию, то я все упаковал в большую статью https://habr.com/ru/articles/920274/

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

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

Внутри статьи ⤵️

Мои примеры с лампой-кроликом — взял один объект из комнаты и показал 10+ способов его использования

• Превратил в робота-маскота

• Сделал комиксы про морковку

• Создал стикерпак для Telegram

• Нарисовал карточки товаров

• Сгенерировал 3D-версии

В статье рассказал подробно, что все еще плохо работает в генерациях

❌ Плохо работает с кириллицей (артефакты в тексте)
❌ Галлюцинирует на сложных сценах
❌ Точечные правки работают коряво
❌ Лица меняются между итерациями
❌ Размываются мелкие детали

Так как в пост можно загрузить только одну фотографию, то я все упаковал в большую статью https://habr.com/ru/articles/920274/

Надоела плоскость. Прямоугольники, которые притворяются кнопками.

Код.

JavaScript, дизайн-системы и рок-н-ролл — что такое фронтенд в 2025 году? 

Что происходит, когда в одном месте собираются JS-еры, UX-дизайнеры и исследователи? Получается Frontend&UX Talks!

Без сложных интерфейсов в фронтенде сегодня никуда: продукты становятся все масштабнее, а требования – все выше. Для всего этого нужны свежие и эффективные решения, которые ускорят разработку, и помогут провести релевантные UX-исследования.

Чтобы обсудить эти темы, мы в МойОфис пригласили ребят из разных компаний: Alfa Research Center, Лаборатория Касперского и Контур.

Всего на митапе будет 7 докладов, где расскажем:

• как реактивное программирование и RxJS меняет разработку – и какие у него есть нюансы;

• какие свежие css-спецификации могут упростить ежедневный кодинг;

• как «редизайнить» сложные интерфейсы: рассказ на личном опыте переосмысления визуала настольных редакторов практически с нуля;

• что за методы UX-исследований использует финтех сегодня – и какие из них можете перенять и вы :)

и многое другое, что поможет в работе со сложными интерфейсами!

Если тебе близки эти темы — приходи 26 июня в 15:00. Регистрация и подробности по ссылке.

Как дизайнеру найти первую работу без опыта и связей

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

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

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

1. Найти подходящую компанию. Рекомендую обратить внимание на стартапы и компании, где еще нет дизайнера. Стартапы можно найти на Product Radar, а с неудобными сервисами мы сталкиваемся по жизни – им и можно предложить свои услуги.

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

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

4. Параллельный поиск. Вместе с работой над проектом нужно делать по 10-20 откликов в день. Регулярно пополняемое портфолио в этом поможет. Откликаться можно на крупных площадках, как HeadHunter и LinkedIn, и более нишевых – Getmatch, каналы и чаты.

Благодаря этой стратегии вы сразу будете получать реальный опыт. Не только в дизайне интерфейсов, но и в работе с разработчиками, аналитиками и бизнесом, что не менее ценно. А если стартап будет развиваться или получит инвестиции – вам предложат повышение.

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

«В одной компании я была свидетелем того, как сотрудник в свой первый день вышел перепарковать автомобиль и не вернулся. Причина: новичка не познакомили с командой, не назначили наставника, не объяснили, чем ему предстоит заниматься. Вместо этого HR-менеджер привел его в опенспейс и оставил на несколько часов без внимания… За это время сотрудник решил, что это не его компания. И я его не осуждаю😅»

Это история из статьи Гузель «Онбординг здорового дизайнера» — дизайнера внутренних продуктов в Альфа-Банке. Не так давно она сама стала наставником для новичка и чтобы ситуация из истории не повторилась, сделала онбординг-страничку, где собрала всё, что может помочь в адаптации.

И благодаря доке новичок не сбежал, а прошел онбординг весело и бодро. 

А в статье поделилась шаблоном этой странички.

Заходите, читайте, берите на вооружение, шаблон работает.

Энтузиаст воссоздал обои установки Windows 95 в 4K. Все фотографии сделал он сам, вот папка со всеми изображениями, включая файлы PSD для Photoshop.

Приглашаем на бесплатный вебинар «От концепции до прототипа: погружение в дизайн-процесс».

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

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

📅 Дата: 19.05.2025

⏰ Время: 16:00-17:00 (мск)

👨‍🎓 Спикер: Клементьев Алексей — эксперт в области UI/UX дизайна.

👉Записаться на вебинар👈

Заинтересовала тема вебинара? Возможно, вам будет полезна программа «Проектирование, аудит и тестирование пользовательских интерфейсов» (REQ-037). Познакомитесь с основами работы с UI: UX, исследование юзабилити, оценка, аудит и тестирование UI.

✍️Записаться на обучение

Хотим еще больше работ на конкурс маскота для RUNIT

Полным ходом идет конкурс на создание маскота для фестиваля IT и спорта RUNIT, и нам уже прислали около 20 супермилых персонажей, которых мы с удовольствием разглядываем всей командой. Но нам этого мало. Уверены, тема раскрыта еще не полностью и впереди много классных идей и героев. Подать работу можно до 26 мая включительно — так что присоединяйтесь.

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

В конкурсе будет три призера: за третье место дарим 20 тысяч рублей, за второе — 30 тысяч, за первое — 50 тысяч. Но самое важное — что вашего перса увидят тысячи участников RUNIT.

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

Что не так с кассами самообслуживания? Разбор ошибки в UX

Взяв продукты в Магните, я пошла на кассу самообслуживания. После сканирования товаров, нажала на кнопку «Карта лояльности". Появилась модалка с подсказкой: "Отсканируйте карту в нижнем углу". Я пробовала сканировать её разными способами, но сканер не распознавал телефон. Сотрудник подсказал: "Положите телефон вертикально». Оке, заветный писк машины - задача решена.

После этого на экране появилась вторая модалка с текстом: "Количество баллов — ХХХ, списание баллов невозможно по тех причинам". И две кнопки: «Начислить баллы» и «Вернуться назад». Я случайно нажимаю "Вернуться назад", и карта сбросилась. Снова сканирование, снова модалка — на этот раз всё прошло нормально, скидка применена, баллы начислены. Задача вроде бы простая: получить скидку и баллы за покупку, но процесс оказался не таким уж очевидным. Давайте разбираться. 

Что не так

— Неочевидный сценарий
Когда я сканирую карту лояльности, я ожидаю два простых результата:
• Применение скидки по карте
• Начисление баллов за покупку

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

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

Как можно улучшить

— Объединение шагов.
Зачем разделять информацию на две разные кнопки, если можно предоставить все нужные данные в одном окне? Вместо того, чтобы показывать «начисление баллов» и «сбросить», лучше использовать одну универсальную кнопку с кнопкой «Продолжить», которая будет обрабатывать все сразу.

— Упрощение текста.
Модалку можно отредактировать, чтобы она содержала только нужную информацию для пользователя в одном окне:

модалка
Количество баллов: 36,8
Будет начислено за покупку: 17
Списание баллов невозможно по техническим причинам.
[продолжить] 

Всё, процесс завершён! Всё становится понятно с первого взгляда, и пользователь не теряет время на лишние шаги.

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

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

Google впервые за 10 лет обновила свой логотип с буквой G. Теперь вместо четырёх чётких цветовых секторов цвета плавно переходят друг в друга, создавая градиент, похожий на оформление Gemini и AI Mode. Новая иконка уже появилась в приложении Google Search для iOS, но пока недоступна на Android и в вебе.

Amazon впервые за 20 лет обновила логотип — теперь улыбка стала теплее и дружелюбнее. Компания привела к единому стилю более 50 своих брендов, включая Amazon Smile и Alexa. Новый дизайн разрабатывали 18 месяцев вместе с агентством Koto.

Чешская компания Škoda, история которой началась в 1899 году с выпуска велосипедов и первых мотоциклов, представила концепт мотоцикла Slavia B. Модель создана в рамках программы Modern Solid как футуристическая интерпретация одной из первых двухколесных разработок бренда.

Автором проекта Slavia B является французский дизайнер Ромен Бюкай. В модель добавлены классические черты кафе-рейсеров, в которых комфорт приносится в жертву управляемости и скорости: одиночное седло и низко расположенный руль, а также светодиодные фары.

Концепт Slavia получил кожаное седло и небольшой кожаный бардачок, которые являются данью прародителю мотоцикла — моторизированному велосипеду. На корпусе есть эмблема Laurin & Klement в честь основателей компании. Технические характеристики разработчики проекта не раскрыли.

На Гран-при в Майами 2025 года 20 гонщиков Формулы-1 проехали по трассе на полноразмерных автомобилях, собранных из 400 000 деталей LEGO. Проект, созданный за 22 000 часов командой из 26 дизайнеров и инженеров, воспроизвёл болиды всех 10 команд Формулы-1 с точными ливреями и логотипами спонсоров.

Каждая машина, управляемая вручную, весила до 800 кг и была оснащена функциональными колёсами и рулевым управлением. Конструкции собирались на модульной раме, что упростило транспортировку и сборку. Проект является частью партнёрства LEGO и Формулы-1, направленного на привлечение новой аудитории.

Японская архитектурная студия Sou Fujimoto Architects (в сотрудничестве со студиями Tohata Architects & Engineers и Azusa Sekke) создала решётчатую деревянную конструкцию, выполненную с использованием традиционных столярных изделий, которая образует «Большое кольцо» (Grand Ring) для окружения Expo 2025 Osaka в Японии. По данным Книги рекордов Гиннеса, это самая большая деревянная архитектурная конструкция в мире площадью 61 035 м², длиной 2 км и диаметром 700 м, которая служит не только пешеходной зоной, но и защищает посетителей от непогоды.

Около 70% древесины, использованной для строительства Grand Ring, было заготовлено в Японии, в том числе кедр и кипарис, а остальные 30% — это импортная шотландская сосна.

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

Ложкин и Копейкин глазами маркетолога

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

Николай Копейкин — интеллектуальное искусство с нишевой аудиторией

Сильные стороны

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

Слабые стороны

Главная слабость — узость аудитории. Его работы сложны, их нужно “читать” — а значит, массовому зрителю они могут быть непонятны или кажущимися «странными». У него слабое присутствие в диджитале: нет вирусных форматов, он не работает с мерчем, не адаптирует свои образы под современные каналы коммуникации. Его искусство существует лишь в рамках арт-сообщества, и это ограничивает его маркетинговый масштаб.

Возможности

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

Угрозы

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

Василий Ложкин — бренд народного визуального абсурда

Сильные стороны

Ложкин — это мощный мем-контент. Он легко считывается, вызывает моментальную эмоциональную реакцию, а значит — прекрасно живёт в интернете. Его персонажи просты и узнаваемы, как герои мультфильма. Это позволяет делать из его творчества товары: кружки, футболки, календари, комиксы. Он выстроил вокруг себя фан-базу, которая готова покупать и делиться его работами. Это бренд, у которого есть чёткая айдентика, визуальный язык и налаженная товарная цепочка.

Слабые стороны

Однако его наивный стиль может восприниматься как недостаточно «серьёзный» в арт-среде. Для галерей и институционального рынка он пока не представляет интереса — он остаётся на территории «арт-фанка» и интернет-иронии. Также есть опасность износа бренда: одни и те же персонажи, одни и те же типы шуток. Если не обновляться — это может привести к потере интереса.

Возможности

У него огромный потенциал как у мультиформатного бренда. Он может запустить мультфильм, настольную игру, мобильное приложение, NFT-коллекции. Его визуальный язык идеально подходит под анимацию, ироничный мерч и партнёрство с брендами. Также он мог бы пойти на международный рынок — как образ «русского наивного абсурда», особенно в азиатских и европейских нишах.

Угрозы

Основная угроза — выгорание аудитории и визуальная усталость. Если не будет развития и художественного роста, он может оказаться в ловушке «шутки, которая больше не смешна». Кроме того, его ирония может быть воспринята как оскорбительная — и он рискует попасть под давление, особенно в контексте культуры отмены. И наконец, перенасыщение мерча может привести к девальвации бренда.

Николай Копейкин и Василий Ложкин — это два противоположных полюса в маркетинговом подходе к современному искусству.

Копейкин — это продукт с высокой концептуальной ценностью, и низкой массовостью. Он сильнее в арт-институциональной среде, но слабо представлен в повседневной культуре. Его бренд — это элитарность, глубина, идея.

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