Просмотреть демонстрацию: https://bittitan-branding.firebaseapp.com/ (голосование отключено).

Задний план

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

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

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

Идея

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

Однако, по моему опыту, сложно получить полезную обратную связь от большой группы людей (более 100 сотрудников!). Обычно бывает полезнее углубиться в работу с несколькими ключевыми заинтересованными сторонами, пока вы действительно не поймете, что представляет собой компания на человеческом уровне.

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

Исходя из этого стремления, мне пришла в голову идея создать приложение «Facemash for Design».

Прототип

Я быстро создал прототип основного взаимодействия в HTML, CSS, Javascript и jQuery, чтобы как можно быстрее показать его команде дизайнеров.

Сначала я создал жестко закодированный список изображений (вытащенный из поиска Pinterest по запросу «Веб-дизайн»). Я сохранил их в объекте Javascript и создал пользовательский интерфейс, чтобы пользователи могли последовательно голосовать за «Какой элемент лучше всего представляет бренд нашей компании». К этому моменту я потратил на идею около часа и написал пару сотен строк кода.

Отзыв от моей команды

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

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

Через несколько часов он ответил: «Я уже проголосовал около ста раз, сколько должен длиться этот опрос?»

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

Рейтинговая система Эло

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

Из Википедии:

Рейтинговая система Эло — это метод расчета относительного уровня навыков игроков в таких играх, как шахматы. Он назван в честь своего создателя Арпада Эло, американского профессора физики венгерского происхождения.

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

Разница в рейтингах между двумя игроками служит предиктором исхода матча. Ожидается, что два игрока с одинаковым рейтингом, играющие друг против друга, одержат равное количество побед. Ожидается, что игрок, чей рейтинг на 100 очков выше, чем у соперника, наберет 64%; если разница составляет 200 очков, то ожидаемый результат более сильного игрока составляет 76%.

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

Завершение сценария

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

Я использовал Firebase и Firebase Hosting, чтобы быстро создать прототип и развернуть приложение, используя только Javascript.

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

Курирование набора дизайнов

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

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

  • Простой и легкий
  • Чисто и профессионально
  • Красочный и энергичный
  • Плоский и приглушенный
  • Свежие и подробные

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

Вовлечение всей компании в процесс ребрендинга

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

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

Вот электронное письмо, которое я разослал всем нашим сотрудникам по всему миру:

Вы были выбраны для участия в брендинговой игре «Название компании»!

Здравствуйте, ‹Название компании›!

Как вы, возможно, знаете, наши команды по маркетингу и дизайну совместно работают над проектом по брендингу компании, и нам нужны ваши отзывы!

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

Чтобы играть, посетите https://bittitan-branding.firebaseapp.com/.

Спасибо за ваше участие! Мы поделимся результатами через несколько недель.

Результаты

К моему удивлению, в опросе приняло участие более 80% компании, и мы набрали несколько тысяч голосов. Некоторые участники проголосовали более 100 раз!

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

В своем волнении я создал страницу для отображения ранжированного списка результатов, а также количества полученных ими голосов и их оценок: https://bittitan-branding.firebaseapp.com/results/.

Сбор качественных данных, чтобы узнать больше

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

Но как я могу поощрять участие?

‹название компании› Результаты игры по брендингу

Привет ‹Компания›!

Мы получили массу откликов в «Игре по брендингу компании», намного больше, чем я ожидал. Спасибо за участие!

Хотел поделиться пятью лучшими результатами, если вам интересно.

Взгляни, пожалуйста!

http://goo.gl/forms/‹маскированный идентификатор формы›

Спасибо!

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

Партизанские исследования UX должны быть лоскутными!

Просмотр результатов

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

Продолжаем проект брендинга!

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

Спасибо за чтение! Если вы еще не посмотрели, Просмотрите демо: https://bittitan-branding.firebaseapp.com/ (голосование отключено).