Создание диаграмм в Excel 2007

Сегодня у нас в гостях Сандер Вигерс - дизайнер компании Microsoft, занимающийся различными аспектами работы Excel 2007...

Добрый день. Меня зовут Сандер Вигерс. Я дизайнер в группе Office Design. В этом блоге я хотел бы рассказать о том, какие изменения были внесены мной, как дизайнером, в работу Excel. И так как создание диаграмм стало очень популярной темой в данном блоге, я решил сосредоточить ваше внимание на их создании.

Малиновый, желтый, синий и серый
Первое, что вы обязательно заметите при взгляде на созданные в Office 2003 диграммы (левая часть скриншота) - это что все они используют одну палитру цветов - малиновый, желтый, синий и серый. Безусловно, вы можете сменить набор цветов, ведь вышеописанная палитра просто используется по умолчанию. Для смены цветов и придания более профессионального вида диаграммам вам придется продираться через дебри различных меню. Диаграммы, изображенные в правой части скриншота, часто встречаются в различных публикациях, годовых отчетах, газетах и журналах. Как правило, их создают в графических приложениях и для этого используют более насыщенные цвета.



До того, как начать модернизацию возможности по созданию диаграмм для Office, мы провели немало часов исследований существующих запросов для того, чтобы лучше понять, чего ждут пользователи от диаграмм и где подводные камни. Наше исследование показало, что большинство неудобств пользователей при создании диаграмм вызвано неудовлетворенность внешним видом диаграмм. Также исследование показало, что наиболее важной вещью для понимания диаграммы является наличие четких связей между элементами. Это означает, что диаграмме нужно илюстрировать только необходимую информацию, тем временем отбросив все лишнее. Диаграммы, которые несут избыточную информацию, приведены на следующем скриншоте справа. На рисунке слева пользователю неизвестно, что какой цвет значит, а на рисунке справа - информации повторяется дважды.
Наша основная задача после понимания этих двух задач свелась к созданию хорошо выглядящих и информативных диаграмм.



Карандаш, бумага и Powerpoint
Моим любимым инструментом является обычный карандаш и бумага. Это наиболее эффективный инструмент для создания различных дизайнерских решений. В данном случае благодаря черчению мы нашли много вариантов создания диаграмм, которые доступны к пониманию и прекрасно смотряться. Наши рисунки, приведенные ниже, были обсуждены с командой разработчиков и использованы в качестве источника идей.



Некоторые из наших набросков были взяты из каркасных макетов, используемых в PowerPoint. Это достаточно простой и быстрый способ создания концептуальных макетов, которые могут быть прокомментированы пользователями. Мы протестировали целый ряд таких прототипов. Основные приведены на следующем скриншоте.



Опытным и неопытным пользователям был задан вопрос, что они думают о дизайне. В тоже время нам было интересно узнать, как представить пользователям новые идеи стиля. Никто в команде разработчиков Excel до сих пор не понимает, что же значит этот "стиль". Тем не менее, появился эффективный способ создания приятных глазу диаграмм - использовать цветовые схемы. Мы обнаружили, что варации структуры - хороший механизм создания информативных диаграмм. Нами также была использована идея использования всего пространства экрана для выполнения некоторых задач (например, выбора типа диаграммы). Тестирование макетов было крайне полезным для задания правильного направления для разработчиков - к примеру, идея с полноэкранным режимом для некоторых задач оказалась не такой хорошей, потому что пользователям нравится оставатся в контексте документа Excel, то есть необходимо видеть рабочее поле документа.

Интерактивные макеты
Чтобы на собственном опыте почувствовать процесс взаиможействия с программой, мы создали интерактивные макеты. Макетирование всегда было хорошим способом выявления существующих проблем и поиска решений. Интерактивный макет, приведенный чуть ниже, использует различные способы просмотра и модификации диаграммы, в то время как пользователь остается в курсе дел, происходящих в документе. Для нас было весьма трудным, но одновременно захватывающим соревнованием поместить наши макеты в столь малые миниатюры на панели Excel.



Позднее в ходе разработке макеты стали более точными и приобрели вид законченного продукта. На скриншоте приведен макет, используемый для оптимизации одного из типа диаграмм. В исследовании удобства работы мы просили пользователей вставить диаграмму и выбрать различные типы и стили. Этот макет также доступен из контекстной закладки, которая появляется в случае выбора диаграммы. Это тоже прекрасный способ отображения вариантов существующих диаграмм, в тоже время пользователю доступно все пространство экрана.



Заключение
Нашей целью было создание интерфейса, который позволил бы пользователям создавать приятные глазу и одновременно информативные диаграммы. Благодаря этим задачам, Quick Layouts/Быстрые схемы и Styles/Стили стали наиболее значимыми элементами интерфейса. Галлерея схем Quick Layouts обеспечивает создание информативных диаграмм - без избытка или недостатка информации. Галлерея стилей позволит создавать приятно выглядящие диаграммы для различных ситуаций.
В качестве дизайнера пользовательского интерфейса я работал в команде разработчиков Excel. Это позволило собрать отзывы о том, каким должен быть конечный продукт. Но правда заключается в том, что никто не знает, что мы создаем, до того момента, пока мы не выпустим приложение на рынок. Поэтому до того счастливого момента с помощью набросков, каркасов и интерактивных макетов мы исследуем пространство возможных решений, получаем отзывы и повторяем весь процесс до тех пор, пока не добьемся наилучшего результата. Сам процесс разработки показан на следующем скриншоте:



Источник: http://www.blogs.msdn.com
Перевод: deeper2k