Microsoft была новатором во многих областях. Дизайн пользовательского интерфейса, не очень.

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

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

У каждого, кто работал с продуктами Microsoft, есть свои любимые страшилки пользовательского интерфейса. Неудачно сформулированные сообщения об ошибках, неправильный выбор, графические функции, которые только усложняют жизнь - список можно продолжить. Мы говорим не о вопиющих неудачах вроде Microsoft Bob и Clippy, а о неудачных решениях дизайна, которые проникают в хорошие продукты. Приношу свои извинения Microsoft, вот мои личные болевые точки.

1. Необычные окна хромированные

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

Каким бы очевидным это ни казалось, Microsoft колебалась между чистым и удобным оконным хромированием и причудливым блеском больше раз, чем я могу сосчитать. Одним из худших примеров были кнопки конфетного цвета и выпуклые границы, представленные в теме Windows XP Luna. Критики назвали это «Вдовами Фишер-Прайс».

Даже в 2001 году тяжелые градиенты уже выглядели устаревшими - в конце концов, технологические компании только что потратили последние несколько лет на их удаление со своих логотипов. И хотя стиль Луны можно было отключить, настроить его каким-либо значимым образом было невозможно. Использование нестандартных цветов было запрещено, поэтому пользователям оставалось выбирать ровно из трех одинаково уродливых цветовых скинов. Единственное место, где вы могли получить дополнительные скины, было в Microsoft Plus! - единственный продукт в семействе Microsoft, получивший в названии восклицательный знак (который точно отражает реакцию современного пользователя компьютера на его лодку графического ситца).

Пользовательский хром границы в Windows XP также был причиной создания плохих снимков экрана. Проблема заключалась в том, что скругленные углы окон в стиле Luna позволяли просвечивать фон. Однако стандартная команда Alt+PrtScn по-прежнему захватывала точный прямоугольник, который не соответствовал слегка изогнутому окну. Получились неожиданно залитые углы.

Windows XP была далеко не первым или последним разом, когда Microsoft пыталась оживить свой оконный хром. В более современные времена Windows Vista принесла нам эффект Aero Glass, который позволял размытому содержимому просвечивать через края оконных рам без какой-либо видимой причины. В то время обозреватели предположили, что цель заключалась в том, чтобы просто заставить людей покупать новейшее графическое оборудование и (будем надеяться) попутно обновлять свои компьютеры и программное обеспечение Microsoft. Как и Луна, от Aero Glass вскоре отказались.

Даже если вы думаете, что такие дизайнерские схемы, как Luna и Aero Glass, безвредны, в этом есть более глубокий недостаток. За прошедшие годы поспешно добавленные дизайнерские излишества Microsoft никогда не оставались неизменными надолго. Некоторые приложения следуют одному стандарту, другие - другому. Программное обеспечение на основе меню рабочего стола заменяется приложениями из магазина Windows - но только частично. Классический внешний вид Windows заменяется языком дизайна Metro, который быстро заменяется стандартами дизайна Fluent - по крайней мере, на данный момент. В результате операционная система Windows всегда выглядит недоделанной, как дом в процессе дорогостоящего ремонта. В менее оптимистичные моменты я задаюсь вопросом, является ли самый продолжительный вклад Microsoft в дизайн пользовательского интерфейса в этой непрекращающейся мешанине программного обеспечения, которая никогда не сливается воедино, но никогда не исчезает.

2. Лента Office

Об обратной совместимости Microsoft ходят легенды. Когда SimCity содержала критическую ошибку, которая осталась незамеченной в DOS, но использовала тестовые версии новой операционной системы Windows, они закодировали ее, добавив в ОС специальный код обнаружения SimCity. Когда Microsoft требовалось конкурировать с ведущим программным обеспечением для работы с электронными таблицами Lotus 1–2–3, они послушно скопировали его ошибку високосного года. И когда Microsoft попыталась обновить Internet Explorer, проклятие веб-разработчиков, приверженных стандартам, повсюду, они добавили в него толстый слой путаницы, называемый режимом причуд, благодаря которому старые сайты выглядели одинаково.

При таком подходе, позволяющем работать любой ценой, становится еще более удивительным, когда Microsoft меняет что-то серьезное. И появление ленты в Office 2010 было чем-то очень важным. В конце концов, Office был ключевой опорой доминирования Microsoft в бизнесе (в то время уступая только Windows). Да, у ленты был свой собственный уровень обратной совместимости - он сохранял работоспособность старых ярлыков и клавиш доступа к меню, но для людей, привыкших искать слои подменю, лента кардинально изменила восприятие.

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

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

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

3. Тирания окон с неизменяемым размером

На заре Windows 3.1 было два основных типа границ окон. Изменяемые размеры границ позволяли вам расширять окно, чтобы вы могли видеть столько контента, сколько позволяет ваш экран. Фиксированные границы, для сравнения, были заблокированы. Программистам было проще их разрабатывать (потому что они никогда не менялись), но они менее гибкие.

Перенесемся на несколько десятилетий вперед, и… мало что изменилось. По-прежнему есть фиксированные границы окон, ленивые программисты и множество мест, где вы не можете увидеть всю информацию, которую хотели бы видеть, потому что окно упорно отказывается расти больше, чем почтовая марка.

