Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Высокоинтерактивные прототипы интерфейса – <br />реальная альтернатива или просто модная штука?<br />Витя Малый<br />EPAM ...
Высокоинтерактивные прототипы интерфейса Витя Малый<br />Будем говорить о...<br />1. Что такое прототип?<br /><ul><li>Для ...
Кем создается?
Как создается?</li></ul>2. Практическое применение<br /><ul><li>Кем поддерживается?
Кем используется?
Как с ним работать?</li></ul>3. Инструменты<br /><ul><li>Платные
Бесплатные</li></ul>Сообщество Тестировщиков Днепропетровска – 2011<br />
Высокоинтерактивные прототипы интерфейса Витя Малый<br />Что такое прототип интерфейса?<br />Бумажный<br />Низкоинтерактив...
Высокоинтерактивные прототипы интерфейса Витя Малый<br />Высокоинтерактивный прототип<br />Сообщество Тестировщиков Днепро...
Высокоинтерактивные прототипы интерфейса Витя Малый<br />Высокоинтерактивный прототип<br />Сообщество Тестировщиков Днепро...
Высокоинтерактивные прототипы интерфейса Витя Малый<br />Высокоинтерактивный прототип – для чего?<br /><ul><li>Конечной оц...
Есть ли смысл внедрять то, что мы придумали?
Как это будет видеть пользователь?
Ничего ли мы не забыли на этом экране?
Утверждения концепции приложения у заказчика:
Отличный инструмент для лоббирования идей
Наглядное представление ожидаемого результата
Возможность оценки конечными пользователями
Работы с ним, как с источником требований</li></ul>Сообщество Тестировщиков Днепропетровска – 2011<br />
Высокоинтерактивные прототипы интерфейса Витя Малый<br />Кто создает прототипы?<br />Аналитики, UXи команда <br />Бизнес-а...
Высокоинтерактивные прототипы интерфейса Витя Малый<br />Работа с прототипом в пределах жизненного<br />цикла продукта<br ...
Сбор первичных требований</li></ul>Этап проектирования:<br />или<br /><ul><li>Сбор основных требований
Утверждение проекта приложения</li></ul>Этап разработки и тестирования:<br /><ul><li>Оптимизация/доработка требований
Upcoming SlideShare
Loading in …5
×

Высокоинтерактивные прототипы пользовательского интерфейса - альтернатива Use Case и User Story? - Витя Малый

1,715 views

Published on

Published in: Technology
  • Be the first to comment

