Анимация в Windows 7: ранние концепты

Во-первых, я искренне признателен тем сотрудникам Microsoft, которые позволили мне (и вам!) взглянуть на ранние концепты пользовательского интерфейса Windows 7.

Для тех, кто не знаком с процедурой, могу сообщить, что ребята, работающие в компании, никогда не испытывали недостатка идей по поводу того, каким должен быть пользовательский интерфейс новой операционной системы. Как только заканчивается работа над одной версией (что происходит задолго до появления продукта на рынке), они приступают к работе над следующей. Сегодня я хочу представить вашему вниманию ролик с ранним прототипом идей, предложенных для реализации в графической оболочке Windows 7. Обычно таких вариантов существует бесчисленное множество, их рассматривают и отвергают до тех пор, пока не рождается нечто, достойное воплощения в реальность. Набор вариантов обычно представляется на рассмотрение нескольким высокопоставленным сотрудникам Microsoft, которые принимают решения о внедрении, после чего задания спускаются по иерархической лестнице вниз, назначаются ответственные, создаются команды программистов и начинается разработка.

Как видно, представленные в ролике идеи основаны на концепции рабочего стола Windows Vista (скорее всего, пользовательского интерфейса самой Windows 7 ещё не существовало), и воплощение идеи в таком виде мне чрезвычайно понравилось, однако я понимаю, что задуманные изменения слишком значительны и не могли быть пропущены "цензурой". Каждый раз, когда я вижу нечто подобное, то горько сожалею о прекрасных идеях, удел которых — оставаться идеями, — или, в лучшем случае, быть отложенными в дальний угол на "когда-нибудь потом". Честно говоря, эта анимация кажется мне слишком "крутой" для того, чтобы быть реализованной в ОС от Microsoft.

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


Анимация кнопки Start
Очень приятный эффект получается, когда пользователь нажимает кнопку Start. Первый раз её можно видеть на 8-й секунде, и кажется, что это часть эффекта анимации всего меню Start, однако на 15-й секунде становится заметно, что это самостоятельная анимация, появляющаяся до того, как запустится само меню Start.


Анимация меню Start
1. Когда нажимается кнопка Start: дизайнеры предложили два варианта появления меню после нажатия кнопки — первый начинается на 8-й, а второй на 15-й секунде.

2. Расположение окон рядом друг с другом: хорошо заметно, как меняется изображение при взаимодействии с меню Start. Эти примеры говорят сами за себя, когда мы наблюдаем за взаимодействием пользователя и меню пуск на протяжении всего видеофрагмента.
3. Щелчки кнопками мыши: посмотрите, как отличаются анимации курсора на 9-й и 17-й секундах (второй вариант труднее рассмотреть из-за того, как происходит взаимодействие с начавшейся "на острие" анимацией окна).


Анимация окон
Мне нравится весь ролик, но всё же анимация первого окна, появляющегося на рабочем столе после того, как пользователь щёлкает кнопкой мыши по "Мой компьютер" в меню Start, кажется мне непревзойдённой. Лично я полагаю, что, будучи реализованной, она быстро наскучит, но всё же выглядит она замечательно. Анимация следующего окна выглядит несколько реалистичнее. Анимации начинаются на на 9-й и 17-й секундах соответственно.

Регулятор яркости/контраста фонового рисунка
На 28-й секунде, после того, как пользователь установил новый фон, видно, как на рабочем столе появляется регулятор. Понятно, что его появление обусловлено тем, что пользователь передвигает ползунок управления яркостью. Я полагаю, что ползунок ниже, который не двигается, служит для регулировки контраста. Так это или нет на самом деле, неважно, поскольку сама идея очень импонирует мне, и я без сомнения использовал бы эти регуляторы каждый раз, когда меняю фоновый рисунок. Мне кажется, анимация регулятора отлично вписалась бы в сценарии повседневной работы.


Анимация панели задач
В панели присутствует анимация разной степени заметности. Больше всего мне нравится анимация в виде светящихся ореолов на 36-й секунде (мне пришлось просмотреть ролик несколько раз, прежде чем я увидел её, поскольку мой взгляд был по некоторым причинам сфокусирован в верхнем правом квадранте рабочего стола, поэтому убедитесь, что вы смотрите на панель задач до самого конца фрагмента). Смотрите внимательно, как подсвечиваются элементы в панели быстрого запуска, как происходит анимация в самой панели задач, когда открывается новое окно, и на анимацию миниатюр.

Анимация в оболочке
Есть ещё немало элементов анимации интерфейса, на которые стоит обратить внимание, например, пролистывание информации в "Мой компьютер", когда идёт опрос жёстких дисков (происходит на 11-й секунде и слегка отличается от того, что видно на 21-й секунде), анимация щелчков кнопки мыши (отличающейся от анимации щелчка кнопкой мыши в меню Start) и многое другое.


Разное
1. Хотя всё, что вы наблюдаете в ролике, происходит плавно, обратите внимание на часы — вы будете удивлены.
2. Наблюдайте за областью системных уведомлений во время управления яркостью — вы увидите небольшой скачок.
3. Наверное, у меня слишком много свободного времени.

И последнее: не огорчайтесь, что всех этих штучек нет в Windows 7. Несмотря на то, что большинство эффектов в этом видеофрагменте выглядят шикарно, в реальности они бесполезны и неосуществимы. Конечно, есть люди, которые хотели бы видеть всё это воплощённым "в железе", но даже для такого поклонника рюшечек в интерфейсе как я очевидно, что досмотреть эти эффекты до конца на действующей системе у меня лично не хватило бы терпения (ждать лишних пол-секунды только затем, чтобы каждое новое окно открывалось со всплеском — увольте). Светящиеся ореолы, появляющиеся на 36-й секунде, очень хороши, но я понимаю, как неуклюже выглядели бы они в случае наполненной иконками панели задач. Однако, что вы думаете? Хотели бы вы увидеть такие варианты оформления интерфейса в Windows 8? Пишите!


Источник: http://uxevangelist.blogspot.com
Перевод: Galaxer