Удобство использования на практике

  • Статья

Секреты разработки экранов

Доктор.Петр Kreitzberg и Эмброз Little

Нарушений распознавания представления

Доктор.Чарльз B.Kreitzberg
Древние китайский философии говорит, Круговорот принципы и путь, организация в мире.Хотя корней Круговорот вернуться некоторые 2500 лет, его teachings есть интересные параллельно с разработки взаимодействия.Понятие основной в Круговорот является каждое действие сопровождается реакции.Концепция виде в знакомые Yang инь символ (рис. 1), которой изображены в мире, как разделить взаимодополняющие opposites, взаимодействовать друг с другом.В конструкторе экрана мы подумать от этого символа, представляющего две взаимодополняющие модели программное обеспечение: модель реализации и манифеста модель.В своей книги О лице Алена Купера описываются эти модели.Купер Описание реализации модели как фактический способ работает программное обеспечение.Манифеста модель, напротив, является способом, что программное обеспечение представляет работает для пользователя.Ключом к эффективной разработки является возможность создания манифеста модели, с тем, как пользователь думает об этой проблеме.


Рисунок 1 Yang инь символ

Разработчик вы глубоко immersed в модель реализации, но при сдвига для разработки пользовательского ИНТЕРФЕЙСА необходимо сдвинуть в перспективу для просмотра способ программного обеспечения пользователь выполняет.Не ’s легко сделать, поскольку ’s трудно игнорировать вы знаете и адаптировать что другому лицу расположенную представления.Многие методы проектирования, обсуждалось в предыдущих статьях, таких как создание персонажей представляют типичные слушатели и конструирования задач сценариев понять принципы работы пользователей, предназначены, облегчающие, мысленным shift.Необходимо ясное понимание аудиторию, они необходимы для выполнения задач и как они подумать о их деятельности.’S также важно распознать уровень технической понимание, можно ожидать из аудитории.Знания можно разработать манифеста модель, которая соответствует.

Сначала создать платформы

Ранее мы написали о различие между проектирования высокого уровня и подробные.Экран конструктора всегда должно начинаться с разработки высокого уровня платформы.После этой платформы в месте можно использовать как основу для подробного экранов.Ниже перечислены два основные элементы платформы.

  • Схема переходов, позволяющую пользователю перемещение легко из экрана на экране в accord с потоком задач.Мы обсудили переходов в нашей рубрики марта 2009 г. (msdn.microsoft.com/en-us/magazine/dd458810.aspx).
  • Постоянные элементы, например заголовки, служат для привязки пользователя и предоставить сведения о которой пользователь может.

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

С платформой месте Разработайте наиболее важных экранов, уточнение платформы при необходимости.Наконец Разработайте оставшиеся экранов и диалоговые окна.

Создание шаблонов Проволочная

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

Начните разделение экрана на области, на основании функции.Например рассмотрим каркасная в рис. 2, служит для сопоставления вне области основные экрана.Обратите внимание, как все области этого каркасная был метку так, что пользователь будет понимать его назначение.


Рис. 2 Определение области экрана

Общий замысел прост для организации perceptually пользователем.Каждый основные вкладки может иметь структуру немного отличаются, но пока doesn’t сдвига базовый макет разработки будет отображаться согласованным для пользователя.Чтобы проиллюстрировать это, рассмотрим рис. 3 показывает другого шаблона, который может использоваться для различных вкладки в приложении.Поскольку элементы основные кадров сохраняются константы, удобство использования сохраняется хотя основные элементы оформления другой.


Рис. 3 совместимый шаблон

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

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

С помощью платформы Microsoft .NET Framework, его связанных языков программирования и AJAX создание всплывающих окон и других элегантный способы управления сведений является гораздо более реалистичные.Создавая структуру, подумайте о будет обрабатывать диалоговые окна и сведений.Например шаблоны в рис. 2 и рис. 3 работе хорошо с модальное всплывающее дочернее окно, как показано на рис. 4.

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


Рис. 4 Всплывающее окно

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


Рис. 5 Подсказки

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

