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

Метод Джеффа

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

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

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

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

Сократите список, комбинируя однокоренные и синонимичные слова: «банковское дело» и «банки» — «банк».

Подсчитайте частоту слов из общего списка. Например, в анализе бренда Citi слово «банк» встречалось 22 раза. Это 16 % от общего количества слов — 136.

Установите рейтинг отношения. Например, присвойте каждому слову количество баллов: оно может быть отрицательным («дешево» — минус один), нейтральным («бизнесмен» — ноль) и позитивным («веселье» — один). Обратите внимание, что определить характер слов иногда бывает затруднительно. Поэтому работайте с несколькими исследователями, чтобы повысить объективность.

Вычислите коэффициент симпатии — как пользователи относятся к бренду. Посчитайте все баллы, сложите и разделите на количество слов. Например, пять слов для Honda:

1 + 1 + (-1) + 0 + 0 = 1/5 = 20 %. Коэффициент симпатии может быть от –100 % (все слова отрицательные) до 100 % (только положительные ассоциации). Реальный коэффициент отношения к Honda — 63 %.

Ищите отрицательные слова, потому что именно они вскрывают слабые места брендов. Например, у Amazon коэффициент симпатии составляет 91 %, но некоторые недовольны доминированием компании. Люди не говорили об этом прямо, но использовали отрицательные слова — «всепоглощающий» и подобные.

Результаты исследования

Джефф Сауро вычислил коэффициент симпатии для каждого бренда. Средний показатель составил 39 %. Люди хуже всего воспринимают Louis Vuitton — коэффициент всего 6 %, а лидером симпатий стал Амазон — 91 %. Про Apple чаще всего говорили «дорогой» и «переоценено». За ним идут Mercedes-Benz, Louis Vuitton, Audi и Porsche — люди считают, что на товары этих марок цена завышена.

Другие способы оценить отношение к бренду

Net Promoter Score — методика, которая оценивает, насколько клиенты готовы рекомендовать бренд друзьям и знакомым. Для этого надо задать вопрос: «С какой вероятностью по шкале от нуля до десяти вы порекомендуете нас своим друзьям?» Респонденты выбирают ответы от 0 (никогда) до 10 (точно порекомендую). Затем ответы сортируются по количеству баллов на три группы: «критики» (до 6 баллов), «нейтралы» (7–8 баллов) и «промоутеры» (9–10 баллов).

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

Customer Loyalty Index — расширенный индекс лояльности. Он тоже основан на вопросе про рекомендации, но еще охватывает будущие покупки. Задайте респондентам три вопроса:

1. Какова вероятность, что вы порекомендуете нас своим друзьям?
2. Какова вероятность, что вы купите наш продукт еще раз?
3. Какова вероятность, что вы попробуете другие наши продукты и услуги?

Индекс оценивают по шестибалльной шкале: «точно да» — 1, «точно нет» — 6. Необходимо сложить три ответа и высчитать средний балл.

Customer Satisfaction Index — индекс удовлетворенности. Он позволяет оценить, насколько клиенты довольны продуктами или услугами компании. Индекс учитывает не только удовлетворенность определенными качествами продукции, но и то, насколько они важны для человека.

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

На втором этапе респонденты отвечают на вопросы о том, насколько для них важен каждый параметр и насколько они им удовлетворены. Как правило, ответы оценивают по такой шкале: от «не важно» — 1 и до «очень важен» — 5. Индекс рассчитывают для каждой характеристики отдельно, а затем выводят средний показатель.

Кратко  

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

Привет! Я Настя, автор и редактор статей в блоге GeekBrains. Я изучаю сайты и тестирую приложения, чтобы каждый месяц рассказывать вам о самых интересных и полезных. В апреле я выбрала 9 сайтов с любопытным концептом, дизайном и содержанием.

Killed by Google

Список проектов, которые когда-то открыл или купил Google, а потом свернул. Сейчас их 149, но кажется, что подборка будет пополняться: за первые три месяца 2019 года компания закрыла девять проектов. На сайте они тоже есть — Inbox, Google+, сокращатель ссылок Goo.gl и другие.

Проекты представлены в виде списка со ссылками, небольшим описанием и датами «жизни». Google Graveyard для удобства поделено на разделы: кладбище всех проектов, приложений, сервисов, устройств и систем. Есть поиск по названиям.

Сайт с открытым исходным кодом — любой пользователь может добавить очередной закрытый проект.

Pixelator

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

Что умеет Pixelator:

• редактировать изображение с помощью набора фильтров-ползунков: они обрабатывают пикселизацию, цветовую палитру, сглаживают картинку;
• работать с множеством изображений любого стиля и настраивать пиксельность. На главной странице показаны примеры — пикселизация рисунка, дудла, фотографии;
• экспортировать в разные форматы — PNG, BMP, JPG, GIF, TIFF;
• преобразовывать изображения в Telegram с помощью бота. Загружайте картинку, а бот пришлет в ответ пиксель-арт.

Can’t Unsee

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

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

Calculate your carbon footprint

