Первое занятие, 16.01.2018. Блок исследования.

Часть первая, знакомство.
Преподаватель блока — Алина Ермакова, эксперт в области исследования пользовательских интерфейсов.
Сейчас Алина руководит отделом исследований пользовательского взаимодействия в Сбербанк-Технологии. Как оказалось, мы с ней пересекались на обучении основам юзабилити, которое она проводила в рамках курса повышения квалификации около года назад (в это время я работал продуктовым дизайнером в сбертехе).

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

Она привела очень интересную аналогию о естественном ходе вещей при взаимодействии человека с природой.
Ведь в природе очень многие процессы проходят сами по себе, не требуя от нас какого либо участия. Солнце восходит и заходит, зима сменяется весной. Процесс зарождения жизни начинается независимо от желания женщины. Это процессы, которые просто есть и они встроены в нашу жизнь так, что мы не замечаем этого.
Так же и идеальный продукт должен максимально незаметно и органично влиться в жизнь пользователя, словно это само собой разумеющийся процесс, который всегда существовал.
Один из самых известных примеров «встраивания» в естественный ход жизни — магазины икеа. Попадая в них мы переходим в состояние потока, где нас за ручку ведут по уютным интерьерам в которых нет окон и не ощущается время, нас в нужный момент угощают недорогой и вкусной едой, в икеа каждый элемент лежит на своем месте и появляется только тогда, когда ты максимально готов взять его и положить в свою корзину. И это работает.

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

А пока я хочу обратить твоё внимание на парадокс

А пока я хочу обратить твоё внимание на парадокс

1. Ты часто делаешь работу не к сроку, я бы сказал систематически (ровно так же, как это делают 100% известных мне творческих специалистов).

2. Но всякий раз считаешь это случайностью и объясняешь внешними причинами.

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

Я читал об этом в книге Канемана.

Если коротко: «обычный» человек переоценивает потери и недооценивает выигрыш. Если «обычному человеку» предложить сыграть в игру с подбрасыванием монетки, где «орёл это получить 1200₽, а решка это отдать своих 1000₽», он не согласится, хотя математическое ожидание — положительное. Это «страх потери», который добавляет негативному сценарию дополнительный вес. У «обычного человека» равновесие достигается примерно в точке «выиграть 1500₽ или проиграть 1000₽».

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

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

Как же быть?

Понимать, с кем имеешь дело.

— Если имеешь дело с такими же предпринимателими, творцами и специалистами по неопределённости, то расслабиться, принять своё «несовершенство», делить с ними ответственность, давать больше обещаний про процесс и меньше про результат.

— Если имеешь дело с адептами порядка, с людьми, у которых «пацан сказал пацан сделал», и которым опасно говорить «я ошибся, я передумал», то перезакладываться (брать с них «тройную цену»), очень точно управлять ожиданиями (обещать мало, а делать больше) и быть готовым к истерике от любой неопределённости.

Чтобы обратиться к какому-либо узлу, его сначала надо найти

Для этого есть разные методы, но в современном прототипировании чаще всего применяются два метода:

let el = document.querySelector(selector)
и
let elems = document.querySelectorAll(selector)

Оба метода получают на вход CSS-селектор элемента. Например:

let el = document.querySelector(".someClass b");

Отличие их в том, что querySelector вернёт один узел, который попался первым, а querySelectorAll вернёт список всех узлов на странице, соответствующих селектору.

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

Если же вам всё-таки нужен метод map, то вы можете преобразовать список узлов в массив при помощи конструкции [...nodeList]:

let arr = document.querySelecroAll("a");
[...arr].map(el => el.innerText);

Подробнее в видео: https://youtu.be/KIBv7QMToP4
И в примере с кодом: https://codepen.io/detepr/pres/mQqKZO

Подтягивать слабые стороны или усиливать сильные?

Подтягивать слабые стороны или усиливать сильные?

В триатлоне, как ясно из названия, три дисциплины: плавание, велогонка и бег.

