UX тренировки с Олей Горенко

Добро пожаловать во второй блок и мы начинаем тренироваться проектированию через боли и потребности. Что это? Это все то, что останавливает нашего клиента, нашего покупателя, нашего пользователя от принятия решения.

Для этого блока тренировок наш оффлайн пример - это скамейки с встроенными солнечными батареями. У меня возникла потребность подзарядить телефон или компьютер, допустим телефон, мы присели на лавочку и решили подключиться. Какие страхи и барьеры происходят в процессе работы? Первое: я спешу, у меня длинный звонок, я вижу вариант подзарядиться от лавочки. У меня есть альтернативный вариант: дойти до какого-то кафе и включиться в стенку, в розетку в стене. Я вижу, что лавочка быстрее, мне по пути, я останавливаюсь. Страх, который у меня есть: я не знаю, на сколько эта батарея заряжена. Соответственно, я не знаю, успею ли я подзарядиться. Мой барьер перед использованием этого устройства: я сейчас остановлюсь, потрачу время, еще посажу собственную батарею, не решу свою задачу и прерву разговор, который происходит.

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

Для онлайн примера мы сегодня перейдем в Instagram и поговорим о смене аватара. Допустим, у меня есть подруга, которая любит, чтобы ее фотки лайкали. Я всегда стараюсь это сделать, как только виду ее новые фото. Однако, если она сменила аву, то я легко пропущу этот контент. У меня возникает страх не узнать свою подругу и, как результат, не доставить ей удовольствие своим лайком.

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

Хорошей самостоятельной тренировки, которая, как всегда в прикрепленном файле.

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

Мы все еще со скамейками с солнечными батареями и какие же контекстные ситуации могут быть? Скамейки находятся на улице, поэтому начнему с простого - с погодных условий. Первая контекстная ситуация: снег не идет, дождь не идет, солнце не светит. Всё достаточно сухо, хоть и пасмурно. Я понимаю, что я могу подключить адаптер к этой лавочке, подключить свой телефон, и всё безопасно. Но есть другая контекстная ситуация - это влажный день. Дождь прошел или дождь идет, снег идет, туман и просто повышенная влажность.

У меня дорогой телефон, я знаю, что, если я подключу адаптер в мокрую розетку, то может быть беда либо с телефоном, либо с адаптером. Я не готова рисковать ни первым, ни вторым устройством. И в этот момент мне абсолютно непонятно, насколько защищена эта розетка. Может ли она в целом быть защищена? Есть ли риск для моего устройства, в случае, если я во влажных климатических условиях буду подключаться к подзарядке?

Какое могло бы быть решение? На самом деле, самое простое - это, наверное, уведомление, маленькие иконочки: дождь - нет, туман- нет, снег - нет. Это достаточно понятно людям, тем более подобное устройство, оно для более современного молодого поколения, которое прекрасно работает с иконками, оно видит их на каждом кафе: Pets free, водички, мороженки, ролики и прочее. И они привыкли коммуницировать через иконки как в своих устройствах, так и в оффлайн жизни.

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

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

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

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

Хорошего времяпровождения в самостоятельной тренировке.

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

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

Что же будет для Гарри Поттера? Человек, пускающийся в авантюру, вряд ли сразу будет искать инструкцию. Он попытается в своей голове подумать, как, на основании его опыта, на основании его видения, это может работать. Для этого пользователя нам не нужны инструкции. Но, если мы считаем правильным таки дать инструкцию, предупреждая барьеры, которые могут возникнуть впоследствии, по ходу использования то инструкция для Гарри Поттера должна быть более интересной формы, это должна быть какая-то карта, которую он изучает. Это должны быть какие-то более веселые иконки, которые он сам по себе будет разгадывать. Он разгадывал как работает лавочка, теперь он разгадывает, как прочитать эту инструкцию. Тогда он будет вовлечен, тогда ему будет интересно, и он даже получит дополнительное позитивное эмоциональное состояние.