Тест компании GoCompare, который помогает рассчитать свой углеродный след — количество углекислого газа, который вы выбрасываете в атмосферу за год. В описании теста объясняют, почему это важно: «На окружающую среду оказывает большое влияние наша повседневная жизнь — от вождения машины до пищевых привычек. Узнайте, как ваш образ жизни сказывается на экологии».

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

Тест разрабатывали в основном для Великобритании, но пройти его может житель любой страны. Я попробовала, и результат показал отрезвляющую цифру — углеродный след в 19 тонн СО 2 в год. Столько же выбрасывает в атмосферу путешествие на 45543 мили в автомобиле или три больших дома.

Jing Zhang illustration

Портфолио иллюстратора из Китая Цзин Чжана с инфографикой. Есть и другое портфолио с анимацией, но в подборку я включила именно это, потому что мало кто умеет делать хорошую инфографику. Описать работы сложно, рекомендую посмотреть самостоятельно — это крайне проработанные иллюстрации в современном стиле, иногда анимированные. Цзин представляет в инфографике самые разные темы: город будущего, Big Data, природу и человечество, карты городов и стран, забавные факты о Nintendo, даже состав коктейля Сангрия в виде схемы.

Nuclear Dissent

Интерактивная документалка об ужасе ядерного оружия. Опенинг знакомит с предысторией: «С начала 60-х до середины 90-х Франция провела 200 ядерных испытаний во Французской Полинезии. Фильм рассказывает истории жертв ядерных испытаний и активистов, которые боролись за справедливость».

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

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

Carbon

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

Bruegel

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

Сайт интересен не только любителям искусства, хотя на нем туча информации и о самом художнике, и о его картинах. Здесь можно послушать лекцию искусствоведов и детально рассмотреть картины. Даже любителям кино сайт понравится: они смогут почитать о картинке из фильма Тарковского «Солярис» — «Охотники на снегу» — и узнать, почему Брейгель рисует так много деталей, которые сложно различить. Разработчики заинтересуются сеткой в стиле Metro UI CSS, а дизайнеры вдохновятся цветовой палитрой в приглушенных оттенках, которая в последнее время полюбилась музеям и галереям.

Блог «Медузы» на Medium

Публикации о том, как устроены рубрики и редакционная работа в «Медузе». Блог заинтересует не только читателей новостного сайта.

О чем здесь можно узнать:

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

Оба публикуют статьи и примеры работ, которые могут вам пригодиться — как обучающие материалы и референсы будущих проектов.

Что почитать у Джона Яблонски

Be the Wolf — о том, чему может научиться дизайнер у мистера Вульфа из «Криминального чтива». Уинстон Вульф из фильма Тарантино оказал большое влияние на Джона в профессиональном смысле. Персонаж Харви Кейтеля появляется в небольшом эпизоде для того, чтобы срочно исправить ситуацию, в которую попали главные герои. Мистер Вульф изящно с этим справляется, оставаясь хладнокровным в экстремальных условиях. Этому Джон Яблонски и призывает дизайнеров: быть спокойными и собранными в любой ситуации, расставлять приоритеты, делегировать задачи, всегда оставаться надежными и твердыми. Чек-лист мистера Вульфа для полного контроля над ситуацией вы найдете в статье.

Если вы не знакомы с фильмом или забыли эпизод с Уинстоном Вульфом, посмотрите его, чтобы понять, о чем говорит Джон

Thoughts on Productivity — методы повышения продуктивности. Джон рассматривает несколько принципов, которые помогли ему работать эффективнее: технику Pomodoro, метод Джерри Сайнфелда, коробку Эйзенхауэра и даже пользу от прокрастинации. Методики он подкрепляет историей их появления и реальными примерами. Вот как работает метод пунктирной линии:

«У Тупака Шакура была относительно короткая, но плодотворная музыкальная карьера. Только за последние 8 месяцев он выпустил 150 песен — по три за одну запись в студии. Он создал достаточно материала для нескольких посмертных альбомов и оставил много неизданной музыки. Тупак добился впечатляющего результата, следуя принципу пунктирной линии: очень быстро записывал треки, в основном за один дубль, а позже возвращался к ним, чтобы доработать и записать недостающие части».

Designing with Occam’s Razor — как классический принцип решения проблем поможет дизайнеру улучшить проект. Усложнение интерфейсов — одна из главных дизайнерских проблем, пишет Джон. Даже опытный дизайнер часто создает слишком сложное решение: увлекается деталями, которые в итоге путают пользователей. Задача дизайнера — сделать сложное простым, и для этого можно руководствоваться принципом бритвы Оккама. О нем Джон рассказывает в статье, подкрепляя теорию цитатами известных людей. «Good design is as little design as possible», — фраза дизайнера бренда Braun Дитера Рамса, которой можно описать месседж статьи.

Какие работы Джона Яблонски посмотреть

Swiss in CSS — знаменитые примеры швейцарского графического дизайна, анимированные с помощью CSS. Этот сайт — дань уважения швейцарской типографике, которая до сих пор считается эталоном дизайна. Джон Яблонски придал плакатам и обложкам более современный вид с помощью анимации:

storytelling.design — коллекция интерактивных историй. Сайт открывается фразой: «После питания, жилья и общения именно истории — то, что больше всего нужно человеку». Сторителлинг, или рассказывание историй, — основа человеческого опыта, говорит Джон. Мы делимся историями и узнаем их, чтобы развиваться или лучше понимать мир: так человечество учится на своих ошибках, берет пример с героев прошлого.