Я — начинающий спортсмен, и у меня любительский уровень бега, езды на велосипеде и практически нулевое плавание. Если хотите, подписывайтесь на меня в Страве (https://www.strava.com/athletes/chulakov).

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

В триатлоне существует масса форматов соревнований от разных организаций с множеством дистанций. Самым известным является Ironman. На полной железной дистанции, так это называется по-русски, надо 3,8 км плыть, 180 км ехать и 42,2 км бежать. Рассматриваем Ironman, потому что он ближе всего подходит для сравнения с любой профессиональной деятельностью — дистанция длинная, это не спринт.

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

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

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

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

Денис Невожай о доме будущего и дизайне интерфейсов для часов.

Старший UX-дизайнер в Essential
http://dnevozhai.com/

— Привет Денис. Чем ты занимаешься в Essential?

UX Design для Home продукта. Если точнее, то работаю над архитектурой и логикой для таких систем как домашняя безопасность, управление IoT устройствами в доме и т.д.

— Почему ты решил заниматься только UX? У тебя же и UI отлично получается)

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

— Как будет работать дом будущего?

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

— Ты занимался интерфейсами для Alcatel One Touch и Amazfit. Что нужно в первую очередь учитывать, рисуя дизайн для часов?

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

— Как ты проверял свои решения?

На телефоне с маленьким, кругленьким экраном внутри )

— Как делать UI для круглых экранов?

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

— Что смогут делать носимые устройства через 5 лет?

Я бы сказал, что индустрия носимых устройств застряла. Но есть сферы, где их применение растет. Есть узкоспециализированные устройства, помогающие людям с проблемами со здоровьем. Речь о диабете, сердечных заболеваниях и т.д. Другой пример — девайсы помогающие держать ровную осанку.

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

— Какие устройства станут популярными через 5 лет?

Штука, которая взорвет мир — дополненная реальность. Но это произойдет только когда эти устройства смогут быть достаточно незаметными и не «странными» как Google Glass. Был слух от знакомого, который работает в Magic Leap, о том, что люди на закрытом демо не могли отличить искусственные объекты от реальных. Это впечатляет, обнадеживает и пугает.

— Ты много путешествуешь. Какое место нужно посетить каждому дизайнеру?

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

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

— Apple или Google?

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

Чем занимаются наши пользователи?

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

Сбор данных включает в себя четыре основных вида деятельности:

  1. Кабинетное исследование — когда происходит запрос и обработка доступной информации из различных ведомств (информация о пробках, ДТП, массовые потоки людей, движение транспорта и т.д.).
  2. Наблюдение — это своеобразный аудит местности, когда полевик выезжает на место и по специальному чек-листу проводит визуальный осмотр места. Он помечает на распечатанной карте конкретный участок, присваивает ему номер проблемы из чек-листа и фотографирует. После наблюдения, полевик садится за компьютер и заносит полученные данные в специальную программу, в которой уже на электронной карте у проблемы появляется своя координата, описание и изображение.
  3. Подсчет потоков — это измерение количества потоков людей и транспорта. Классический метод — ручной подсчет, когда человек становится на точку и начинает с помощью специального кликера поштучно считать количество людей, машин, велосипедистов и т.д. Такие исследования проводятся, обычно, группой полевиков, чтобы одновременно покрыть несколько сечений улицы. В студии транспортного проектирования усовершенствовали этот метод — начав использовать коптер. Пилот квадрокоптера выходит на точку, поднимается над улицей и снимает нужное направление, после чего видео с этой информацией передается полевикам, и они так же, кликают количество потоков. Были попытки усовершенствовать обработку этого видео путем использования искусственного интеллекта, но к конкретному решению так и не пришли.
  4. Опрос — это краткое анкетирование населения, с целью выяснить, как человек оказался на этой точке, откуда пришел и какая у него конечная цель. Полевик отмечает на бумажной карте точку где человек начал движение, и точку цели, куда он движется, само анкетирование он проводит с помощью приложения на смартфоне.