По моему опыту несколько основных шаблонов с возможно два уровня диалоговые окна, может вместить пользовательский ИНТЕРФЕЙС для даже очень больших систем.И указав платформы заранее, создайте scaffolding по проектированию отдельных окнах.

Создать стиль руководство

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


Рис. 6 комментариями Каркасный для стиля руководство

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

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

Гибкость

Как мы обсуждалось в предыдущих статьях, оптимизации кода пользовательского ИНТЕРФЕЙСА может привести к путанице.По этой причине ’s обычно лучше придумать полный и гибкую платформу сначала и детальная его протяжении всего цикла разработки.Может возникнуть, например, необходимо дополнительное шаблона или необходимость комплект разработки дополнительных правил.Руководство по стилю определенно можно исправить мере разработки пользовательского ИНТЕРФЕЙСА, пока уточнения исходного макета.Если обнаружится, что исходной структуры должен быть rethought, следует вернуться назад и обзор всех экранов для обеспечения согласованности и можно рассмотреть влияние изменений на пользователей Если программное обеспечение уже развернуто.

Удобство использования тестов

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

Создание фильтров данных

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

Работы по разработке отдельных окнах является сочетанием картинки и проектирование.Чтобы создать макет экрана, для пользователя, необходимо поместить себя в обувь расположенную пользователя и посмотрите, отображается в мире способом пользователь.’S непростая задача и одна из причин, что тестирование удобства в использовании может быть настолько мощным как средство.

Нарушений распознавания модели

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


Рис. 7 нарушений распознавания модель для экрана обработки

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

С целями подобных помнить пользователь представления на экране и решает, какие действия предпринять.Она выполняет действие и обнаруживает результаты.На основании этих результатов, пользователь создает новую цель и повторяет процесс.

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

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

За касающиеся эффективности разработчикам они может чувствовать это непроизводительна и sloppy повторите сведения, которые уже представляется других местах.Но поскольку распознавания всегда trumps отзыва, лучше представления несколько раз чем, предполагая, что пользователь будет помнить нечто Если ’s поверх их действия.И поскольку пользователи редко Разработка точные мысленным моделей переходов потока — по крайней мере до они имели массу риск продукта — полагаться на них помните, что функция, они должны конкретной вкладке добавляет массу нарушений распознавания загрузки в процесс.

Макет

В прошлом месяце мы говорили о информационной архитектуры и проектирование представления сведения легко понимание.Имейте в виду эти идеи, после размещения отдельных окон.Убедитесь, что экрана является orderly и беспорядок свободного.Требуется, чтобы perceptually совместной работы в visual единицы элементы группы Пользователи.Найдите на рис. 8, чтобы увидеть, как disorderly выравнивание сделать очень трудно глаз сгруппировать связанные элементы.Выравниванием элементов и поместить кнопки в непосредственной близости к элементам управления они, легко формируются perceptual группы.


Рис. 8 группирования помогает экрана больше оформить

Внутренней согласованности

Только при наличии действительно хорошо причин не пытаться, непротиворечива как максимально из экрана на экране.Например здесь приведены некоторые общие рекомендации.

  • Использование одного и того же терминологии во всей системе
  • Организовать сведения постоянно с помощью той же формы заголовков и сведения о презентации
  • Используйте те же методы для запросов поиска и результатов

Поток

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


Рис. 9 Поток

В случае аудиторию расположенную языка иврит, арабский, фарси, китайский или японский поток может быть справа налево, поэтому на экранах должны быть скорректированы соответствующим образом.Поток не является проблемой на каждом экране.Поток не всегда связана текста.Таким образом например, если требуется представить процесс с несколько шагов, упорядочивание поток важно, даже если графические объекты на экране.Взгляните на пример значение Промывка футболку ” на i18nguy.com/MiddleEastUI.html.

И затем происходит Magic

Многие разработчики (включая себя) поиска, что они имеют эмоциональных ответ разработки хорошо экрана.Вы знаете, макета при справа возможно действия делятся на месте.Этот подход смысл как взглянуть на его с различных точек зрения.Среди сами бы описать, эмоциональных чувство как значение и затем происходит чудеса, ” и мы despair, объясните клиентам, почему этого конкретного макета — справа.