Презентации Джобса, наскальные рисунки, ветхий завет — примеры сторителлинга

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

Последние впечатляющие публикации:

Moment Zero — визуализация сейсмических данных Земли;

Nomadic Tribe — интерактивная сказка о кочевых племенах;

Nuclear Dissent — интерактивная документалка об опасности ядерного оружия.

King of soul — сайт в память о соул-музыканте Отисе Реддинге, песни которого до сих пор исполняют Jay Z и Florence and the Machine. Джон — поклонник его творчества, а также сторителлинга, поэтому он решил совместить два своих увлечения и создал что-то вроде веб-мемориала. И это все, что можно рассказать о сайте, — его нужно изучить самостоятельно. История жизни и творчества Отиса Реддинга в виде лендинга с рассказом и архивными материалами, все это под песню «I’ve be loving you too long» — работа, которая заслуживает уважения.

После просмотра сайта полезно почитать историю его создания — Джон описал все в подробностях, от ресерча до подбора шаблонов JS.

Что почитать у Дейва Геддеса

Article Layout with CSS Grid — адаптивный макет статьи с помощью CSS Grid. Дейв хотел создать удобный макет для статей в своем блоге, в котором текст будет легко читать на мобильных устройствах, а гифки и примеры будут центрированы на странице. В качестве примера он взял Medium.com и в итоге нашел способ сделать такой макет на CSS Grid.

Джон сопровождает статьи фирменными иллюстрациями

Start a Gratitude Project — как начать проект благодарности. Дейв рассказывает, чем полезно делать проекты, которые дадут профит другим людям, а не вам в первую очередь. Для него проектом благодарности стала обучающая игра по CSS Grid, которую мы упоминали в публикации «Игры, чтобы попрактиковаться в верстке». Если кратко — в проекте благодарности вы можете освоить навыки и приемы, которые пригодятся в других, уже коммерческих, проектах.

Overlapping Grid Items — как сделать журнальный макет в вебе. В статье Дейв рассказывает, как с помощью CSS Grid создать гибкую сетку и имитировать журнальный стиль на сайте. Кроме обучающего материала Дейв демонстрирует построение макета на примере журнального разворота:

Character animation — большой рассказ о создании анимации в обучающих играх по CSS Flexbox и CSS Grid. Дейв рассказывает не только о методиках и инструментах — он делится фильмом, который лег в основу вселенной его игр, показывает нарисованные от руки концепты, итерации и то, как идея превратилась в результат:

Посмотрите другие статьи Дейва Геддеса:

Use Firefox for Layout. Почему браузер от Mozilla — лучший инструмент для разработчика.

Routine Success. Как привычный распорядок дел помогает достигать целей и минимизировать неудачи.

Чему и как будут учить на новом факультете дизайна в GeekUniversity? Кем смогут работать выпускники? На вопросы отвечает Марине Мкртчян, руководитель образовательного направления «Дизайн» в GeekBrains.

— Марине, привет! Чем факультет дизайна в GeekUniversity отличается от профессий по направлению «Дизайн» в GeekBrains?

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

Дизайнер должен уметь и сайт подготовить, и креативы для социальных сетей сделать, и сверстать печатные материалы, если потребуется. Поэтому GeekUniversity ставит перед собой цель подготовить «универсальных солдат» дизайна. Это отличает факультет от курсов, которые готовят узкопрофильных специалистов.

— Как построено обучение на факультете?

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

Третий и четвертый этапы — погружение в веб-дизайн. По ходу обучения студенты двигаются от простых задач (создание лендинга) к сложным, требующим погружения в продукт и аналитику (работа над сервисами). На пятом этапе — итоговая работа по заданиям от Delivery Club, Maps.me и других проектов в рамках Mail.ru Group.

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

— Четырнадцать месяцев — срок немалый. Почему именно столько?

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

Как учится человек, если верить таксономии Блума? Сначала ты узнаешь о существовании чего-то, например графического редактора Figma. Это «Знание» — этап, когда ты видишь, что есть вот такой прекрасный редактор с вот таким интерфейсом.

Вторая ступень — «Понимание». Ты знаешь, что именно можно делать в редакторе, и примерно догадываешься как.

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

Четвертая ступень — «Анализ» своей деятельности. «А что если я изменю правила игры и вместо шаблонного интерфейса нарисую свой собственный?». «Как дизайн можно увязать с аудиторией бренда, на который я работаю?». Когда ты задаешь себе эти вопросы и можешь на них ответить, ты — на четвертой ступени.

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

— К слову о преподавателях, кто они?

— GeekBrains — часть Mail.ru Group, и преподавателей факультета мы подбирали прежде всего из дизайнеров компании. Декан — Артем Фенелонов — арт-директор Mail.ru Group. Но мы не ограничиваемся опытом одной организации. Чтобы студенты видели мир дизайна со всех сторон, у нас преподают владельцы дизайн-студий, успешные фрилансеры, дизайнеры из небольших компаний.

— Расскажи о «T-модальной системе компетенций», упомянутой на странице факультета. Что это такое и зачем это дизайнеру?

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

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

