Лого vc.ru

Дизайнер Facebook о процессе редизайна иконки «Друзья»

Дизайнер Facebook о процессе редизайна иконки «Друзья»

Дизайнер Facebook Кэйтлин Уиннер написала в своём блоге на Medium заметку о процессе редизайна иконки соцсети для обозначения списка друзей. По её словам, на это ушло несколько месяцев.

Поделиться

Штаб-квартира Facebook — это удивительное место. Бесплатные снеки, всегда сияет солнцем и все вокруг полны лучшими намерениями. За первую неделю пребывания там я встретила сотни людей, которые честно пытались сделать мир чуточку лучше. Я предвидела, что и мне самой будет просто приспособиться к этой новой норме жизни.

Я пообещала себе, что не буду никогда в жизни жаловаться, и в качестве напоминания о своем обещании повесила над своим столом плакат, на котором было написано «Будь скромным».

Девушка с зазубриной в плече

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

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

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

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

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

После исправления её плеча, мне нетерпелось убрать с ее головы шлем а-ля Дарт Вейдер и придать прическе какую-нибудь форму.

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

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

Обновляя фигурку молодого человека я обнаружила много мест в Facebook, где одинокая фигурка использовалась для того, чтобы представить действие, например, иконка «добавить в друзья». Мне казалось, что будет нечестно, не говоря уже о том, что неправильно, сделать так, что только фигурка молодого человека представляет запросы в друзья, поэтому я нарисовала силуэт для тех случаев, когда гендерное различие в иконке было бы неуместно.

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

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

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

Действуем решительно  — с помощью друзей

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

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

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

Лекси Росс, продакт-менеджер, внедрил некоторые необходимые дополнения в графу «Пол» при создании профиля и добавил туда соответствующие альтернативные силуэты. Брайан Фрик, создатель иконок, обновил целый набор глифов около полугода назад, переделав и добавив много новых иконок, таким образом, неофициально заимствуя новые иконки людей в свою работу.

Иконки друзей Брайана Фрика

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

Иконки земного шара Брайана Фрика

Символы имеют значение

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

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

Популярные статьи
Показать еще
Комментарии отсортированы
как обычно по времени по популярности

Только что потратил 15 минут времени читая полотно текста совершенно упоротой девицы которая считает важным то что она делает. Кстати а что она делает?

...и потому они ставят минусы. =)

0

действительно, почему все фигуры белые? Там должно быть три фигуры- белая, желтая, черная

Надо сделать иконку, переливающуюся всеми цветами, тогда никому не будет обидно!

Тот лысый слева и есть негр! Просто #402B26 (тёмно-коричневый) на #3b5998 (тёмно-сине-фиолетовом) был бы не заметен а это уже открытая дискриминация.

0

Каждую секунду в мире ковыряются в носу 179 миллионов 589 человек одновременно

Верните мне мой 12 век..........

Бабаньке, ну что же вы к иконкам пристаете, а не к комитету олимпийских игр с требованием убрать разделение программ мужчин и женщин?

Мальчик, дышащий в затылок мальчику, вот это по современному. А эта небритая феминистка отстала от человечества лет на 50

"эта зазубрина оскорбляла"!
КАК?)))
Как эта зазубрина может оскорбить человека?
Может у мисс Уиннер просто умом потекла?

Боремся за свои права, а не за равноправие. Привет, все как всегда.

Устроилась работать дизайнером в Facebook
@
Нет другой работы кроме исправления СЕКСИСТСКИХ иконок

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

Ее оскорбляет иконка 16х16px. Мир тронулся...

Я тебе больше скажу, ее оскорбляет положение девушки на иконке группы, но ее абсолютно устраивает, если девушка стоит впереди двух МУЖЛАНОВ

во у людей бомбануло!)

Мда... Иконка оскорбляет ее -_-

Даже не знаю что сказать.

0

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

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

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

0

Пусть ещё упоротую Элен Пао из Реддита к себе заберут.

А чем она прославилась?

−1

Эффективный менеджер™ с уклоном в гендерную паранойю.
Вот тут о её последних приключениях, например:
geektimes.ru/post/253078/
geektimes.ru/post/252968/

Эк всех задела невинная статья о редизайне иконок, на святое покусилась, негодяйка!
Все правильно делает

Не будут же тебе в Facebook просто так деньги платить.
Работать надо.

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

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

не вижу среди иконок гея и негра.

Радужный мальчик

0

а что, кто-то ещё юзает фейсбук?)
а так то да, непонятные придирки к иконкам у бабы этой. норм всё было, чё она...

−1

Лебедев со своим редизайном московского метро нервно размышляет над симметричным ответом.

0

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

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

А иконки Австралии с южным полюсом сверху не будет?

Это пока не сильно оскорбляет дизайнера австралийца в ФБ, видимо.

Забавно, что все комментарии в стиле "Всем насрать" написаны мужчинами. А единственный положительный комментарий, предположительно от девушки, заминусовали.

[сексизм]Потому что борщи надо ебашить, а не в фейсбуках сидеть![/сексизм]

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

Новая иконка стала меньше походить на женщину.

Возможность комментирования статьи доступна только в первые две недели после публикации.

Сейчас обсуждают
Дмитрий Лимонов

потому что ресторан не означает "дорого, бохато", как привыкли в РФ. Это всего лишь пункт общественного питания. Да, есть элитные рестораны, а есть в формате закусочных. Мир не кончается там, где ваши представления о нём не совпадают с реальностью.

«Будьте нашим гостем»: кому McDonald's даёт право бесплатно есть в своих ресторанах
0
Владимир Тихомиров

Похоже, пора на собеседовании в Яндекс спрашивать, в самом конце: вилкой в глаз или в жопу раз? И оценивать креативность процесса поиска правильного ответа... Будем перенимать международный опыт с адаптацией под наши условия, так сказать

Бывший глава Google затруднился ответить на один из традиционных вопросов компании на собеседованиях
0
Александр Васильев

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

«Никому не выгодно, чтобы у вас скапливались деньги»
0
Artem Zinnatullin
Juno

Не собираюсь оправдывать ролик сбера, но если вы про вот это видео с футболистом youtu.be/VGEfNcvntno, то оно ничем не лучше, тк там блин оператор(ы) по полю бегают, сверху съемка ведется и рядом с полем люди явно не на телефон снимают. Всем участникам было понятно, что это какой-то прикол. Была бы скрытая съемка — без вопросов.

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

Видео: Герман Греф в «костюме инвалида» в отделении «Сбербанка»
0
Artem Zinnatullin
Juno

Я может не понимаю, но в чем большая разница между "в имитирующем инвалида костюме" и "под видом инвалида"?

Не вижу "небо и земля" на скриншоте. У всех одинаково желтушные заголовки.

Видео: Герман Греф в «костюме инвалида» в отделении «Сбербанка»
0
Показать еще