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

Tool View Interface of Integrated Development Environment / Исследование интерфейса инструментальных окон среды разработки

Embed Size (px)

DESCRIPTION

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

Citation preview

Page 1: Tool View Interface of Integrated Development Environment / Исследование интерфейса инструментальных окон среды разработки

Исследование интерфейса инструментальных окон

среды разработки программ

Ручкин И.Д.

Научный руководитель Прус В.В.

Московский Государственный Университет им. М.В.ЛомоносоваФакультет Вычислительной Математики и Кибернетики

Кафедра Автоматизации Систем Вычислительных Комплексов

Page 2: Tool View Interface of Integrated Development Environment / Исследование интерфейса инструментальных окон среды разработки

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

Page 3: Tool View Interface of Integrated Development Environment / Исследование интерфейса инструментальных окон среды разработки

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

Page 4: Tool View Interface of Integrated Development Environment / Исследование интерфейса инструментальных окон среды разработки

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

Инструментальные окна – стандартный элемент интерфейса сред разработки.

Проблема инструментальных окон:

• занимают много экранного пространства

и/или

• требуют явных переключений.

Актуально исследовать альтернативные интерфейсы к инструментам среды разработки.

Page 5: Tool View Interface of Integrated Development Environment / Исследование интерфейса инструментальных окон среды разработки

Постановка задачи

• Провести обзор сред разработки, выявить инструментальные окна и основные сценарии их использования

• Спроектировать интерфейс, не требующий переключений инструментальных окон на основных сценариях

• Реализовать интерфейс на базе среды KDevelop

• Исследовать реализацию на пользователях

Page 6: Tool View Interface of Integrated Development Environment / Исследование интерфейса инструментальных окон среды разработки

Обзор предметной области

• Дерево файлов

• Дерево идентификаторов

• Ошибки сборки

• Точки останова

• Задачи

• Выражения и переменные

• Стек вызовов

• Вывод запущенной программы

Обобщенные инструментальные окна:

Page 7: Tool View Interface of Integrated Development Environment / Исследование интерфейса инструментальных окон среды разработки

Обзор предметной области

• Чтение кода

• Написание кода

• Сборка системы

• Отладка

Основные сценарии работы программиста:

Page 8: Tool View Interface of Integrated Development Environment / Исследование интерфейса инструментальных окон среды разработки

Подход к проектированию

• Эвристики удобства

• Модель инструментальных окон

• Обобщенные интерфейсные элементы

– Навигационная полоска

– Внутритекстовые элементы

– Расширенная строка состояния

• Анализ вариантов интерфейса для каждого обобщенного инструментального окна

Page 9: Tool View Interface of Integrated Development Environment / Исследование интерфейса инструментальных окон среды разработки

Модель инструментальных окон

• Разбиение экранного пространства на прямоугольники

• Требования инструментальных окон к своему размеру

• Требования пользователя: уменьшение числа переключений и увеличение размера активной области

Page 10: Tool View Interface of Integrated Development Environment / Исследование интерфейса инструментальных окон среды разработки

Интерфейс: навигационная полоска

1 2 3

Page 11: Tool View Interface of Integrated Development Environment / Исследование интерфейса инструментальных окон среды разработки

Интерфейс: внутритекстовые элементы

1

2

3

Page 12: Tool View Interface of Integrated Development Environment / Исследование интерфейса инструментальных окон среды разработки

Интерфейс: расширенная строка состояния

1

2

3

Page 13: Tool View Interface of Integrated Development Environment / Исследование интерфейса инструментальных окон среды разработки

Исследование: методика

• Цель – поиск проблем удобства и выяснение

возможных улучшений интерфейса

• Тестовые данные – одна программа, несколько

ошибок сборки и выполнения

• Тестовое задание – успешно скомпилировать

программу и исправить ошибки выполнения

Перед тестированием проводилась краткая

демонстрация разработанного интерфейса.

Page 14: Tool View Interface of Integrated Development Environment / Исследование интерфейса инструментальных окон среды разработки

Исследование: результаты

• Интерфейс протестирован на 7пользователях

• Все пользователи успешно выполнили тестовое задание, используя предложенный интерфейс

• Было сформулировано 11 предложений по улучшению интерфейса

Вывод: подход данной работы применим для интерфейсов сред разработки на практике

Page 15: Tool View Interface of Integrated Development Environment / Исследование интерфейса инструментальных окон среды разработки

Результаты работы

• Выявлены обобщенные инструментальные окна и основные сценарии их использования

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

• Проект интерфейса реализован на базе среды KDevelop

• Реализация исследована на пользователях

Page 16: Tool View Interface of Integrated Development Environment / Исследование интерфейса инструментальных окон среды разработки

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

Page 17: Tool View Interface of Integrated Development Environment / Исследование интерфейса инструментальных окон среды разработки

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

Page 18: Tool View Interface of Integrated Development Environment / Исследование интерфейса инструментальных окон среды разработки

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

Page 19: Tool View Interface of Integrated Development Environment / Исследование интерфейса инструментальных окон среды разработки

Качественное тестированиеП

ро

бл

емы

уд

об

ства

Число пользователей

Jakob Nielsen, Thomas K. LandauerA mathematical model of the finding of usability problems

Page 20: Tool View Interface of Integrated Development Environment / Исследование интерфейса инструментальных окон среды разработки

Количественное тестирование

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 / Исследование интерфейса инструментальных окон среды разработки

Рассмотренные среды разработки

• Visual Studio

• NetBeans

• Eclipse

• Code::Blocks

• MonoDevelop

• KDevelop

• IntelliJ IDEA

• C++ Builder

• XCode