Рассмотрим старый мастер импорта мультимедиа в Windows, который позволяет быстро передавать изображения и видео с цифровых камер. Проблема в том, что коробка, показывающая пункт назначения, безнадежно мала. Мне приходится каждый раз нажимать кнопку «Обзор», просто чтобы проверить, собираюсь ли я поместить контент в папку с именем 2020 или 2019.

Это не конец света. Но часто пользовательский опыт успешен или терпит неудачу в мелочах. А в самых старых продуктах Microsoft многие из этих деталей ускользают от нас в течение многих лет. В самом популярном программном обеспечении Microsoft разбросаны десятки надоедливых исправленных окон. Рассмотрим упорно фиксированное диалоговое окно «Шрифт», которое появляется в Word, Excel и PowerPoint и показывает прокручиваемый список, в котором всего несколько элементов в высоту:

Да, в большинстве случаев опытные пользователи будут выбирать нужный им шрифт на ленте, которая предоставляет гораздо более длинный раскрывающийся список. Но диалоговое окно «Шрифт» - всего лишь один пример знакомого сопоставления, которое выделяется в программном обеспечении Microsoft, между тщательно продуманными элементами дизайна (например, лентами) и старыми, по большей части игнорируемыми реликвиями прошлого.

4. Длинный переход

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

В примерах нет недостатка. Например, вы хотите изменить параметры автозамены в Excel. Нет проблем, правда? Сначала выберите «Файл» → «Параметры», чтобы перейти к окну параметров Excel с несколькими вкладками, в котором есть множество полезных настроек. Но на самом деле здесь нет нужных вам вариантов. Вместо этого вам нужно щелкнуть вкладку «Правописание», а затем нажать кнопку «Параметры автозамены», чтобы открыть диалоговое окно «Автозамена». О, и здесь есть еще одна кнопка с названием «Исключения», которая открывает еще одно диалоговое окно вверху.

Если это похоже на несколько безобидных дополнительных щелчков ... ну, не совсем. Окно параметров Excel является неотъемлемой частью современного пользовательского интерфейса Office. Его размер можно изменять и прокручивать, что упрощает работу. Параметры и исключения автозамены должны быть здесь - недостатка места нет, и таким образом вы можете сэкономить несколько кликов и видеть больше записей за раз. Но диалоговые окна автозамены - это ископаемые из прошлого, замороженные до искусственно крошечного размера, восходящие к Office 95.

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

Длинный переход по ссылкам - по крайней мере отчасти, побочный эффект чрезмерно консервативного дизайна Microsoft. Другими словами, если пользовательский интерфейс не кричит вам, что он неисправен, не исправляйте его. И есть веская причина опасаться внесения даже небольших изменений в такие массовые продукты, как Windows и Office, потому что эти изменения могут иметь волновой эффект. Когда продукт локализован или перенесен на другие версии, эти волновые эффекты могут в конечном итоге привести к неясной ошибке, скажем, в версии на турецком языке. (Это не так уж и неправдоподобно, как кажется. Microsoft много раз сталкивалась с подобными проблемами на пути к глобальному господству в 1990-х.) Другими словами, слишком частым результатом успеха Microsoft является паралич пользовательского интерфейса.

5. Активный рабочий стол и прочие уловки.

Должен ли рабочий стол Windows выглядеть как ремесленный проход в дисконтном магазине? В течение первых 15 лет существования операционной системы Windows возможность обмануть ваш компьютер персонализированными деталями была главным аргументом в пользу его продаж.

Волнение вызвано просто тем, что вы могли. Заставить ваш компьютер воспроизводить Так говорил Заратустра при загрузке было эквивалентом выбора пользовательской мелодии звонка в первом поколении смартфонов в 1990-х годах. И по мере того, как Windows становилась более сложной, а оборудование - более функциональным, изюминки расширились за пределы настраиваемых значков, указателей мыши и фонов рабочего стола, чтобы включать в себя бесполезные эффекты, которые никому не нужны, такие как анимация меню на вашем лице и - моя личная любимая мозоль - активный рабочий стол .

Активный рабочий стол - это функция на базе IE, представленная в Windows 98, которая позволяла заменить обычное фоновое изображение рабочего стола веб-страницей с динамическим содержимым, JavaScript и даже анимацией. Проблема заключалась в том, что эта функция превосходила возможности многих компьютеров того времени. До того, как он был удален в Windows Vista, активный рабочий стол мог давать сбой на многих компьютерах.

Активный рабочий стол - наиболее очевидный пример уловок ради уловок, но это был всего лишь один выпуск из серии эффектных, но в основном бесполезных функций. Но, по крайней мере, недолговечное увлечение 3D-скринсейверами (которое Microsoft преследовала в последней версии Microsoft Plus) началось только тогда, когда компьютер бездействовал, что сделало его относительно безвредным. Для сравнения: активный рабочий стол - это все затраты, а не выгода, что является худшей изюминкой пользовательского интерфейса.

Конечно, у Microsoft также есть множество отличных проектов, многие из которых были заимствованы у конкурентов, но затем подкреплены собственными хорошими идеями. Я пойду к своему смертному одру, защищая модульную среду VS Code, которая так же удобна, как и поношенное кресло. Но даже случайный драгоценный камень не может стереть память о годах преступлений Microsoft, связанных с пользовательским интерфейсом.

Вы пострадали от одного из преступлений Microsoft, связанных с пользовательским интерфейсом? Напишите об этом в комментариях ниже! А чтобы получать рассылку раз в месяц с нашими лучшими техническими историями, подпишитесь на Информационный бюллетень Young Coder.