Высокоинтерактивные прототипы пользовательского интерфейса - альтернатива Use Case и User Story? - Витя Малый

  1. 1. Высокоинтерактивные прототипы интерфейса – <br />реальная альтернатива или просто модная штука?<br />Витя Малый<br />EPAM Systems<br />Сообщество Тестировщиков Днепропетровска – 2011<br />
  2. 2. Высокоинтерактивные прототипы интерфейса Витя Малый<br />Будем говорить о...<br />1. Что такое прототип?<br /><ul><li>Для чего?
  3. 3. Кем создается?
  4. 4. Как создается?</li></ul>2. Практическое применение<br /><ul><li>Кем поддерживается?
  5. 5. Кем используется?
  6. 6. Как с ним работать?</li></ul>3. Инструменты<br /><ul><li>Платные
  7. 7. Бесплатные</li></ul>Сообщество Тестировщиков Днепропетровска – 2011<br />
  8. 8. Высокоинтерактивные прототипы интерфейса Витя Малый<br />Что такое прототип интерфейса?<br />Бумажный<br />Низкоинтерактивный<br />Высокоинтерактивный<br />Сообщество Тестировщиков Днепропетровска – 2011<br />
  9. 9. Высокоинтерактивные прототипы интерфейса Витя Малый<br />Высокоинтерактивный прототип<br />Сообщество Тестировщиков Днепропетровска – 2011<br />
  10. 10. Высокоинтерактивные прототипы интерфейса Витя Малый<br />Высокоинтерактивный прототип<br />Сообщество Тестировщиков Днепропетровска – 2011<br />
  11. 11. Высокоинтерактивные прототипы интерфейса Витя Малый<br />Высокоинтерактивный прототип – для чего?<br /><ul><li>Конечной оценки реализации идеифункционала:
  12. 12. Есть ли смысл внедрять то, что мы придумали?
  13. 13. Как это будет видеть пользователь?
  14. 14. Ничего ли мы не забыли на этом экране?
  15. 15. Утверждения концепции приложения у заказчика:
  16. 16. Отличный инструмент для лоббирования идей
  17. 17. Наглядное представление ожидаемого результата
  18. 18. Возможность оценки конечными пользователями
  19. 19. Работы с ним, как с источником требований</li></ul>Сообщество Тестировщиков Днепропетровска – 2011<br />
  20. 20. Высокоинтерактивные прототипы интерфейса Витя Малый<br />Кто создает прототипы?<br />Аналитики, UXи команда <br />Бизнес-аналитик + User Experience-специалист + Все члены команды<br />Аналитики и QA/QC<br />Бизнес-аналитик + Тестировщик<br />Вся команда<br />Менеджер + Разработчики<br />+ Тестировщики<br />Сообщество Тестировщиков Днепропетровска – 2011<br />
  21. 21. Высокоинтерактивные прототипы интерфейса Витя Малый<br />Работа с прототипом в пределах жизненного<br />цикла продукта<br />Бизнес-аналитик + User Experience-специалист + Все члены команды<br />Начальный этап:<br />и/или<br /><ul><li>Формализация концепции
  22. 22. Сбор первичных требований</li></ul>Этап проектирования:<br />или<br /><ul><li>Сбор основных требований
  23. 23. Утверждение проекта приложения</li></ul>Этап разработки и тестирования:<br /><ul><li>Оптимизация/доработка требований
  24. 24. Создание заданий на разработку
  25. 25. Проектирование тестов на основе прототипа
  26. 26. Запросы на изменения функциональности</li></ul>Сообщество Тестировщиков Днепропетровска – 2011<br />
  27. 27. Высокоинтерактивные прототипы интерфейса Витя Малый<br />Как использует прототип тестировщик?<br />– А что, если сервис, который выдает эти сообщения, ляжет? Как компонент обработает эту ситуацию?<br />Какое максимальное количество страниц способен отобразить в себе компонент?<br />Что происходит при нажатии на кнопку ‘Like us’?<br />Cбросится ли текущая страница, если я перейду на другую вкладку?<br />Сообщество Тестировщиков Днепропетровска – 2011<br />
  28. 28. Высокоинтерактивные прототипы интерфейса Витя Малый<br />Что еще QA/QC может делать при помощи прототипа?<br /><ul><li>Тестировать прототип на этапе проектирования приложения
  29. 29. Верифицировать новую функциональность
  30. 30. Разрабатывать критерии приемочного тестирования
  31. 31. Проектировать тесты
  32. 32. Измерять тестовое покрытие
  33. 33. Облегчать процесс Test Driven Development
  34. 34. Легко вовлекать новых членов команды в процесс
  35. 35. Проводить... собеседования</li></ul>Бизнес-аналитик + User Experience-специалист + Все члены команды<br />Сообщество Тестировщиков Днепропетровска – 2011<br />
  36. 36. Высокоинтерактивные прототипы интерфейса Витя Малый<br />Тестирование прототипа при проектировании <br />приложения<br />Бизнес-аналитик + User Experience-специалист + Все члены команды<br />Сообщество Тестировщиков Днепропетровска – 2011<br />
  37. 37. Высокоинтерактивные прототипы интерфейса Витя Малый<br />Тестирование прототипа при проектировании <br />приложения<br />Бизнес-аналитик + User Experience-специалист + Все члены команды<br />Сообщество Тестировщиков Днепропетровска – 2011<br />
  38. 38. Высокоинтерактивные прототипы интерфейса Витя Малый<br />Верификация новой функциональности<br />Бизнес-аналитик + User Experience-специалист + Все члены команды<br />Сообщество Тестировщиков Днепропетровска – 2011<br />
  39. 39. Высокоинтерактивные прототипы интерфейса Витя Малый<br />Определение критериев приемочного тестирования<br />Приемочный тест №1:<br />Пункт “x”главного навигационного меню, должен содержать в себе следующий набор компонентов в зависимости от состояний пользователя:<br />Бизнес-аналитик + User Experience-специалист + Все члены команды<br />Правило №2:<br />аутентифицирован (стандартный аккаунт)<br />Правило №1:<br />не аутентифицирован<br />Правило №3:<br />аутентифицирован (расширенный аккаунт)<br />Сообщество Тестировщиков Днепропетровска – 2011<br />
  40. 40. Высокоинтерактивные прототипы интерфейса Витя Малый<br />Другие примеры приемочных тестов<br />Все Tooltip’ы должны появляться так:<br />Клиентская валидация полей работает так: <br />Постраничная навигация для списков выглядит так:<br />Ошибки от сервисов отображаются так:<br />Сообщество Тестировщиков Днепропетровска – 2011<br />
  41. 41. Проектирование тестов<br />
  42. 42. Построение диаграмм состояний приложения<br />
  43. 43. Высокоинтерактивные прототипы интерфейса Витя Малый<br />Предварительная оценка трудозатрат на <br />тестирование<br />Сообщество Тестировщиков Днепропетровска – 2011<br />
  44. 44. Высокоинтерактивные прототипы интерфейса Витя Малый<br />Оценка тестового покрытия на основе прототипа<br />Сообщество Тестировщиков Днепропетровска – 2011<br />
  45. 45. Высокоинтерактивные прототипы интерфейса Витя Малый<br />Без чего не может жить прототип?<br /><ul><li>Владельца
  46. 46. Нумерации экранов
  47. 47. Дополнительной спецификации</li></ul>Сообщество Тестировщиков Днепропетровска – 2011<br />
  48. 48. Высокоинтерактивные прототипы интерфейса Витя Малый<br />Инструменты – бесплатные<br />Pencil project - http://pencil.evolus.vn<br /><ul><li>Firefox-версия (add on)
  49. 49. Настольная версия</li></ul>Prototype Composer - http://goo.gl/DivwG<br /><ul><li>Контроль версий
  50. 50. Извещения об изменениях для членов команды</li></ul>Mockingbird- https://gomockingbird.com/<br /><ul><li>Онлайн-инструмент
  51. 51. Бесплатный или от 9$месяц</li></ul>Сообщество Тестировщиков Днепропетровска – 2011<br />
  52. 52. Высокоинтерактивные прототипы интерфейса Витя Малый<br />Инструменты – платные<br />Axure RP Pro - http://www.axure.com/<br /><ul><li>PC/MAC
  53. 53. Масса виджетов, аддонов
  54. 54. Возможности командной работы (Shared Project)
  55. 55. $589</li></ul>MS Expression Blend - http://goo.gl/CAIUB<br /><ul><li>Проектирование WPF/Silverlight-приложений
  56. 56. Экспорт XAML-проектов в разработку
  57. 57. $599</li></ul>Balsamiq Mockups- http://balsamiq.com/<br /><ul><li>Простой инструмент
  58. 58. Большая библиотека расширений
  59. 59. Доступная цена - $79</li></ul>Сообщество Тестировщиков Днепропетровска – 2011<br />
  60. 60. Высокоинтерактивные прототипы интерфейса Витя Малый<br />Выбирать вам!<br />или<br />Use-Case<br />User Story<br />Прототипы<br />Спасибо!<br />Сообщество Тестировщиков Днепропетровска – 2011<br />

×