Теперь Instagram глазами Гермионы и Гарри Поттера. Как каждый из них, мог бы изучать выдачу в их ленте. Что бы мы могли предположить для каждого из типажей? Думаю, Гермиона хотела бы упорядочить. Скорее всего, даже по папкам: я хотела бы видеть людей с которыми я связана по бизнесу, чтобы понимать их интересы; я бы хотела видеть своих друзей; я бы хотела видеть тех друзей, на которых очень важно быстрее всего отреагировать и в этом случае, еще и получить по ним уведомление.

Что нужно Гарри Поттеру? Предполагаю, что Гарри Поттер был бы счастлив иметь одну кнопку «Перемешать все» и нажимать ее регулярно на протяжении дня. И даже не принципиально, будет ли в этой ленте только то, на что он подписался, или иногда еще будут подмешиваться интересные картинки, которые дарят ему впечатления и пытаются помочь, подсказать, по какой логике он сейчас идет: ок, я отсмотрел океан, и дальше мне показываются все фотографии друзей, которые на водоемах, океанах, водопадах и прочего. Ок, я посмотрел, лайкнул какую-то фоточку с солнышком или с пляжем, или с рабочей вечеринкой, и по той же логике я продолжаю видеть другой контент. Мне надоело смотреть офисные видео или картинки, я нажимаю опять кнопку «Перемешать все», и мне предоставляется новая логика. Instagram для наших разных пользователей, конечно же, будет разным.

И теперь вновь, к самостоятельной тренировке, которая сохранена в прикрепленных файлах.

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

Возвращаемся к Гермионе. Задача - провести конференцию с заряженным телефоном. Наш элемент, в моем случае, это лавочка с зарядом батареи, и ее боли в разных контекстных ситуациях.

Итак, Гермиона во время дождя, проводя конференцию, подзаряжает телефон. Какие страхи могут быть? Я боюсь, что устройство испортится. И решение - я хочу табличку: «Во время дождя телефон не подзаряжать». Другое решение - я хочу, чтобы рядом стояли зонтики общественные, которые я могу использовать. Или же я хочу табличку о том, что эта розетка защищена навесом от лавочки, и это безопасно. Гермиона в другой контекстной ситуации, когда она очень быстро проходит мимо лавочки, у нее есть всего пять минут. Успеет ли она зарядить свой телефон, решить свою задачу? Она боится, что она зря потратит время, она не будет использовать эту лавочку для решения своей задачи, если эта батарея заряжает медленно. Новое решение: мы должны дать какой-то прогресс, который скажет, что в течение пяти минут вы успеете зарядить iPhone, Android, Samsung, какую-то популярную линейку на плюс пять процентов, в случае если вы перейдете в авиарежим.

Успешной заключительной самостоятельной тренировке по прикрепленному файлу.

Третий тип поиска решений для проектирования, с которым мы познакомимся - это проектирование через эмоциональные состояния. Это все, что вы можете назвать своими переживаниями. В случае позитивных, от банальных слов: радость, интерес, воодушевление, переходя к более сложным формулировкам: ощущение влюбленности, ощущение полета, насыщенность и тому подобное. И еще одно важное замечание: мы проектируем только через позитивные эмоциональные состояния.

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

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

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

И теперь немного праздника в онлайн пространстве. Сегодня рассмотрим мессенджер Viber. Некоторое время назад у них появился новый функционал: по утрам он сообщает мне о днях рождения моих друзей, а точнее, людей из моего контакт листа. Все бы ничего, может, мне было бы это и полезно, хотя я ни разу, на самом деле, не посмотрела список своих именинников, но Viber это делает в девять утра, кажется, ежедневно, без исключения выходных. Поэтому, если мне не нужен будильник, то мне достаточно подумать о том, что Viber завтра разбудит меня в девять утра.

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

Как иначе можно было бы спроектировать этот сервис? Первое, самое простое - это ближайшая кнопка «Отключить уведомления». То есть, даже не нужно менять текущий функционал. Я получила сообщение, и ровно в этом чатике, без углубления внутрь, я могу видеть кнопку «Без уведомлений». Я ее здесь же нажимаю, у меня всегда сверху висят уведомления «С днем рождения», если мне будет полезно, я буду заходить в чат и смотреть, кого поздравить.

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

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

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

