Чему можно научиться у людей, которые нарисовали 30 000 иконок

Перевод статьи “What Can You Learn From People Who Drew 30,000 Icons?” от создателей сервиса Icons8, которые за несколько лет его существования нарисовали более 30 000 иконок.


Создавая иконки на протяжении 5 лет, вы не только нарисуете их в количестве тридцати тысяч, но также узнаете о сексизме и расизме, о том, как уживаются дизайнеры и разработчики, о трендах, … и о Бэтмене.

Чего все хотят?

Многие знают (а если нет, то после этой статьи, точно будут знать), что мы рисуем иконки для популярных запросов. Можете угадать каких? Нет, это не UI иконки, не настройки, не иконки меню. Это – Бэтмен, Супермен, Человек-паук, Железный человек, Флэш и другие.

pic1

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

И мы были бы не против, если бы не одна проблема: н​икто не использует эти иконки в своих проектах.

Возьмем три обыкновенных иконки из запросов:

pic2

И сравним их с загрузками иконок супергероев:

pic3

Эти три иконки даже не самые популярные среди обыкновенных. Добавим на график иконки «Параметры» и «Удалить»:

pic4

Нам пришлось принять горькую правду: л​юди голосуют за то, что им нравится, но используют то, что им нужно.

В любом случае уже нарисованные иконки не бесполезны. По крайней мере, теперь мы знаем, как Бэтмен противостоит Супермену:

pic5

Иконки тоже могут быть расистскими и сексистскими

Одним солнечным утром мы получили следующий тикет от техподдержки: «Это возмутительно, что среди тысяч иконок есть одна единственная с изображением афроамериканца – и это иконка «Расизм»».

pic6

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

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

Так что мы восприняли это на свой счёт.

pic7

Не только отсутствие иконки, но и её название также может быть оскорбительным. В другой раз мы получили такое письмо: «Я не могу найти ни одной иконки с женщиной-менеджером. Вы можете мне помочь?»

Мы помогли – и сделали​ эту​ иконку:

pic8

Но внезапно всё пошло под откос. Иконка называлась «Администратор женщина» (Administrator Female). Это оскорбило женщину, которая попросила нас о помощи. Оказалось, что не у всех женщин длинные волосы, галстук является признаком сексизма, а слово «администратор» оскорбительно. Мы извинились.

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

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

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

Это не просто иконки

Это также:
~ 50 спринтов
~ 7 000 коммитов
~ Неизвестное количество чашек кофе

10 лет назад на одного дизайнера приходилось 3 продавца, но времена меняются. За последние 5 лет мы перешли от WordPress-сайта к нашему собственному с богатым выбором услуг.

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

pic9

Так что теперь в нашей команде в 3 раза больше разработчиков, чем дизайнеров. Чем сложнее мы становились, тем более неразрешимые вопросы возникали. Вот почему мы запустили чат-поддержку.

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

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

pic10

Мы все работаем над одним большим проектом: разработчики, дизайнеры, сотрудники техподдержки, маркетологи и контент-менеджеры. Самая большая проблема, с которой мы столкнулись и которая существует до сих пор, заключается в вопросе: как организовать 20+ человек для работы в одной команде. Дистанционно. Из разных уголков мира.

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

Так что мы выбрали то, что нам подходило, например, стали использовать обычные слова (такие как спринты и стендапы) нестандартным образом, а ненужное отбросили.

Мы не представляем, как называть нашу группу, состоящую из 20-ти разных профессионалов, работающих удалённо, но слово «Племя» может быть хорошим отправным пунктом. Сплочённое, полезное и забавное племя.

Мне также следует упомянуть здесь маркетинговую команду, иначе они меня возненавидят. Так вот, упоминаю.

Влияют ли на нас тенденции?

Они буквально формируют Icons8.

pic11Иконки нарисованные, начиная с 2011 года

Этот график показывает, что в течении 5 лет мы постоянно рисовали иконки, но он не показывает, ​что​ мы нарисовали.

