Как компания Airbnb стала лидером в UX дизайне

Daria Yakimovich
NOP::Nuances of Programming
7 min readMay 18, 2024

Все началось благодаря одному из сооснователей Джо Геббиа, у которого был опыт в области дизайн-мышления. Хотя первое мобильное приложение вышло через 3 года после запуска компании, ориентированный на пользователя подход помог привлечь первых клиентов. Вместо того чтобы сосредоточиться только на продажах, компания старалась решать проблемы пользователей, проводить маркетинговые исследования и наблюдения. Именно к этому стремятся UX/UI дизайнеры в своей карьере, а компания поняла это с первого дня.

Одна из первых фотографий основателей Airbnb — Натан Блехарчик, Брайан Чески и Джо Геббиа (слева направо)

Это не первый раз, когда Airbnb добивается успеха благодаря руководителю с опытом в области дизайна. Известно, что компания наняла популярную дизайн-студию London DesignStudio для разработки бренда и даже запустила собственную внутреннюю студию инноваций и дизайна под названием “Samara”.

Samara часто нанимала бывших дизайнеров и руководителей из Apple, чтобы управлять своими проектами. Специфика Apple начала проникать в дизайн Airbnb, и в этом случае это был отличный ход.

Первые шаги — первый сайт

Редизайн Airbnb в период с 2008 по 2009 год

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

Большой скачок в логотипе

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

Привлечение пользователя к тому, что имеет значение

Визуальная тепловая карта на основе ИИ, созданная с помощью Cluify

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

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

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

Мир переходит к мобильным устройствам — Airbnb создают приложение

Первое приложение на Android, выпущенное в 2012 году

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

Есть даже интервью с Эндрю для TechCrunch, где было продемонстрировано первое приложение Airbnb.

Интервью для TechCrunch

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

Скевоморфизм во всей своей красе

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

Airbnb просто правильно выстраивает UX

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

Первый большой скачок — “Belo”

Обновление дизайна “Bélo”

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

Символ “Bélo” стал иконой поп-культуры с тех времен, когда Airbnb стала лидером в своем сегменте. Этот новый логотип, разработанный в 2014 году, помог компании развиться в других сферах туризма, помимо путешествий. Люди без труда понимали логотип (который показан на картинке выше). Он мог бы полностью заменить оригинальный словесный знак.

Очень часто мы наблюдаем, как за “ребрендингом компании” следует множество изменений в дизайне. Однако приложение и сайт Airbnb сделали большой скачок вперед: они стали более минималистичными, вмещая при этом большое количество информации.

Сайт Airbnb в 2014 году

Что изменилось в редизайне?

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

Проект Samara

Логотип проекта Samara основан на логотипе “Belo”

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

Студия использовала достаточно “лабораторный” подход, постоянно экспериментируя, даже если эти эксперименты никогда не стали бы достоянием общественности. Превосходным примером одного из самых первых экспериментов является дом “The Yoshina Cedar House”. Он был выставлен, но так и не запущен.

Дом Yoshina Cedar House, который был представлен на выставке

Самые важные новости за всю историю существования Airbnb

Джони Айв с покойным Стивом Джобсом

Не думайте, что Airbnb с того момента перестала инвестировать в дизайн. В 2020 году компания наняла дизайн-студию Lovefrom, основанную легендарным дизайнером Apple Джони Айвом.

Для справки, Джони Айв тесно сотрудничал со Стивом Джобсом при разработке iPhone, iPod, iPad, iMac и далее по списку.

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

Airbnb осваивает 3D

Последнее погружение Airbnb в 3D

Брайан Чески, соучредитель компании, опубликовал короткое видео в Twitter, где было продемонстрировано несколько новых функций в приложении. Однако дизайнеры отметили новый подход к 3D-иллюстрациям и анимации.

Компания не просто экспериментирует с 3D-стилем, но и добавляет его в приложение, как показано на скриншотах ниже.

Зимний релиз Airbnb 2023 года

Используют ли Airbnb ИИ?

Короткий ответ: да.

Функция AI-объявлений Airbnb

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

Анимация выше только подтверждает ее погружение в 3D-дизайн.

Высвобождение творческого потенциала

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

Одной из таких инициатив является Airbnb.design, где показаны некоторые творческие проекты, а также парочка блогов в стиле “за кадром”. Компания также воплотила в жизнь несколько предметных исследований, таких как UX-исследование и инклюзивный дизайн.

Сайт Airbnb.design

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

Итак, чему можно научиться у компании Airbnb?

  1. Лидеры компании с опытом в дизайне могут существенно повлиять на развитие.
  2. Если вы четко осознаете направление для проектов, то сможете превратить миллионы в миллиарды.
  3. Позволяйте дизайнерам экспериментировать и самовыражаться, и тогда вы будете вознаграждены.
  4. Публичная работа над продуктом и поэтапное его усовершенствование помогают многому научиться.
  5. Инновации проявляются в различных формах, дизайн может быть одной из них.

Читайте также:

Читайте нас в Telegram, VK и Дзен

--

--