— Кто может учиться на факультете?

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

Записаться на обучение можно прямо сейчас.

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

Не цветовая слепота, а нарушение восприятия цвета

«Каждый раз, когда знакомые узнают, что я дальтоник, меня спрашивают: „Вот это что за цвет?“ В 95 % случаев я отвечаю правильно, на что слышу: „Погоди, ты ведь правильно назвал цвет, с чего же ты дальтоник?“» — Аарон Тенбуррен, дизайнер и иллюстратор.

По определению на «Википедии», дальтонизм  — это особенность зрения человека, которая выражается в сниженной способности или в полной неспособности различать цвета. Еще дальтонизм называют цветовой слепотой, по-английски color blind. Мы привыкли думать, что дальтоники путают красный с зеленым (и не умеют пользоваться светофором), а также не различают цвета, которые видит человек с нормальным зрением.

На самом деле это не совсем так: как и написано в «Википедии», дальтонизм — особенность зрения. Полная цветовая слепота бывает в случае монохромазии — при этом виде дальтонизма люди (и некоторые животные, например моржи и дельфины) различают цвета только по их яркости и видят мир черно-белым.

«Да, я вижу красный и зеленый. А еще вижу розовый и оранжевый. И желтый не путаю с синим», — так на вопрос «То есть ты все видишь?!» отвечает дизайнер-дальтоник Александр Насенник.

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

Вот как описывает восприятие цветов Аарон Тенбуррен, дизайнер-иллюстратор с дальтонизмом:

«В моей жизни нет недостатка оттенков, мир моими глазами не выглядит как фильм Хичкока. Я вижу все цвета. Просто мне трудно называть и различать некоторые из них. Когда листья осенью меняют цвет, я не всегда вижу красные, оранжевые и желтые оттенки. Иногда я просто вижу оранжевые. Или не замечаю плавного изменения цвета: для меня листья из зеленых превращаются сразу в коричневые».

Слева — бананы, которые видят люди с нормальным зрением. Справа — они же глазами дальтоника. Источник: medium.com

Фэй Рэн, китайский дизайнер с той же проблемой, рассказал в блоге, как регулярно получал низкие оценки по рисованию, начиная с детского сада. Однажды его учитель попросил изобразить и раскрасить петуха. Мальчик старался изо всех сил: нарисовал небо синим, траву зеленой, петуха — яркими цветами. Он надеялся на хорошую оценку, но оказалось, что его рисунок — худший в классе. Учитель просил использовать яркие цвета, и Фэй Рэн думал, что именно это и делает, пока у него не диагностировали дальтонизм.

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

Все, что нужно запомнить о дальтонизме, — эта цитата из статьи Android-разработчика:«In reality, 99 % of all colorblind people are not really color blind but rather color deficient».

Что еще почитать

Как видят дальтоники? — карточки «Медузы»

Who’s afraid of red, orange and green? — подробно, научно и в схемах о видах цветовых нарушений

Вот как видят мир дальтоники: 7 объясняющих гифок — наглядный материал, почему-то опубликованный в мужском журнале

Почему важно это учитывать

«В первые годы железнодорожных перевозок тысячи людей, раненых или убитых в результате железнодорожных катастроф, считались жертвами небрежности. На самом деле проводники поездов не могли отличить сигналы безопасности. В 1876 году школьная авария привела к тому, что доктор Фитиоф Холмгрен проверил 266 железнодорожников на предмет цветовой слепоты. Тринадцать сотрудников оказались дальтониками, включая машиниста» — Figure 1, сайт для медицинских работников.

По данным Colour blind awareness, дальтонизм наблюдают у каждого двенадцатого мужчины и у одной женщины из двухсот. В Англии дальтоников 3 миллиона, в Бразилии — больше 8 миллионов, в России — 4 миллиона. Даже если только половина из них пользуется интернетом и только один процент этих людей посетят когда-нибудь ваш сайт — это слишком много пользователей, чтобы ими пренебрегать.

Общая статистика нарушений цветового зрения: 8 % у мужчин, полпроцента у женщин. Источник: Научпок

Ученые изобрели очки для дальтоников Enchroma, которые помогают скорректировать нарушения, но вряд ли все смогут себе их позволить — в интернет-магазине Medgadgets они стоят 30 000 ₽. Если вы сторонник инклюзивного (универсального) дизайна, стоит побороться за доступность вашего сайта для каждого пользователя.

Что еще почитать

How colored yarn changed railway history — первый тест на дальтонизм

Daltonismo e UX: a experiência para todos — статья на испанском (гугл-переводчик в браузере отлично с ней справляется) о важности адаптации интерфейсов для дальтоников

Рекомендации от дизайнеров-дальтоников

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

Больше контраста. Убедитесь, что контент хорошо контрастирует с фоном. Идеальное решение — темный текст или фото на светлом фоне. Не накладывайте цвета из одного цветового спектра друг на друга: желтый текст на белом фоне вряд ли смогут прочитать даже люди с нормальным зрением.

Черно-белая контрастность и светло-коричневый акцент на сайте «Медузы»

У сайта команды разработчиков «Кружок» черно-белое оформление, и от этого фирменный стиль только выигрывает

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

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

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