Ноябрь, 2011.​ Мир ещё не захвачен мобильными приложениями. Несколько лет назад, большинство существующих приложений было для десктопов, и иконки Windows 8 составляли основной доход небольшой дизайнерской компании, которая решила выпустить пакет из 153 иконок. Имя этой компании Icons8.

pic12

Сентябрь, 2012​. Стало очевидно, что все больше разработчиков переходит на мобильные платформы, соответственно, потребность в iOS иконках была выше, чем когда-либо ранее. Все иконки, которые у нас были, мы начали перерисовывать для iOS7 и продолжили каждый день добавлять новые иконки в двух форматах – Windows и iOS.

pic13

Май, 2013.​ Все больше и больше людей просило нас обратить внимание на Android. Мы так и сделали, и начали добавлять Android-версии.

Ноябрь, 2014.​ Google запустил новую версию Android – Lollipop (5). В течение нескольких месяцев мы рисовали каждую новую иконку как для старой, так и для новой версии Android, но потом решили полностью переключиться на новые. Тем не менее, старые версии все еще доступны на нашем сайте, и мы рисуем старые версии под заказ.

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

Май, 2015.​ Мы презентовали ​цветные иконки​ ​в собственном стиле. Не то чтобы мы придумали разноцветные иконки, скорее разработали свои гайдлайны для них. Это был первый раз, когда мы отошли от рекомендаций «игроков из высшей лиги». Скоро вы узнаете стоило ли оно того.

pic15

​Июль, 2015.​ Выходит Windows 10 без каких-либо г​айдлайнов,​ кроме тех, что мы сами разработали:

pic16

Март, 2016.​ Еще один решительный шаг с о​фис​-иконками. Тоже по нашим с​обственным гайдлайнам.

pic17

Честно говоря, я понятия не имею, какое офисное приложение могло бы использовать эмблему Дома Старков, но мы всё равно её нарисовали.

pic18

Мы следуем трендам. Но как на счёт наших клиентов?

pic19
Данные предоставлены s​tatista.com

Общее количество приложений, опубликованных для Apple App Store и Google Play, почти одинаково, но…

pic20

Скачиваний иконок для iOS почти в четыре раза больше, чем для Android. Почему? Выберите любую из причин:

● Сложные иконки (как пример с волком) хорошо выглядят в iOS в разных размерах, в то время как упрощенная геометрия материального дизайна Android может выглядеть странно при увеличении. Людям свойственно делать выбор, ориентируйсь на то, как выглядит увеличенное превью, а не сравнивая иконки в маленьких размерах;

● Apple устанавливает тренды и активно продвигает их, в то время как Google создает официальную коллекцию, охватывающую 90% обычных потребностей разработчиков. В некотором роде это старая война трендов и практического применения;

● Только недавно Android начал продвигать свой ма​териальный дизайн в виде рекомендаций, в то время как iOS более требовательны к «родному» виду любого приложения;

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

А теперь давайте посмотрим шире:

pic21Данные за 6 месяцев

Цветные иконки и недавно выпущенные ​офисные иконки также популярны, как иконки для Android или Windows, и становятся все более популярными каждую неделю. Однако они не следуют каким-либо трендам или гайдлайнам, кроме наших собственных.

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

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

Офисные иконки, конечно, не предназначены для использования только в офисных приложениях. Точно также и с iOS иконками в приложениях для iOS.

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

Выводы

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

К сожалению, я не в состоянии описать каждую историю, которая произошла с нами на протяжении многих лет, не превращая это в электронную книгу.

Хотя, судя по нашему графику «Нарисованные иконки», у меня скоро будет 50 000 хороших причин для восполнения этого пробела.

Об авторе: Андрей Бурмистров начал работу в Icons8 как юзабилити-специалист: проводил интервью и исследования. Но он отчаянно хотел поделиться своими открытиями с профессиональным сообществом и стал писать полезные и смешные статьи (иногда и то, и другое сразу) для Icons8.

Перевод: Icons8

Бонус: 36 дорожных иконок от команды Icons8

dorozhnye-ikonki_icons8_preview

Скачать набор иконок по ссылке.