Приятных эмоций для самостоятельной тренировки.

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

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

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

Какой еще вариант использования ресторана можем взять для сравнения? Допустим, проведение деловых переговоров либо просто посидеть поработать. В этом случае человек точно так же хочет быть расслаблен, но ему нужна бОльшая сосредоточенность, для того чтобы не чересчур расслабиться, развалиться и абсолютно забыть о работе, и перейти к распиванию коктейлей и вкусностям. Человек сосредоточен. Мы не хотим, чтобы он отбросил свою работу, соответственно, нужно сделать более яркое освещение, чем в первом случае, когда ребята на свидании.

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

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

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

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

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

В онлайне у нас по прежнему Viber с уведомлениями о днях рождения. Какие разные варианты использования могут быть с уведомлениями о днях рождения?

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

Второй вариант использования – это, когда я нахожусь в активных чатах, и вариант использования «О, сегодня у него день рождения!». То есть, ситуативное напоминание, в отличие от первого случая, когда я намеренно иду в список и перепроверяю, кто там. Во втором случае, какое эмоциональное состояние я бы хотела получать? Радость и удовольствие от того, что «О, я в курсе! Вау, круто, я сейчас поздравлю, а он и не ожидала, что я на самом деле помню о его дне рождения».

Как будут отличаться решения в этих двух контекстах? В первом, когда мы хотим дать человеку уверенность, наверное, самым правильным будет числовое подтверждение, потому что уверенность - это скорее относится к статистике, к математике, к цифрам. Тогда мы можем сказать, что сегодня у 13 человек дни рождения из твоих 2938 контактов.

Здесь же, если мы говорим о напоминаниях и уверенности, разумным является показать предыдущие и будущие дни рождения, помимо сегодняшнего дня. То есть, я хочу перепроверить «Я вчера в Viber не была, наверное, я могла кого-то упустить», или «Надо ли мне подготовиться?» Опять же, день рождения связано с какими-то подарками, помимо устных поздравлений. И на подарки мне нужно время. Это как раз тот случай, когда «О, я не успела купить подарок. Почему же я не вспомнила раньше о том, что у нее день рождения?», тогда это нам поможет спроектировать период, на который мы показываем дни рождения.

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

Интересной эмоциональной самостоятельной тренировки.

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

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

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

Какое лучшее решение было бы для Золушки? Застенчивые люди зачастую видны своей скованностью, может быть, легкой неуклюжестью. Мы можем посмотреть на нее, поговорить, во-первых, с ее Принцем, поинтересоваться их настроением, заметить, что Золушка больше молчит, чем проявляет активность, и в этом случае предложить им более затемненную зону. То есть через разговор мы проверяем свою гипотезу касательно их настроения и события.

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

Что происходит с Мачехой, которая более требовательная и хорошо знает, что она хочет? Скорее всего, это человек, который встанет на пороге, осмотрится и даже без наших вопросов очень четко обозначит, куда она хочет: «Я хочу тот столик». В случае, если мы видим такого человека, мы смело можем интересоваться, что они предпочтут: первую или вторую зону по освещению. И вероятнее всего, мы получим от человека ответ. Мы можем не беспокоиться о том, как аккуратно обхаживать такого гостя. Вероятнее всего, человек сядет за стол и самостоятельно скажет, что она хочет.

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

В случае с Золушкой, которая радуется всему-всему, мы не обойдемся одними шариками. Для этого человека было бы уместно подготовить библиотеку шариков, салютов, тортиков и еще всяких бантиков, чего-то очень веселого. Можно даже сделать кнопку с рандомными эффектами: она нажимает кнопку и каждый раз ждет: «Ой, что же сейчас вылетит? Ой, полетели бантики», и ее это радует. «Ой, сейчас салют, а что же будет на следующее нажатие кнопки?». Ее радует внезапность эффектов.

Приятной самостоятельной тренировки для проектирования через эмоциональные состояния персонажей.

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

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