Документ представляет обзор инструментов проектирования и прототипирования интерфейсов, охватывая процесс создания скетчей, вайрфреймов, мокапов и прототипов. Он анализирует разные инструменты, их функции и ограничения, а также критерии оценки прототипов, такие как визуальная точность и интерактивность. В выводах подчеркивается, что различные инструменты подходят для разных типов приложений и имеют свои плюсы и минусы, включая возможность создания сложных прототипов веб-приложений.

1. Обзор и анализ инструментов проектирования и прототипирования интерфейсов Рустем Гайфутдинов

2. Откуда берутся прототипы? ?

3. „ В начале было Слово“

4. Материализация идей Скетч (sketch)

5. Скетч — карандашный набросок, зарисовка, эскиз, заготовка

6. Выбор лучших скетчей

7. Ввод в компьютер

8. Уточнение Скетч (sketch) Вайрфрейм (wireframe)

9. Вайрфрейм — это схема интерфейса, отражающая идею концепции и структуру будущего приложения

10. Выбор лучших вайрфреймов

11. Уточнение

12. Дизайн Вайрфрейм (wireframe) Мокап (mockup)

13. Мокап — графический макет системы Красиво, но статично

14. Выбор лучших мокапов

15. «Оживление» интерфейсов Мокап (mockup) Прототип (Prototype)

16. Ещё не программа , Что такое прототип? но уже не картинка

17. Прототип... Кликабельный Его можно потыкать, подвигать, пощёлкать, почувствовать Интерактивный Он реагирует на ваши действия Реальный Выглядит как реальная программа

18. Дизайн + Функциональность + Контент Прототип

20. Рынок инструментов проектирования и прототипирования интерфейсов содержит сегменты, соответствующие этапам разработки прототипа „ Каков корень, таково и семя“ Этапы разработки прототипа Сегменты рынка

21. Конструкторы скетчей и вайфреймов Конструкторы мокапов и графические редакторы Инструменты динамического прототипирования

22. Онлайн Веб-приложения Оффлайн десктоп-приложения

23. Конструкторы скетчей и вайрфреймов Balsamiq Mockups

24. Designer Vista

25. SketchFlow

26. ForeUI

27. Pidoco

28. Pencil Project

29. MockFlow

30. WireFrameSketcher Studio

31. Конструкторы мокапов и графические редакторы Designer Vista

32. Adobe Photoshop