Презентация Как показать интерфейс клиенту Так, чтобы не было мучительно больно онлайн

На нашем сайте вы можете скачать и просмотреть онлайн доклад-презентацию на тему Как показать интерфейс клиенту Так, чтобы не было мучительно больно абсолютно бесплатно. Урок-презентация на эту тему содержит всего 101 слайд. Все материалы созданы в программе PowerPoint и имеют формат ppt или же pptx. Материалы и темы для презентаций взяты из открытых источников и загружены их авторами, за качество и достоверность информации в них администрация сайта не отвечает, все права принадлежат их создателям. Если вы нашли то, что искали, отблагодарите авторов - поделитесь ссылкой в социальных сетях, а наш сайт добавьте в закладки.
Презентации » Дизайн » Как показать интерфейс клиенту Так, чтобы не было мучительно больно



Оцените!
Оцените презентацию от 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 слайд
Спасибо!
Содержание слайда: Спасибо!

Скачать все slide презентации Как показать интерфейс клиенту Так, чтобы не было мучительно больно одним архивом:
Похожие презентации