Как разработчик вероятно обнаружила аналогично значение Aha ” секунд, когда решил проблему особенно knotty технической разработки.Когда можно перейти к той же точке экрана разработки будут чувствовать уверенным о rightness проектных решений и редко будет пригодность доказать, неправильный.

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

Представление программы


Amborse Little

Экран разработки является, я думаю, эти вещи, — поэтому конкретные практичным, что большинство из нас просто получить его.  Имеющий сожалению вследствие внесения нам complacent: Мы не думаю, что достаточно о нем или просто предположить, что нам известно его – мы заметкой экспертов, потому что мы оформления экранов.

Как показано выпусках этой рубрики, есть действительно различных науки и картинки внесения интерфейсы программного обеспечения.Среднее разработчика можно получить только Итак, в зависимости от своей направлению талант и empathy в создании интерфейсов Поощряйте хорошо опыта.  На стороне отразить надеюсь, что этот столбец также показывает, что даже если разработке пользовательского ИНТЕРФЕЙСА не является основной опыт, можно получить лучшую на него и также получить лучшую в принятии решения необходимо принять участие специалисты в поле.

Я сказал, все это, способом, отметить кажутся длинные распознается потребность платформ разработки нашей технологии пользовательского ИНТЕРФЕЙСА.  Дэйр сказать, существование таких платформах был руководил более по потребность нам разработчикам сохранить наш sanity и некоторые modicum текущих производительность изменения требований, чем по любой понимали распознавания важность согласованности для тех нам lovingly называть пользователей из лицевой. Поэтому serendipitous, что имеются у нас есть.

И только что такое, у нас есть?  Ну, очевидно, что на какие технологии работают с но попытке оставаться фокус на основных технологиях ИНТЕРФЕЙС .NET, учитывая, что это, в конце концов, MSDN Magazine. 

Средства можно получить в их все

Сначала off, давайте предположим, что все технологии .NET один общий доступ, конкретные концепцию важные повторного использования пользовательского ИНТЕРФЕЙСА — элемента управления (и его производную, так называемые пользовательский элемент управления).  Как я ’m знать большинство из нас позволяют комплект вверх части пользовательского ИНТЕРФЕЙСА не только визуальное, но также функциональной повторного использования.  Я не ’m historian технологии, но мой впечатление является, элементы управления обычно предназначены для решения, пересекающие проблемы доменов (часто как в собственных внешнем проекте или сборке или даже предоставленных третьими) и этих решений элементы управления, обычно реализуются в очень широко применяется шаблонов.Пользовательские элементы управления с другой стороны, — обычно ориентированного сторону домены определенной проблемы, часто в одном решении проекта.

Элементы управления и пользовательские элементы управления являются хорошей кода и повторного использования пользовательского ИНТЕРФЕЙСА, которая является известной, но они получить можно только до сих в терминах платформу разработки.  Для этого требуется нечто более сродни что часто называется значение master ” или значение шаблона ” платформу для обработки брутто макет и иерархически Общие элементы, а также способ управления согласованного стиля (значение шрифты, цвета, интервалы и другие visual treatments, обслуживающих эстетике и сведения).  Для этих решений различаются по технологии.

Windows Forms

Многие moons назад, Мои fearless Floridian друга Стэн Schultes penned статьи в Visual Studio журнала называется значение означает визуального наследования ” (msdn.microsoft.com/en-us/library/aa288147(VS.71).aspx).  Подход, описанные в этой статье, может помочь в основном с потребностями брутто, общий макет — другими словами, базовой формы и базовый диалоговое окно и построения из тех, для удовлетворения потребностей.     

Слева собственные устройства, я ’m боитесь, ’s о всех получения возможностей Windows Forms в помогает реализовать платформу разработки.  С другой стороны, существуют решения независимых производителей, например расположенную Infragistics приложения дизайн Framework и средством (infragistics.com/learn/applicationstyling.aspx), предлагают более согласованности и гибкости, может помочь заполнить промежуток, где Windows Forms оставляет в помогает реализовать и управлять платформу единообразным оформлением.