Больше синего и серого. Эти цвета, как правило, нейтральны для дальтоников.

Нижний скриншот — сайт kingofsoul.storytelling.design, который оформлен полностью в синей палитре, глазами дальтоника. Здесь и контрастность, и синий цвет: спектр сместился в сторону фиолетового, но на содержание это не влияет

Меньше цветов. Ограничьте цветовую палитру: чем она минималистичнее, тем меньше путаницы.

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

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

Красный и зеленый, зеленый и коричневый, синий и фиолетовый, светло-зеленый и желтый, серо-голубой, зеленый и голубой, зеленый и черный, зеленый и серый

Скриншот справа — сайт smallvictori.es глазами человека с тританопией. Синий и салатовый почти сливаются

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

Нижний скриншот — айфоны на сайте Apple глазами дальтоника

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

Что еще почитать

Designing for Colour Blindness — рекомендации с примерами

Проектирование для людей с цветовой слепотой — еще примеры удачных цветовых решений

Инструменты

Программы, которые помогут оценить макет или сайт глазами дальтоника.

NoCoffee — расширение для Chrome. Это симулятор плохого зрения: NoCoffee поможет понять, насколько сайт удобен для дальтоника, слабовидящего или человека с катарактой. Монохромия тоже есть в списке — можно проверить контрастность сайта в черно-белом виде.

Coblis — еще один симулятор дальтонизма, но для картинок. Загрузите макет на сайт и проверьте, каким его увидят люди с разными типами цветоаномалии.

Contrast — приложение для macOS, которое поможет определить коэффициент контрастности макета в соответствии с рекомендациями WCAG (руководства по обеспечению доступности веб-контента). Как добиться доступности сайта и что обозначают коэффициенты — смотрите в инструкции от разработчиков.

Contrast ratio — онлайн-инструмент для проверки контрастности, если у вас не macOS или не хочется скачивать приложение. Помогает проверить, насколько сочетаются цветовые комбинации. Введите названия или значения цветов фона и текста (в формате hsla, rgb или HEX), а инструмент покажет коэффициент контрастности и рекомендации по размеру и начертанию букв.

Sim Daltonism — симулятор дальтонизма для iOS и macOS. Скачайте приложение, выберите тип нарушения цветовосприятия и направьте камеру на любой объект.

Color Oracle — симулятор дальтонизма для macOS, Windows, Linux, чтобы проверять любые файлы на компьютере. Программу создали опытные разработчики: на сайте можно почитать также о дизайне картографии для людей с нарушениями зрения.

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

Color Contrast Analyzer — более профессиональная программа для Windows и macOS. Помогает определить четкость текста и контрастность элементов интерфейса — визуальных индикаторов, например.

Что еще почитать

Discover how to fix your color blind problems on Android devices with the Color Correction mode — приложение для Android с тестом на дальтонизм, плюс рекомендации по настройке цветокоррекции на смартфоне

Smartphone Customizations for Color Blindness & Nearsightedness — как настроить режим для дальтоника или слабовидящего на iPhone

Перевод статьи How to do business design research — six examples Дэвида Шмидта, бизнес-дизайнера и предпринимателя. Ранее он писал о навыках, которыми должен обладать профессиональный дизайнер, и упоминал исследование бизнес-моделей. По мнению автора, чтобы заниматься дизайном и разработкой, важно понимать рынок. В этой статье Дэвид рассказывает о шести бизнес-моделях, которые помогли компаниям попасть в высшую лигу.

Что еще за бизнес-дизайн

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

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

Что делает бизнес-дизайнер:

1. Анализирует рынок, топовых игроков и провалившиеся проекты. Для этого и нужно понимать, что и как работает.
2. Рисует дизайн и разрабатывает прототип бизнес-модели.
3. Тестирует прототип и передает в продакшн.

Бизнес-модели, ведущие к успеху

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

VanMoof: от продаж к аренде. VanMoof — голландская компания, которая уже десять лет производит велосипеды. Недавно они изменили бизнес-модель и теперь не только продают, но и сдают их в прокат по подписке. Плюс такой модели для клиентов — она напрямую влияет на основной продукт: у компании есть стимул делать велосипеды прочными и долговечными. Рискованный шаг для VanMoof, но с очевидными плюсами — переход к подпискам увеличил клиентскую базу. Раньше велосипеды стоили от 1000 $, сейчас минимальная цена за подписку в десять раз меньше, и экологичный транспорт стал доступнее для большинства людей.

WeChat: развитая экосистема. Многофункциональный мессенджер WeChat разработали в Китае, и, по последним данным, только пользователей-китайцев насчитывается миллиард. Для сравнения, WhatsApp используют 1,5 миллиарда человек по всему миру. WeChat объединяет функции мессенджера, соцсети, новостной ленты и операционной системы. Один инструмент заменяет WhatsApp, Twitter, Facebook и iOS.

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

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

Light Phone: не баг, а фича. Light Phone — бесполезный на первый взгляд телефон, но на самом деле это тщательно продуманный бренд: устройство разработали так, чтобы им пользовались как можно меньше. Все в курсе, что у нас развилась зависимость от смартфонов, и Light Phone — это цифровой детокс. Звонки, смс и будильник — все его функции. Light Phone иллюстрирует термин feature fatigue — перенасыщение многофункциональными устройствами и стремление их избегать.

