A study of tool view interface and its problems. Authors develop a solution - Single-Window Interface for Integrated Development Environments.

1. Московский Государственный Университет им. М.В.Ломоносова
Факультет Вычислительной Математики и Кибернетики
Кафедра Автоматизации Систем Вычислительных Комплексов
Исследование интерфейса
инструментальных окон
среды разработки программ
Ручкин И.Д.
Научный руководитель Прус В.В.

2. Актуальность

3. Актуальность

4. Актуальность
Инструментальные окна – стандартный элемент
интерфейса сред разработки.
Проблема инструментальных окон:
• занимают много экранного пространства
и/или
• требуют явных переключений.
Актуально исследовать альтернативные
интерфейсы к инструментам среды разработки.

5. Постановка задачи
• Провести обзор сред разработки, выявить
инструментальные окна и основные
сценарии их использования
• Спроектировать интерфейс, не требующий
переключений инструментальных окон на
основных сценариях
• Реализовать интерфейс на базе среды
KDevelop
• Исследовать реализацию на пользователях

6. Обзор предметной области
Обобщенные инструментальные окна:
• Дерево файлов • Выражения и
• Дерево переменные
идентификаторов • Стек вызовов
• Ошибки сборки • Вывод запущенной
• Точки останова программы
• Задачи

7. Обзор предметной области
Основные сценарии работы программиста:
• Чтение кода
• Написание кода
• Сборка системы
• Отладка

8. Подход к проектированию
• Эвристики удобства
• Модель инструментальных окон
• Обобщенные интерфейсные элементы
– Навигационная полоска
– Внутритекстовые элементы
– Расширенная строка состояния
• Анализ вариантов интерфейса для каждого
обобщенного инструментального окна

9. Модель инструментальных окон
• Разбиение экранного пространства на
прямоугольники
• Требования инструментальных окон к
своему размеру
• Требования пользователя: уменьшение
числа переключений и увеличение размера
активной области

10. Интерфейс: навигационная полоска
1 2 3

11. Интерфейс: внутритекстовые элементы
1
2
3

12. Интерфейс: расширенная строка состояния
1
2
3

13. Исследование: методика
• Цель – поиск проблем удобства и выяснение
возможных улучшений интерфейса
• Тестовые данные – одна программа, несколько
ошибок сборки и выполнения
• Тестовое задание – успешно скомпилировать
программу и исправить ошибки выполнения
Перед тестированием проводилась краткая
демонстрация разработанного интерфейса.

14. Исследование: результаты
• Интерфейс протестирован на 7
пользователях
• Все пользователи успешно выполнили
тестовое задание, используя
предложенный интерфейс
• Было сформулировано 11 предложений по
улучшению интерфейса
Вывод: подход данной работы применим для
интерфейсов сред разработки на практике

15. Результаты работы
• Выявлены обобщенные инструментальные
окна и основные сценарии их использования
• Разработан проект интерфейса среды
разработки, не требующий переключений
инструментальных окон на основных
сценариях
• Проект интерфейса реализован на базе
среды KDevelop
• Реализация исследована на пользователях

16. Спасибо за внимание!

17. KDevelop: исходный интерфейс

18. KDevelop: полученный интерфейс

19. Качественное тестирование
Jakob Nielsen, Thomas K. Landauer
A mathematical model of the finding of usability problems
Проблемы удобства
Число пользователей

20. Количественное тестирование
Jeff Sauro, Erika Kindlund
A Method to Standardize Usability Metrics
Into a Single Score
• Качественные исследования требуют 6-8
участников
• Количественные исследования требуют
несколько групп по 20 и более участников

21. Рассмотренные среды разработки
• Visual Studio • KDevelop
• NetBeans • IntelliJ IDEA
• Eclipse • C++ Builder
• Code::Blocks • XCode
• MonoDevelop