Вы может думать о составных функционального блока пользовательского ИНТЕРФЕЙСА (также известный как CAB-файла;см msdn.microsoft.com/en-us/library/aa480450.aspx) и хотя CAB более предназначен для modularizing и разделения пользовательского ИНТЕРФЕЙСА, чем для реализации согласованного макета платформу, может определять оболочки интерфейса пользователя (с помощью одного или нескольких рабочих областей) произвести сортировку главный макет для предоставления этого уровня реализации платформы разработки.  По-прежнему, заметкой слева необходимости убедитесь, что определенный модули формы harmonious целиком, однако и учитывая модульность, предоставляющий CAB, это означает более ответственность на разработчиков модуля следовать правилам платформы разработки.И если планируется реализовать приложение, с помощью CAB, должен выглядеть в смарт-клиента Software Factory (SCSF).(См msdn.microsoft.com/en-us/library/bb266334.aspx для некоторых хорошо руководство на двух вместе.)

ASP.NET

ASP.NET, что это технология веб могут использовать стандартные веб-технологиями, помогающие с средами разработки.  Преимущественно это означает, что CSS, более последние годы популярных общей платформ CSS (bing.com/search?q=css+frameworks). Если заметкой осторожность и образец Zen CSS, вы можете рода получить размещения с практически полный контроль над макетом страницы, но более вероятно имеют некоторые interplay между структуры HTML и CSS.  CSS наиболее полезно для более детализированные сведения разработки, например, интервал (поля, заполнение, междустрочный интервал и т.д.), шрифты, цвета, и само собой, visual treatments, включающих вещи как границы и различных gymnastics на основе образа. 

Дополняет (или противоречия, в зависимости от того, вы спросите) для стилизации ожидания окна ASP.NET поддерживает темы и управления skinning помогут вам, дополнительный бит организации и потенциальных сопровождаемости вне приложения.  Infragistics также предлагает дизайн приложения для ASP.NET упрощает управление стили для приложения проще, особенно при использовании Infragistics ASP.NET.  CSS и HTML, мощный, но они также могут стать неуправляемым и продуктов Infragistics и встроенные темы ASP.NET и обложек, а также других платформ попытайтесь помогают управлять этой сложности и сохранить на sanity.

В целях общей валовой макет и элементы в ASP.NET существует главные страницы ( msdn.microsoft.com/en-us/library/wtxbf3hh.aspx), позволяют определить общий родительский или основной макет и элементы с помощью прототипов содержимого для областей макета, которые могут различаться в зависимости от конкретного представления.  Главные страницы могут быть вложенными, но имеется несколько образцов (например, один для корпорации, одна для приложение и даже один для MyAppDialog — вещь, порядок сортировки).  Действительно ’s довольно хорошо и ingenious платформу для поддержки и упрощения реализации и обслуживании платформу разработки, и Да, для lovers MVC, можно использовать главные страницы существует также.(См. msdn.microsoft.com/en-us/library/dd381412.aspx отправной точкой.)

Одной другие заметки на ASP.NET.  Также использовать ASP.NET AJAX (и другие технологии AJAX) фактически поддерживать внешнего, общий макет и просто обновить и заменить содержимое областей.  ASP.NET AJAX — другой инструмент, который можно использовать в сочетании с главными страницами для предоставления преимуществ AJAX при использованию преимуществ CSS и главных страниц для согласованного макета framework.

SharePoint и другое содержимое системы управления

Наконец, как относится в основном к ASP.NET, SharePoint и других систем управления содержимым обычно перейдите за пределами основы what you get платформу ASP.NET для предоставления шаблонов страниц, типы содержимого и аналогичные функции, которые можно дополнительно установить и поддерживать согласованное разработки платформы, даже Включение nondevelopers для расширения системы в смысле, сохраняя неизменными же платформы разработки.

WPF

Windows Presentation Foundation (Windows Presentation Foundation) имеет сути двумя слоями стили, стили и шаблоны . (См msdn.microsoft.com/en-us/library/ms745683.aspx..) Стили являются по существу способом сгруппировать общий набор значений свойств.  Шаблоны бывают двух основных типов в WPF — шаблоны данных и шаблонов элементов управления.  Шаблоны элементов управления являются способом полностью настроить внешний вид элементов управления, включая их основные структуры и поведения.  Шаблоны элементов управления часто используются вместе (например, можно задать свойство шаблона стиля для элемента управления) для настройки опыт степени не действительно подходящего в более ранних технологий .NET ИНТЕРФЕЙСА.Шаблоны данных являются очень ловким способом совместно использовать общие определение ИНТЕРФЕЙСА для фигуры данных, я понимаю, что шаблон данных заботится только о поиск соответствия привязки и, например, источник данных определенного типа.