Этот телефон — пример использования стратегии blue ocean. Ее цель — перестать конкурировать с другими компаниями, создав новый продукт или услугу, спроса на которые раньше не было на рынке.

Sandeman’s: открыть новый пользовательский сегмент. Sanderman's New Europe — еще один пример стратегии blue ocean, позволяющей бизнесу освоить новую группу пользователей. Компания предлагает пешие туры, которые уже посетили 1,5 миллиона человек. Sandeman покорили нетронутый сегмент аудитории двумя вещами: пользователи могут посещать новые города и страны без дополнительной регистрации и доплат. При такой модели путешественники платят столько, сколько позволяет бюджет. Стратегия голубого океана открыла компании рынок пеших туристов и тех, кто привык путешествовать самостоятельно и с бюджетом, который вряд ли позволит нанять гида.

Гиды в Sandeman’s, кстати, не работают по найму и не платят налог с каждого участника группы. Их доход — продажа собственных туров и комиссия от компании. Контроль качества — важная составляющая такой системы: клиенты платят только за тур, который им понравился.

Warby Parker : свежий взгляд на закоренелую индустрию. Warby Parker — иллюстрация того, как новый игрок задает свои правила и меняет традиционное ценообразование. Фишка компании — продавать за 100 долларов очки, которые раньше стоили 400. Дороговизна оптики стала нормой из-за компании Luxottica, которая торговала аксессуарами от элитных брендов вроде Ray-Ban, Chanel, Prada.

На самом деле материалы для изготовления очков очень дешевые: себестоимость оправы и линз обычно менее 10 долларов. В Warby Parker воспользовались этой особенностью производства: начали выпускать свои очки и продавать напрямую. Если магазины вроде Luxottica выступают как посредник между брендом и покупателем, то Warby Parker пропускает промежуточный этап — и это делает очки еще дешевле. Кроме того, компания позволяет примерить оправу дома. Эта услуга и низкая стоимость мотивируют клиентов покупать сразу несколько очков.

Знаете другие успешные примеры бизнес-моделей? Поделитесь в комментариях.

Со стороны кажется, что попасть в известную компанию с мировым брендом чертовски сложно. Но студенты GeekBrains опровергают этот миф.

Михаил Филимонов, «Сбербанк Технологии»:

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

Собеседование проводил будущий руководитель — UX-дизайнер СберТеха. Он сам работает удаленно, для работы снимает у нас в городе офис. Резюме я не готовил, но прихватил с собой кейсы. Насколько мне известно, помимо меня еще было человек девять, но из нашего они города или нет, не знаю.

На собеседовании меня больше всего удивило, что руководитель не интересовался моим образованием и достаточно бегло просмотрел кейсы, хотя я предполагал, что это будут главные вопросы. В интервью больше упор был на UX. В рамках обучения в GeekBrains я сделал приложение. Меня спросили, есть ли смысл делать подобное для задач СберТеха. Много было юзабельных вопросов: «Почему вы решили так? На что это влияет? Что изменится, если мы поменяем вот это?» и других. Проверял аналитическое мышление.

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

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

Тестовое подготовил основательно — проработал пользовательский сценарий, продумал, как все будет взаимодействовать, и начал пилить приложение в Adobe XD. Я максимально четко сформулировал ответы на вопросы, которые могли бы мне задать. Но когда начал презентацию, сразу услышал, что нужно было подготовить другое — беспилотный автомобиль. Это меня выбило из колеи — я пришел с уверенностью, что отвечу на любой вопрос, и тут такое.

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

Руководителю тестовое понравилось, и он сказал: «Ок. Мы тебя берем». Пояснил, что нужно найти ментора на первое время, который сможет ввести меня в курс дела. На этом собеседование закончилось, а через два дня я получил сообщение, что с 20 августа можно приступать к работе.

Однако из СберТеха я ушел до окончания испытательного срока. Когда откликался на вакансию, я думал, что парень-стартапер набирает команду. Оказалось, что это руководитель направления в СберТехе, который ищет себе замену. Меня взяли, но это было первое место работы после обучения, и я не планировал заниматься проектами на уровне менеджера с пятилетним опытом. Да и нагрузка в компании огромная — по 12 часов ежедневно без выходных. Сейчас удаленно работаю в крутой студии из топ-3 в России. Для трудоустройства потребовалось только показать портфолио.

Михаил Степнов, «Альфа-Банк»:

— Я устроился старшим разработчиком в «Альфа-Банк», а получилось это благодаря Дню карьеры в GeekBrains. С утра студенты и выпускники собрались в офисе Mail.Ru Group. Сначала была презентация компаний-работодателей. Они рассказывали, чем занимается бизнес, почему у них хорошо работать и какие специалисты обычно требуются. Затем мы могли пообщаться с каждой компанией отдельно у их стендов.

Куратор обучения Даша Грач заранее посоветовала взять с собой распечатанные резюме — так я и поступил. После презентации прошелся по компаниям и в самые крупные подал резюме. Пообщался с представителями, которые рассказали, как у них все происходит, какие нужны люди. День карьеры закончился, все разошлись. А потом мне начали звонить и присылать письма.

