Просмотреть демонстрацию: 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/ (голосование отключено).