Брутто макет и общие элементы поскольку WPF изначально клиентской технологии, его ’s более или менее простой вопрос создания представления (окна), укладки его и заменяя содержимое рамки во время выполнения (часто с экземплярами UserControl).  WPF также поддерживает реализацию шаблона журнала переходов (см. quince.infragistics.com/#/Main/ViewPattern$pattern=Journal+Navigation) и позволяет при использовании рамки с его для имитации опыт Web переход по разным страницам.  Это может быть эффективным способом реализовать подход заполнитель.(Вы найти дополнительные сведения по msdn.microsoft.com/en-us/library/ms750478.aspx).

WPF (и Silverlight) также имеют платформу стиле CAB называется руководство по составным приложениям (CAG, ранее известная как призмы;просмотреть msdn.microsoft.com/en-us/library/cc707819.aspx), можно использовать аналогично как описано выше для форм Windows Forms.  CAG поддерживает идея области, которой может быть использована как контейнеры или местозаполнители большего формата и которого могут быть вложенными также.И если Blend (неизбежны, в данный момент), можно найти хорошие бит рекомендации по организации материалы Blend и хорошо совместной работы на johnpapa.net/silverlight/using-blend-with-prism-apps-in-silverlight-3/ призмы.

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

Silverlight

Поскольку Silverlight для всех противоположен и целей является подмножеством WPF, а это заданному цель Microsoft попробовать 100 процентов совместимость источников (XAML) между Silverlight и WPF, большинство я говорил о WPF применяется к Silverlight, за некоторыми исключениями, конечно.

Сначала выключить, нет формальных концепцию страницы в основных Silverlight — по сути, все работает элемент управления или пользовательском элементе управления.  В версии 3 Майкрософт добавила возможность переходов платформу, которая добавляет класс данных для размещения значение страниц ” страницы класса, производного от UserControl и название свойства, которое будет автоматически обновлять строку заголовка обозревателя.  Они реализацию журнала переходов так, чтобы имитировать подход Web (аналогично WPF, но для написания этой реализации не является источником совместимый — см. msdn.microsoft.com/en-us/library/cc838245(VS.95).aspx). Вместо того чтобы перемещение страниц, перейдите к пользовательских элементов управления, олицетворения страниц.  Но основные концепцию определения общей валовой макет и элементы с остается заполнителей.И, как с помощью WPF, можно вручную управлять замены визуальных элементов в определенной области (местозаполнители) ИНТЕРФЕЙСА с новые — обычно пользовательских элементов управления.

Как для стилизации и шаблонов это практически той же статье, с загвоздка Silverlight предоставляет VisualStateManager, позволяющим разработчикам определения семантических состояния и состояния групп, для элемента управления (или пользовательского элемента управления).  В контексте нашего обсуждения это преимущественно означает VSM влияет на способ настройки шаблонов элемента управления.  VisualStateManager WPF — в набор средств сейчас;просмотреть windowsclient.net/wpf/wpf35/wpf-35sp1-набор средств-visual-state-manager-overview.aspx.

Кроме того поскольку Silverlight не "все или ничего" Выбор, можно использовать в сочетании с ASP.NET и использования в ASP.NET означает overarching платформы разработки.Необходимо управлять интеграции стилей между стандартной + CSS (HTML) веб-технологий с стилей в Silverlight.  Поэтому это помните при переходе, маршрут.

Можно найти дополнительные сведения о различиях между WPF и Silverlight на msdn.microsoft.com/en-us/library/cc903925 (VS.95).aspx.

SketchFlow

SketchFlow просто был выпущен для написания этой статьи.  Хотя SketchFlow поддерживает WPF и Silverlight (хотя SketchFlow проект предназначается одной технологии), имеет некоторые собственные идеи об управлении платформу разработки.  И поскольку многие разработчики используют ее прототип для этих технологий .NET, КОТОРЫЙ, казалось его упоминания.  Хотя SketchFlow располагается поверх этих двух технологий, имеет некоторые различных терминологии, а именно фильтров и фильтров компонентов.

На экране, по сути его как звуки — экран, люди, перейдите.(Можно создать соединения визуального перехода между экраны в карте SketchFlow.)  Что этом обычно означает том, что на экране достаточно различных пользовательского ИНТЕРФЕЙСА для гарантии собственные жизнь и макет.  Компонент фильтров предоставляют по существу простой способ совместно битов на экране другие экраны очень похоже на пользовательские элементы управления.(На самом деле экраном компонентов будет создать элементы управления UserControl в коде).

Во время часть точки прототипов, особенно раннее создание прототипов — более не думать материалы как платформы разработки существует является точкой, с которой может потребоваться сделать это.  Если получить много за пределами прототипов страницы или два и ожидать дополнительные итерации и уточнить, необходимо подумать о способах совместно использовать общие биты сделать ваш прототип более управляемыми.  С другой стороны, даже если статьи выполнить вперед от прототипа SketchFlow для окончательного реализации, ’s основной точки SketchFlow. 

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

Использование общих элементов управления

В дополнение к платформ и средства, помогающие реализовать платформу единообразным оформлением внутри и между приложениями, вы должны также подумать о согласованности платформа разработки в терминах сопоставить решения с другими средами разработки.Это где ИНТЕРФЕЙСА шаблонов может помочь выбрать и реализовать лучше, наиболее распространенные способы решения проблем, связанных.

Опять же, кажется, разработчики unconsciously (или не) это сделано все вместе, пытаясь имитировать распространенные решения, конечным пользователям знакомы (таких как Excel и Microsoft Outlook) и, конечно, используя элементы управления, поставляемые в поле.  Многие из нас don’t думать о нем, но что-то сказал для согласованности, предоставляемый набор только элементов управления.Don’t необходимо разбираться способы реализации, скажем, перетащите вниз Выбор (см (quince.infragistics.com/#/Main/ViewPattern$pattern=Drop+Down+Chooser), поскольку мы, в поле.Аналогичным образом, для более сложного, но знакомы интерфейсы, не в основные библиотеки платформы, мы воспользоваться преимуществами работы, третьими сделать, чтобы предоставить хорошо реализации элементов как OutlookBar ленты и т.д.

Эти общие элементы управления можно представить себе как рода платформа разработки общих, универсальные в течение которого строятся большинство приложений (бизнес) и должен воспользоваться преимуществами платформы разработки общих использовать это знание.  Некоторые сказал, что интуитивно является часто достаточно просто такое знакомы (см, например, portal.acm.org/citation.cfm?id=584629), поэтому с помощью знакомых элементов управления могут перейти долгий путь укреплению показаться интуитивно понятной интерфейсов.

В то же время имейте в виду, что необходимо выбрать элементы управления требованиями приложения на основе и не применимы unthinkingly знаком управления только того, что знакомы или за, например, он используется в Microsoft Office.  Он может переходить без о том, но в лихорадке получить выполнить действия, я думаю, мы ’ve неправильно всех элементов управления следующим образом.

Одна вещь, которая может помочь вызовов таких суждению более быстро является хорошей библиотеки шаблон пользовательского ИНТЕРФЕЙСА и UX как Quince (quince.infragistics.com).Чтения проблемы, решение, контекст и логическое обоснование для шаблонов — они обычно заметкой довольно короткий и делать много помогут вам понять, подходит ли определенному шаблону (который часто реализуется как элемент управления) в контексте.Предлагается несколько вариантов и может использовать Маркировка для исследования других возможных вариантов.

Заключение

Теперь, когда имеется Включение возможности .NET в различных технологий ИНТЕРФЕЙСА .NET этот краткий обзор, вы сможете применить и использовать ваш (или конструктор расположенную) усилия для определения согласованного платформу и сделать то, что достаточно управляемыми, позволяет уточнить во время разработки и продолжать итерации и уточнить мере работы приложения в производственной.