Пришли приглашения на интервью от трех компаний: «Альфа-Банка», СберТеха и еще одной, название которой уже не вспомню. В СберТехе и «Альфе» мне сказали «да», и я выбрал «Альфа-Банк».

Из «Альфа-Банка» позвонила эйчар Галина Величко, ведущий специалист отдела профессионального подбора. Спросила: «Ищете работу?» Я говорю: «Да, ищу». А она: «Хорошо, мы вас приглашаем на собеседование». Вот такой короткий разговор. Она прислала письмо с адресом и временем, к которому приехать. Тогда я занимался личным проектом, поэтому мог подъехать в любой час. По телефону меня спросили: «Когда вы можете?» Я говорю: «Завтра». «С утра удобно?» — «Удобно». В итоге я получил письмо с подтверждением встречи, где было назначено точное время — 9 утра.

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

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

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

После демонстрации проекта мне долго задавали вопросы — минут 50. Спрашивали про каждую мелочь, чтобы понять уровень моих знаний. Потом будущий начальник сказал: «Ребята, уже хватит, все понятно». Посмотрел резюме и спросил: «Эта сумма актуальна?» Я говорю: «Это минимум». Он ответил: «Хорошо». Забегая вперед, скажу, что эта сумма мне и пришла. Причем это была гросс зарплата — сумма чистыми после уплаты налогов. После трехмесячного испытательного срока зарплату увеличили, если быть точным, на 13 %.

После обсуждения зарплаты мне сказали, что со мной свяжутся. О том, что я им понравился, узнал через полчаса в метро, по дороге домой. Галина Величко написала мне в WhatsApp, что все прекрасно и можно приезжать устраиваться. И прислала письмо-приглашение.

Следующий этап — проверка в службе безопасности, которую многие соискатели не проходят. В «Альфа-Банке» это разговор с сотрудником службы и анкета, как на загранпаспорт: где учился и работал за последние пять лет, все данные о себе. Еще было много уточняющих вопросов. Например, я упомянул, что однажды делал пятиминутную работу для кого-то, и он сразу: «Что за работа? Где делал? Телефон человека?» Пришлось многое вспоминать. Разговор длился около часа. Обсудили все детали: куда я летал, были ли приводы в милицию, алкоголь, наркотики, оружие, — вопросы о чем только можно. Я рекомендую готовиться к такой встрече основательно.

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

С момента первого звонка эйчара до выхода на работу прошло не больше двух дней. В первый — тестирование, во второй — служба безопасности, а на третий я уже приступил к задачам. Работаю с 13 июня. Испытательный срок уже прошел, и я рад, что попал в команду «Альфа-Банка».

Илья Барсуков, Wargaming:

— Я попал на стажировку в Wargaming, а теперь работаю там Junior QA. Считаю, что мне повезло, потому что в моем послужном списке не было ничего, кроме того, что люблю игры и умею их взламывать. На собеседовании я сказал: «У меня два высших образования, и оба гуманитарные, но я — геймер и мечтаю работать в игровой компании». Вместе со мной на вакансию претендовали ребята с опытом и знанием нескольких языков программирования, но в команду приняли меня.

Я закончил филологический факультет СПбГУ. Знаю английский и японский языки. Второе образование — специалист по международному праву. Я работал в бюро переводов, в техподдержке, писателем, но никогда не был связан с IT. И хотя у меня разносторонний опыт, с точки зрения специальности резюме было «голым».

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

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

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

Серьезные вопросы появились на третьем этапе. Например, меня спросили про любимую игру: «Если бы вышло дополнение к Diablo II, как бы ты его начал тестировать?» Тут я понял, что от ответа зависит мое трудоустройство. В GeekBrains я уже прослушал лекцию по видам тестирования, поэтому решил показать знания.

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

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

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

С 1 января 2019 года все российские фрилансеры (или самозанятые граждане, как их называют законодатели) могут легализовать свою деятельность по упрощенной системе — то есть без официального устройства на работу с НДФЛ, пенсионными отчислениями и прочими прелестями и даже без регистрации в качестве ИП.

Это значит, что теперь можно платить меньше, но вместе с тем иметь все плюсы легальной работы в стране.

Что произошло?

27 ноября 2018 года президент РФ подписал Федеральный закон № 422-ФЗ, из которого следует, что с 1 января 2019-го фрилансеры, желающие легализовать свою деятельность, могут воспользоваться специальным налоговым режимом.

То есть самозанятые граждане теперь вместо НДФЛ (налога на доходы физических лиц, который еще называют подоходным) могут платить НДП (налог на профессиональный доход). Это меньшая сумма, и он проще в реализации.

Сколько?

В отличие от НДФЛ, ставка у НДП заметно ниже: 4 % для тех, кто оказывает услуги или продает товары гражданам, и 6 % для тех, кто работает с компаниями, организациями и прочими юридическими лицами.

Как платить?

Законодатели — ура им! — решили, что фрилансеру нечего заморачиваться и ходить по инстанциям. Поэтому всё, что касается взаимоотношений с налоговой, происходит через специальное мобильное приложение для самозанятых «Мой налог», которое можно скачать и в App Store, и в Google Play.

