Tool View Interface of Integrated Development Environment / Исследование...
-
Upload
ivan-ruchkin -
Category
Documents
-
view
239 -
download
1
description
Transcript of Tool View Interface of Integrated Development Environment / Исследование...
![Page 1: Tool View Interface of Integrated Development Environment / Исследование интерфейса инструментальных окон среды разработки](https://reader033.fdocument.pub/reader033/viewer/2022042817/559c55481a28abb01c8b46ce/html5/thumbnails/1.jpg)
Исследование интерфейса инструментальных окон
среды разработки программ
Ручкин И.Д.
Научный руководитель Прус В.В.
Московский Государственный Университет им. М.В.ЛомоносоваФакультет Вычислительной Математики и Кибернетики
Кафедра Автоматизации Систем Вычислительных Комплексов
![Page 2: Tool View Interface of Integrated Development Environment / Исследование интерфейса инструментальных окон среды разработки](https://reader033.fdocument.pub/reader033/viewer/2022042817/559c55481a28abb01c8b46ce/html5/thumbnails/2.jpg)
Актуальность
![Page 3: Tool View Interface of Integrated Development Environment / Исследование интерфейса инструментальных окон среды разработки](https://reader033.fdocument.pub/reader033/viewer/2022042817/559c55481a28abb01c8b46ce/html5/thumbnails/3.jpg)
Актуальность
![Page 4: Tool View Interface of Integrated Development Environment / Исследование интерфейса инструментальных окон среды разработки](https://reader033.fdocument.pub/reader033/viewer/2022042817/559c55481a28abb01c8b46ce/html5/thumbnails/4.jpg)
Актуальность
Инструментальные окна – стандартный элемент интерфейса сред разработки.
Проблема инструментальных окон:
• занимают много экранного пространства
и/или
• требуют явных переключений.
Актуально исследовать альтернативные интерфейсы к инструментам среды разработки.
![Page 5: Tool View Interface of Integrated Development Environment / Исследование интерфейса инструментальных окон среды разработки](https://reader033.fdocument.pub/reader033/viewer/2022042817/559c55481a28abb01c8b46ce/html5/thumbnails/5.jpg)
Постановка задачи
• Провести обзор сред разработки, выявить инструментальные окна и основные сценарии их использования
• Спроектировать интерфейс, не требующий переключений инструментальных окон на основных сценариях
• Реализовать интерфейс на базе среды KDevelop
• Исследовать реализацию на пользователях
![Page 6: Tool View Interface of Integrated Development Environment / Исследование интерфейса инструментальных окон среды разработки](https://reader033.fdocument.pub/reader033/viewer/2022042817/559c55481a28abb01c8b46ce/html5/thumbnails/6.jpg)
Обзор предметной области
• Дерево файлов
• Дерево идентификаторов
• Ошибки сборки
• Точки останова
• Задачи
• Выражения и переменные
• Стек вызовов
• Вывод запущенной программы
Обобщенные инструментальные окна:
![Page 7: Tool View Interface of Integrated Development Environment / Исследование интерфейса инструментальных окон среды разработки](https://reader033.fdocument.pub/reader033/viewer/2022042817/559c55481a28abb01c8b46ce/html5/thumbnails/7.jpg)
Обзор предметной области
• Чтение кода
• Написание кода
• Сборка системы
• Отладка
Основные сценарии работы программиста:
![Page 8: Tool View Interface of Integrated Development Environment / Исследование интерфейса инструментальных окон среды разработки](https://reader033.fdocument.pub/reader033/viewer/2022042817/559c55481a28abb01c8b46ce/html5/thumbnails/8.jpg)
Подход к проектированию
• Эвристики удобства
• Модель инструментальных окон
• Обобщенные интерфейсные элементы
– Навигационная полоска
– Внутритекстовые элементы
– Расширенная строка состояния
• Анализ вариантов интерфейса для каждого обобщенного инструментального окна
![Page 9: Tool View Interface of Integrated Development Environment / Исследование интерфейса инструментальных окон среды разработки](https://reader033.fdocument.pub/reader033/viewer/2022042817/559c55481a28abb01c8b46ce/html5/thumbnails/9.jpg)
Модель инструментальных окон
• Разбиение экранного пространства на прямоугольники
• Требования инструментальных окон к своему размеру
• Требования пользователя: уменьшение числа переключений и увеличение размера активной области
![Page 10: Tool View Interface of Integrated Development Environment / Исследование интерфейса инструментальных окон среды разработки](https://reader033.fdocument.pub/reader033/viewer/2022042817/559c55481a28abb01c8b46ce/html5/thumbnails/10.jpg)
Интерфейс: навигационная полоска
1 2 3
![Page 11: Tool View Interface of Integrated Development Environment / Исследование интерфейса инструментальных окон среды разработки](https://reader033.fdocument.pub/reader033/viewer/2022042817/559c55481a28abb01c8b46ce/html5/thumbnails/11.jpg)
Интерфейс: внутритекстовые элементы
1
2
3
![Page 12: Tool View Interface of Integrated Development Environment / Исследование интерфейса инструментальных окон среды разработки](https://reader033.fdocument.pub/reader033/viewer/2022042817/559c55481a28abb01c8b46ce/html5/thumbnails/12.jpg)
Интерфейс: расширенная строка состояния
1
2
3
![Page 13: Tool View Interface of Integrated Development Environment / Исследование интерфейса инструментальных окон среды разработки](https://reader033.fdocument.pub/reader033/viewer/2022042817/559c55481a28abb01c8b46ce/html5/thumbnails/13.jpg)
Исследование: методика
• Цель – поиск проблем удобства и выяснение
возможных улучшений интерфейса
• Тестовые данные – одна программа, несколько
ошибок сборки и выполнения
• Тестовое задание – успешно скомпилировать
программу и исправить ошибки выполнения
Перед тестированием проводилась краткая
демонстрация разработанного интерфейса.
![Page 14: Tool View Interface of Integrated Development Environment / Исследование интерфейса инструментальных окон среды разработки](https://reader033.fdocument.pub/reader033/viewer/2022042817/559c55481a28abb01c8b46ce/html5/thumbnails/14.jpg)
Исследование: результаты
• Интерфейс протестирован на 7пользователях
• Все пользователи успешно выполнили тестовое задание, используя предложенный интерфейс
• Было сформулировано 11 предложений по улучшению интерфейса
Вывод: подход данной работы применим для интерфейсов сред разработки на практике
![Page 15: Tool View Interface of Integrated Development Environment / Исследование интерфейса инструментальных окон среды разработки](https://reader033.fdocument.pub/reader033/viewer/2022042817/559c55481a28abb01c8b46ce/html5/thumbnails/15.jpg)
Результаты работы
• Выявлены обобщенные инструментальные окна и основные сценарии их использования
• Разработан проект интерфейса среды разработки, не требующий переключений инструментальных окон на основных сценариях
• Проект интерфейса реализован на базе среды KDevelop
• Реализация исследована на пользователях
![Page 16: Tool View Interface of Integrated Development Environment / Исследование интерфейса инструментальных окон среды разработки](https://reader033.fdocument.pub/reader033/viewer/2022042817/559c55481a28abb01c8b46ce/html5/thumbnails/16.jpg)
Спасибо за внимание!
![Page 17: Tool View Interface of Integrated Development Environment / Исследование интерфейса инструментальных окон среды разработки](https://reader033.fdocument.pub/reader033/viewer/2022042817/559c55481a28abb01c8b46ce/html5/thumbnails/17.jpg)
KDevelop: исходный интерфейс
![Page 18: Tool View Interface of Integrated Development Environment / Исследование интерфейса инструментальных окон среды разработки](https://reader033.fdocument.pub/reader033/viewer/2022042817/559c55481a28abb01c8b46ce/html5/thumbnails/18.jpg)
KDevelop: полученный интерфейс
![Page 19: Tool View Interface of Integrated Development Environment / Исследование интерфейса инструментальных окон среды разработки](https://reader033.fdocument.pub/reader033/viewer/2022042817/559c55481a28abb01c8b46ce/html5/thumbnails/19.jpg)
Качественное тестированиеП
ро
бл
емы
уд
об
ства
Число пользователей
Jakob Nielsen, Thomas K. LandauerA mathematical model of the finding of usability problems
![Page 20: Tool View Interface of Integrated Development Environment / Исследование интерфейса инструментальных окон среды разработки](https://reader033.fdocument.pub/reader033/viewer/2022042817/559c55481a28abb01c8b46ce/html5/thumbnails/20.jpg)
Количественное тестирование
Jeff Sauro, Erika Kindlund
A Method to Standardize Usability Metrics
Into a Single Score
• Качественные исследования требуют 6-8 участников
• Количественные исследования требуют несколько групп по 20 и более участников
![Page 21: Tool View Interface of Integrated Development Environment / Исследование интерфейса инструментальных окон среды разработки](https://reader033.fdocument.pub/reader033/viewer/2022042817/559c55481a28abb01c8b46ce/html5/thumbnails/21.jpg)
Рассмотренные среды разработки
• Visual Studio
• NetBeans
• Eclipse
• Code::Blocks
• MonoDevelop
• KDevelop
• IntelliJ IDEA
• C++ Builder
• XCode