Прототипирование сложных интерфейсов с точки зрения того, как оптимизировать и учесть всё

Прототипирование сложных интерфейсов с точки зрения того, как оптимизировать и учесть всё

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

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

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

Вот вы скажете, что это:
— Прописные истины и все должны так работать.
— Ничего нового, давно всем известные вещи.
— Вы думаете, что это охуенно и преподносите всё как академические знания.

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


За 10 лет работы с самыми разными дизайнерами и в самых разных продуктах и проектах я такого подхода не видела ни разу!

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

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

Я считаю, что это полная чушь.
И уровень 99% дизайнеров в России сейчас именно такой — я за красоту, а ты лучше знаешь свой продукт — продумывай всё сам.


В статье (https://bit.ly/2XG2B7V) те критерии качества дизайна интерфейсов, которые я начинала писать здесь.

О чем плачет полевик?

В арсенале исследователей имеется три метода (вот тут я начинал про это говорить t.me/bukhtiyar/15 ) проведения полевых исследований (на самом деле их гораздо больше, просто эти методы самые действенные и проверенные). Рассмотрим подробнее каждый из методов на предмет встречающихся проблем и неудобств.

Но сперва взглянем на этапы работы полевика от момента, как он узнает о вакансии, до завершения работ:

  • он узнает о вакансии из соцсетей или от знакомых, заполняет анкету;
  • проходит инструктаж, где ему рассказывают о сути проекта, дают необходимые инструменты и проводят пилотный выход в поле;
  • полевик готов — он выходит в поле и проводит исследования;
  • в ходе работы полевик коммуницирует с исследователями;
  • после завершения работы полевик сдаёт свои исследования в том или ином виде.

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

Кто такой полевик?
Мы составили портрет среднестатистического полевика — это девушка 20-23 лет, студентка гуманитарного факультета (социологи, геологи и т.д.), увлечена городом и заинтересована в его развитии, а так же, имеет опыт полевых исследований.

Глоссарий

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

Полевик (или в зависимости от метода — подсчетчик, наблюдатель) — человек работающий непосредственно в поле, собирает и передает информацию по заданной методике.

Хочу Молиться На Самостоятельных Людей

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

Приведу парочку примеров, где для меня было очевидно «хули ты стонешь? пойди и сделай!», а для человека было «а я вот не могу и жду»

Задача: сделать презентацию клиенту
ЦА понятная, есть примеры, структура и часть контента.
Что получаем: набросанные заголовки, бардак и отсутствие оформления, нормального текста.
Что имеем:
— вот преза, я писать текст нормально не могу, может ты его напишешь?
— оформлять я тоже не могу, у нас же куча дизайнеров — давайте им задачу дадим. не вижу смысла это делать мне.
— я сижу без работы два дня и жду от вас действий, что мне делать?

Да ты, сука, сядь и изучи keynote или figma, у тебя есть пример того «как надо» перед глазами, посмотри уроки какие-то. Хули ты сидишь без работы и чего-то ждёшь, если на презе всё завязано?

Мы не корпорация, а студия в 20 человек, ты реально ждёшь чтоб за тебя кто-то хорошо написал текст и подвигал блоки в keynote?

Ещё пример: сделать таблицу проектов, ресурсов и команд в notion, чтоб каждую неделю синхронизироваться.
Что имеем
— Я сделал документ в excel, потому что notion непонятный, мне проще в excell, я так привык.
Всё это плохо грузится, найти в гугл-диксе сложно, потому что база знаний и дашбордов у нас в notion и все там работают.

Давай ещё open office внедрим потому что тебе так привычно? Будем все устанавливать его и страдать каждую неделю, лишь бы тебе удобно было.

Ну и третий: написать инструкцию про внутренний процесс.
Что имеем:
— Я вот вроде написал, но есть моменты, где я не понимаю как написать, потому что я в этих процессах сам не участвовал, это арт-дир делает, поможешь мне — напишешь как надо?

Господи ты боже мой! Подойди к арт-диру и спроси, зачем ты мне пишешь? Я запрещаю тебе с людьми общаться? Привязываю к креслу и рот кляпом затыкаю?

Люди, искусственно создающие себе барьеры — беспомощные люди. Не надо так.

Все ситуации выдуманы, любое совпадение с реальностью случайно 🙂

Core Protocols

Когда я пришел в ManyChat, я первый раз услышал про LeSS и пошел читать методичку. А в методичке по LeSS я наткнулся на отсылку к Core Protocols, про которые не слышал раньше, и тоже пошел читать про них.

И если вкратце, Core Protocols — это система фасилитационных техник, направленных на улучшение коммуникации внутри команд.

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

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

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

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

Я их переведу на русский со своими комментариями, и если вы найдете более емкие формулировки, то пишите, я дополню/исправлю:

1) Я обязуюсь участвовать, когда присутствую
Это про то, что если участвуешь во встрече, то участвуешь, а не залипаешь в ноутбуке. Дополнительно расширяется на личную внутреннюю осознанность. Если что-то делаешь, то понимаешь зачем.

2) Я буду стремиться больше воспринимать, чем быть воспринимаемым
Это про то, чтобы слушать и пытаться понять аргументы, а не продавливать свою точку зрения любыми средствами.

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

4) Я буду говорить всегда и только тогда, когда верю, что это улучшит соотношение усилие/результат
Это про осознанное высказывание мыслей. Не нужно говорить просто, чтобы стать заметным для кого-то на встрече.

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

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

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

8) Я буду стремиться двигаться к цели, смещая свое поведение в сторону действия
Всегда разгоняй активным действием, создавай положительную инерцию, которую сложно остановить даже самыми тупыми действиями и комментариями.

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

10) Я никому не причиню вреда—и не потерплю причинения вреда—за его или ее верность этим обязательствам
Если закомитились на core protocols, то не нужно закатывать глаза и проявлять агрессию (даже пассивную), когда тебе кто-то подсветил, что ты наваливаешь не в ту сторону.

11) Я никогда не буду делать ничего глупого нарочно
Вот да!

Это только верхушка, в следующий раз посмотрим на сами коммиты.

Вообще очень рекомендую прочитать оригинал текста с коммитами вот здесь — https://liveingreatness.com/core-protocols/the-core-commitments/

Меня тут спрашивают, зачем нужны шпаргалки, о которых я написал постом выше

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

Например, вы знаете основы JS, но всё чаще встречаете в примерах непонятный новый синтаксис — ES6. Вы можете прочитать про него длинную статью (например: http://babeljs.io/learn-es2015/), но, скорее всего, сразу всё забудете. Тут вам и придёт на помощь шпаргалка https://devhints.io/es6

Или вы установили себе модный редактор кода Visual Studio Code, но не знаете ни одного хоткея в нём. Вот шпаргалка с ними: https://devhints.io/vscode

Или вы решили научиться верстать флексбоксами, но постоянно забываете синтаксис. Шпаргалка вам его быстро напомнит: https://devhints.io/css-flexbox

Контраст

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

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

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

При этом не менее важен талант не тратить время на несущественные вещи, типа дизайна скринов переписки