Зарегистрироваться в приложении можно либо по паспорту, либо через личный кабинет налогоплательщика на сайте ФНС РФ. Не нужно будет подавать декларации и приходить в налоговую: сумма налога автоматически появится в приложении в конце месяца.

Кто может воспользоваться специальным налоговым режимом?

Кажется, что ответ очевиден: любой, кто является фрилансером и работает на себя. Однако это не совсем так. Если работаете дизайнером, программистом, журналистом, фотографом, копирайтером и так далее — вы действительно можете зарегистрироваться как самозанятый гражданин. Но если для вида деятельности, которым вы занимаетесь, требуется обязательная регистрация в качестве ИП (вы таксист, к примеру), или же ваша деятельность определяется другими законами РФ (как адвокатская практика) — увы, никаких поблажек.

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

В п. 2 ст. 4 №422-ФЗ указано, какие работники не имеют права применять специальный налоговый режим, а в ст. 6 ФЗ описываются те виды доходов, которые не подпадают под действие закона.

То есть вы можете «выйти из сумрака» и оформить спецрежим, если:

• не работаете по трудовому договору;
• не привлекаете к своей деятельности других людей на основании трудовых договоров;
• не работаете на основании договоров поручения, комиссии или агентского договора;
• доход от вашей деятельности не превышает 2,4 миллиона рублей (это около 200 тысяч в месяц);
• не соответствуете иным пунктам, указанным в п. 2 ст. 4 закона.

Кроме того, доходы не подпадают под действие № 422-ФЗ, если:

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

Совсем недавно — 13 февраля 2019 года — ФНС опубликовала письмо, в котором содержатся уточнения по поводу несовершеннолетних фрилансеров от 14 до 18 лет. Такие работники могут применять специальный налоговый режим при следующих условиях:

• если несовершеннолетний стал полностью дееспособным, вступив в брак (п. 2 ст. 21 ГК РФ);
• если несовершеннолетний объявлен полностью дееспособным (эмансипация) по решению суда или органов опеки и попечительства (ст. 27 ГК РФ);
• если есть разрешение законных представителей: родителей, попечителей, усыновителей (п. 1 ст. 26 ГК РФ).

Специальный налоговый режим будет действовать во всей России?

Нет. Федеральный закон называется так: «О проведении эксперимента по установлению специального налогового режима „Налог на профессиональный доход“ в городе федерального значения Москве, в Московской и Калужской областях, а также в Республике Татарстан (Татарстан)».

Соответственно, это эксперимент, который состоится только в четырех регионах страны:

• Москве;
• Московской области;
• Калужской области;
• Татарстане.

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

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

Бывает и так, что человек переезжает в Москву или Питер в поисках лучшей жизни и работает себе спокойно, к примеру, дизайнером. Живет на съемной квартире, а зарегистрирован, скажем, в Липецке. Но фактически работает в Москве.

Что делать в таких случаях? Пока непонятно. Федеральная налоговая служба, которая должна объяснить все эти тонкости, дала разъяснения только в части несовершеннолетних фрилансеров, а в территориальный вопрос ясность не внесла. Регион, на территории которого вы работаете, указывается при регистрации в мобильном приложении «Мой налог». И теоретически вас могут попросить доказать, что вы сотрудничаете, к примеру, именно с московским заказчиком. Но это пока только в теории, хотя вполне вероятно, что и практика не за горами.

Что там с пенсией?

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

Предполагается, что 1,5 % из той суммы, что заплатит самозанятый гражданин, пойдет в Фонд обязательного медицинского страхования. А вот пенсионные накопления фрилансеру нужно будет делать самому и самостоятельно платить в ПФР. Или не платить — тут уж каждый решает сам.

Для чего мне нужна регистрация в качестве самозанятого работника?

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

Вы легко подтвердите свои доходы, чтобы получить кредит или визу.

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

Что дальше?

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

С большой степенью вероятности закон № 422-ФЗ не будет долго действовать в том виде, в котором он представлен сейчас — должны быть дополнения и изменения. Федеральная налоговая служба должна выпустить несколько писем или разъяснений по поводу ряда деталей.

Возможно, территория проведения эксперимента тоже изменится — и почти нет сомнений, что она увеличится.

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

Они помогут новичкам разобраться в нюансах HTML, CSS и JS, а опытным кодерам — развить насмотренность и наполнить проекты новыми идеями. Чтобы покопаться в коде, перейдите по ссылкам в названиях — мы публикуем только внешний вид элементов.

Научиться

Иконки загрузки

Поле поиска

Отрывной календарь

Хлебные крошки

Тумблер-пузырь

Элементы списка

Чек-лист

Вдохновиться

Тумблер «Тоторо»

«Жидкая» кнопка

Гамбургер-меню

Персонализатор настроек на примере фигурки лего

Анимированная форма авторизации

Индикатор в виде бутылки с водой

Использовать в проектах

Ошибка 404

Чекбокс пользовательского соглашения

Профиль пользователя в виде карточки

Блокировка-разблокировка

Разметка страниц

Поиск

Поле для ввода пароля с индикатором безопасности