Оцените презентацию от 1 до 5 баллов!
Тип файла:
ppt / pptx (powerpoint)
Всего слайдов:
101 слайд
Для класса:
1,2,3,4,5,6,7,8,9,10,11
Размер файла:
9.01 MB
Просмотров:
171
Скачиваний:
0
Автор:
неизвестен
Слайды и текст к этой презентации:
№1 слайд
Содержание слайда: Как показать
интерфейс клиенту
Так, чтобы не было мучительно больно
№2 слайд
Содержание слайда: О чем этот рассказ?
Почему, даже предлагая хорошее решение, мы часто сталкиваемся с необоснованной критикой?
Почему экономия на презентации работ часто выходит боком.
Что, как и когда можно показывать клиенту.
№3 слайд
Содержание слайда: Анти-кейс
я никогда, никогда, никогда больше не буду отправлять результаты работ по электронной почте
Анти-кейс
я никогда, никогда, никогда больше не буду отправлять результаты работ по электронной почте
Проблемные места
1001 неприятное последствие
Как решить проблему
Что и когда презентовать
А может все-таки сэкономим?
№4 слайд
Содержание слайда: ...в один из типичных рабочих дней, как это принято, отправляю клиенту пачку структурных схем страниц по проекту.
№5 слайд
Содержание слайда: На утро приходит ответ с парой десятков замечаний и легким недовольством в тоне письма.
№6 слайд
Содержание слайда: Многие из комментариев противоречивы – где-то не заметили очевидного, где-то не так поняли, где-то поменяли первоначальное мнение, где-то предлагают неуместное решение.
№7 слайд
Содержание слайда: Спустя пару десятков писем в переписке все, кажется, утвердили. Но красивая изначальная идея уже не так хороша. И хуже того – со следующими страницами эпопея повторяется.
№8 слайд
Содержание слайда: При этом на живых презентациях всегда было более гладко – есть взаимопонимание, уходят многие вопросы. И даже если само обсуждение сложное – результат есть и он позволяет проекту двигаться вперед.
№9 слайд
Содержание слайда: В какой-то момент мы поняли, что практику «отправил и ждешь» нужно забыть – все, что может быть понято неправильно, будет понято неправильно. С этого момента при любой возможности стараемся презентовать работы лично.
№10 слайд
№11 слайд
Содержание слайда: Анти-кейс
Анти-кейс
Проблемные места
почему так происходит
1001 неприятное последствие
Как решить проблему
Что и когда презентовать
А может все-таки сэкономим?
№12 слайд
Содержание слайда: Почему так происходит? При проектировании интерфейса мы можем решить поставленную задачу несколькими способами.
№13 слайд
Содержание слайда: Один из этих подходов быстрее и дешевле во внедрении.
№14 слайд
Содержание слайда: Другой способ позволит сделать максимально эффективными ключевые сценарии использования.
№15 слайд
Содержание слайда: Третий вариант продаст больше рекламы.
№16 слайд
Содержание слайда: Проблема в том, что таких требований десятки и все их нужно как-то сочетать в предлагаемом решении.
№17 слайд
Содержание слайда: И из пространства возможных решений приходится выбирать 1-2 наиболее оптимально подходящих к требованиям.
№18 слайд
Содержание слайда: Но когда результат отправляется клиенту без особых пояснений, он в пространстве решений часто видит не то что мы.
№19 слайд
Содержание слайда: И, скорее всего, он уже пишет вам письмо с читающимся между строк вопросом «что за халтуру вы мне прислали?!».
№20 слайд
Содержание слайда: А значит процесс работы над проектом затягивается до выяснения обстоятельств. И отношения постепенно накаляются…
№21 слайд
Содержание слайда: Анти-кейс
Анти-кейс
Проблемные места
1001 неприятное последствие
к чему приводит недопонимание
Как решить проблему
Что и когда презентовать
А может все-таки сэкономим?
№22 слайд
Содержание слайда: К чему кроме испорченных нервов приводит недопонимание?
№23 слайд
Содержание слайда: Увеличение объема работ за счет незапланированных переделок. А это съедает маржу и отвлекает ресурсы.
№24 слайд
Содержание слайда: Увеличение издержек на ведение проекта – менеджер тратит больше времени, своего и клиента.
№25 слайд
Содержание слайда: Увеличение сроков работ – а это ломает планы и клиента, и команды проектирования.
№26 слайд
Содержание слайда: Ухудшение качества итогового результата – путем нарастающего потока правок красивая изначальная концепция рушится.
№27 слайд
Содержание слайда: Все это делает проект менее интересным для подрядчика – как в плане прибыли, так и в плане примера для портфолио.
№28 слайд
Содержание слайда: И, конечно, снижает вероятность повторного обращения со стороны клиента.
№29 слайд
Содержание слайда: Все это плохо не только для компании-подрядчика – в случае in-house-команды разработчики в следующий раз постараются сделать интерфейс сами, чтобы не сталкиваться с проблемными коллегами. А ваша концепция может сильно пострадать в результате такой самодеятельности.
№30 слайд
Содержание слайда: Никому не нужна лишняя головная боль, так что проблему лучше решать. Это поможет и текущему проекту, и последующим.
№31 слайд
Содержание слайда: Анти-кейс
Анти-кейс
Проблемные места
1001 неприятное последствие
Как решить проблему
несколько способов предусмотреть сложности
Что и когда презентовать
А может все-таки сэкономим?
№32 слайд
Содержание слайда: Наша задача – сделать так, чтобы и мы, и клиент одинаково понимали пространство возможных решений и выбрали из него оптимальный вариант.
№33 слайд
Содержание слайда: Слышали ли вы от него фразу «Так покажите же нам и плохие варианты»?
№34 слайд
Содержание слайда: Она о том же – клиент тоже хочет знать, какие еще решения задачи могут быть.
№35 слайд
Содержание слайда: Хотя, конечно, еще и хочет убедиться в том, что вы не халтурите и предлагаете не первое попавшееся решение.
№36 слайд
Содержание слайда: Не буду о важности хорошо поставленного процесса проектирования, включающего предварительные исследования, формализацию требований и другие критичные проектные работы – без него проблемы начнутся еще раньше.
№37 слайд
Содержание слайда: Как мы можем «синхронизировать» понимание задачи с клиентом?
№38 слайд
Содержание слайда: Формировать правильные ожидания в начале работ.
№39 слайд
Содержание слайда: Обучать клиента – хорошо, если он понимает о чем мы говорим.
№40 слайд
Содержание слайда: Скрывать уровни абстракции – в этом случае тратить времени на обучение клиента нужно будет меньше.
№41 слайд
Содержание слайда: И главное – регулярно презентовать результаты работ и то, как мы решаем с их помощью поставленную задачу.
№42 слайд
Содержание слайда: Анти-кейс
Анти-кейс
Проблемные места
1001 неприятное последствие
Как решить проблему
Что и когда презентовать
десяток способов вовлечь клиента в работу над интерфейсом
А может все-таки сэкономим?
№43 слайд
Содержание слайда: Выбор того что показывать достаточно большой, причем многие из демо-материалов в любом случае готовятся в ходе работ.
№44 слайд
Содержание слайда: Самое простое и эффективное – структурные схемы страниц и дизайн-макеты. Ведь мы делаем их в любом случае как часть работ по проектированию интерфейса. К тому же понять не так тут поводов больше всего.
№45 слайд
Содержание слайда: Структурные схемы страниц и дизайн-макеты
№46 слайд
Содержание слайда: Презентовать их нужно обязательно лично с самых первых этапов проекта. Подробно рассказывая о каждом элементе – что это и зачем используется.
№47 слайд
Содержание слайда: А еще вы сможете объяснить, почему выбраны именно эти решения, а другие отброшены. Ну и ответить на сотню других вопросов сразу же – возникают они обязательно, лучше не оставлять это не самому эффективному способу проектной коммуникации – переписке.
№48 слайд
Содержание слайда: Выбор из пространства решений
№49 слайд
Содержание слайда: К тому же многие сталкивались с тем, что часть клиентов не мыслит абстрактно и не понимает wireframes. Личная презентация в таком случае чуть ли не единственный способ быть понятым.
№50 слайд
Содержание слайда: Дизайн?
№51 слайд
Содержание слайда: Еще лучший способ рассказать о решении – показать весь процесс в динамике.
№52 слайд
Содержание слайда: Идеальный вариант – интерактивный прототип. Во-первых, система уже «работает» – клиент сам может покликать ее, а тому кто видел это своими глазами сложно переоценить достигнутый эффект.
№53 слайд
Содержание слайда: Во-вторых, можно пройтись по основным процессам, попробовать выполнить типовые задачи, понять насколько удобны конкретные решения на практике.
№54 слайд
Содержание слайда: Интерактивный прототип
№55 слайд
Содержание слайда: Еще лучше то, что можно поэкспериментировать с разными решениями задачи и, опять же, сразу пощупать их вживую.
№56 слайд
Содержание слайда: Версии интерактивного прототипа
№57 слайд
Содержание слайда: А если прототип будет достаточно проработанным – он включает в себя JavaScript-динамику, имитирует работу с сервером, выполнен в финальном дизайне – клиенту и вовсе не придется мыслить абстрактно.
№58 слайд
Содержание слайда: Да и сам клиент сможет показать свой будущий продукт коллегам, партнерам и потенциальным клиентам – а это уже начало возврата инвестиций в проектирование.
№59 слайд
Содержание слайда: С интерактивным прототипом есть только одна проблема – хороший прототип долго создавать и не всегда просто поддерживать.
№60 слайд
Содержание слайда: Поэтому есть и другие способы показать процесс в динамике. В первую очередь это диаграммы процессов и переходов между страницами.
№61 слайд
Содержание слайда: Пользовательский сценарий
№62 слайд
Содержание слайда: Они показывают, как система решает конкретную задачу с помощью страниц интерфейса – например, покупка товара в интернет-магазине или регистрация нового пользователя.
№63 слайд
Содержание слайда: Тут отлично подойдет ватман или другая большая поверхность – страницы можно будет показать не в виде абстрактных прямоугольников, а самих структурных схем. А это еще на один уровень абстракции меньше.
№64 слайд
Содержание слайда: Проектирование на ватмане
№65 слайд
Содержание слайда: Мы выделяем на этих диаграммах основные и второстепенные сценарии работы, показываем точки входа и выхода из процесса, связываем это все с портретами пользователей.
№66 слайд
Содержание слайда: А если нам известны данные веб-аналитики – можно объединить диаграмму процесса с «воронкой» и наглядно показать, где и сколько пользователей мы теряем.
№67 слайд
Содержание слайда: Диаграмма + воронка конверсии
№68 слайд
Содержание слайда: Причем если у нас есть возможность сравнить старое решение с новым в виде двух диаграмм – это еще нагляднее покажет эффективность предлагаемых решений.
№69 слайд
Содержание слайда: Особенно приятно то, когда клиенты просят оставить такие листы ватмана себе – причем случается это достаточно часто.
№70 слайд
Содержание слайда: Альтернативный способ показа будущего продукта в динамике – заранее подготовленное видео или презентация с проходом по основным сценариям.
№71 слайд
Содержание слайда: Презентация этапа работ
№72 слайд
Содержание слайда: Они подходят скорее для случаев, когда лично встретиться нет возможности. Хотя это достаточно скучные вещи (интерактивность у них невысокая), работают они в любом случае лучше простого письма.
№73 слайд
Содержание слайда: А что делать, если на текущей стадии нет конкретных результатов работ – только данные предварительного исследования или анализа? Это могут быть, например, персонажи, описание сценариев взаимодействия, moodboards.
№74 слайд
Содержание слайда: Предварительные документы
№75 слайд
Содержание слайда: Нужно показывать и их тоже – ведь наша задача не только в том чтобы сдать работы в виде пачки структурных схем страниц и дизайн-макетов, но и обеспечить гладкий процесс работы над проектом. Хорошо, когда клиент вовлечен в процесс, понимает куда мы идем и на чем основываем свои решения.
№76 слайд
Содержание слайда: Обзор процесса работы
№77 слайд
Содержание слайда: Кроме того, мы можем получить полезные инсайты и комментарии. Ведь документы это не только результат работ, но и приглашение к обсуждению проблемы. Многим проще критиковать, чем предлагать свое и стоит использовать эту особенность на пользу дела.
№78 слайд
Содержание слайда: Правки от клиента
№79 слайд
Содержание слайда: Кстати, говоря о вовлечении, можно пойти еще дальше – включать клиента в процесс продумывания интерфейса.
№80 слайд
Содержание слайда: Самый простой способ – рисование скетчей, когда мы вместе рисуем экраны на бумаге, флипчарте или маркерной доске.
№81 слайд
Содержание слайда: Скетчи интерфейса
№82 слайд
Содержание слайда: Это позволяет показывать процесс нашей работы, то как мы выбираем оптимальные решения из пространства доступных.
№83 слайд
Содержание слайда: Работа над скетчами
№84 слайд
Содержание слайда: Правда, скетчи чересчур абстрактны для многих клиентов и не гарантируют принятие созданных на их основе структурных схем страниц.
№85 слайд
Содержание слайда: Еще лучший способ оживить рассказ и вовлечь клиента в процесс – сбор интерфейса из готовых компонентов.
№86 слайд
Содержание слайда: Это может быть построение формы из набора полей на листе бумаги.
№87 слайд
Содержание слайда: Сбор формы из готовых элементов
№88 слайд
Содержание слайда: Или попытка собрать страницу из готовых интерфейсных блоков, вырезанных из бумаги.
№89 слайд
Содержание слайда: Сбор интерфейса из компонентов
№90 слайд
Содержание слайда: Эти способы вряд ли применимы на всех этапах – требуют от встречи приличного количества времени. Но они здорово помогут вам и клиенту лучше понять друг друга.
№91 слайд
Содержание слайда: А это и есть одна из главных задач презентации работ по проектированию интерфейса – не только решить задачу клиента, но и быть уверенным в том что это решение лучшее из возможных в текущих ограничениях.
№92 слайд
Содержание слайда: Анти-кейс
Анти-кейс
Проблемные места
1001 неприятное последствие
Как решить проблему
Что и когда презентовать
А может все-таки сэкономим?
идеальный способ окружить себя проблемами
№93 слайд
Содержание слайда: И вот вопрос в том, стоит ли тратить столько времени и сил на разжевывание чего-то каждому клиенту?
№94 слайд
Содержание слайда: Может все-таки экономить на этом этапе? Тем более, что уже поджимают сроки на других проектах…
№95 слайд
Содержание слайда: Да и тут, в общем-то, все и так понятно – решения хорошие и проверенные, не хуже чем в целом по отрасли – откуда быть проблемам?
№96 слайд
Содержание слайда: Мы думали так не раз, на многих проектах. И очень часто повторялась все та же история – недопонимание, бесконечные переделки, цепочка проблем.
№97 слайд
Содержание слайда: А значит по факту тратилось намного больше времени, чем было сэкономлено.
№98 слайд
Содержание слайда: Хуже того – мешая другим проектам и заставляя пытаться сэкономить и там.
№99 слайд
Содержание слайда: Хуже того – мешая другим проектам и заставляя пытаться… Упс, кажется это уже где-то было.
№100 слайд
Содержание слайда: Тоже не хотите попадать в этот порочный круг? Помните о том, что лучше не экономить на презентациях.
№101 слайд
Содержание слайда: Спасибо!