Рекомендации по разработке надстроек Office

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

Преимущества должны быть очевидными

Создавайте надстройки, которые помогают пользователям быстро и эффективно выполнять задачи. Сосредоточьтесь на сценариях, которые подходят для приложений Office, например:

• Ускоряйте и упрощайте основные задачи разработки с меньшим количеством прерываний.
• добавьте в Office новые сценарии;
• Внедрение дополнительных служб в приложения Office.
• сделайте работу в Office более удобной, чтобы повысить производительность.

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

Когда вы будете готовы к продвижению надстройки, узнайте, как создать эффективный список Microsoft Marketplace.

• Сделайте преимущества надстройки понятными в заголовке и описании. Не полагайтесь только на свой бренд, чтобы сообщить о том, что делает ваша надстройка.
• Убедитесь, что надстройка обеспечивает достаточную ценность, чтобы оправдать инвестиции пользователей. Это не должно быть простой служебной программой или иметь ограниченные область.
• Если ваша надстройка предназначена для крупных организаций и предприятий, некоторые требования Microsoft Marketplace отличаются от требований к надстройке для коммерческой платформы. Дополнительные сведения см. в разделе Часто задаваемые вопросы об отправке.

Удобство работы с первого запуска

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

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

• Потенциальный клиент со значением, а не регистрацией. Укрепите ценностное предложение надстройки при ее запуске, а не сразу попросите пользователей войти в систему.

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

  

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

  

• Предлагайте бесплатные пробные версии. Если надстройке требуется подписка, сделайте некоторые функции доступными без нее.

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

• Избегайте всплывающих окон. Если вы должны использовать их, узнайте, как включить всплывающее окно.

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

Команды надстроек

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

Принципы оформления элементов пользовательского интерфейса

Следуйте этим ключевым принципам, чтобы создавать надстройки, которые чувствуют себя как собственные для Office:

• Соответствует интерфейсу Office. Убедитесь, что внешний вид, интерфейс и функциональность надстройки дополняют возможности Office. См . раздел Проектирование пользовательского интерфейса надстроек Office.

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

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

• Используйте фирменную символику вдумчиво. Задавайте доверие и помогайте пользователям ориентироваться, но не перегружайте и не рекламируйте их.

• Свернуть прокрутку. Оптимизируйте надстройку для разрешения 1366 x 768.

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

• Четко напишите. Используйте понятный и простой язык в надстройке.

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

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

Оптимизация для сенсорного управления

Поддержка сенсорного ввода необходима для современных надстроек Office.

• Обнаружение поддержки сенсорного ввода. Используйте свойство Context.touchEnabled , чтобы определить, поддерживает ли приложение Office, в котором выполняется надстройка, с поддержкой сенсорного ввода.

  Примечание.

  Это свойство не поддерживается в Outlook.

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

• Не полагайтесь на наведение указателя мыши или щелчок правой кнопкой мыши. Эти методы ввода недоступны на сенсорных устройствах.

• Поддерживают обе ориентации. Убедитесь, что надстройка работает как в книжном, так и в альбомном режимах. Помните, что на сенсорных устройствах мягкая клавиатура может скрыть часть надстройки.

• Тестирование на реальных устройствах. Используйте загрузку неопубликованных приложений для тестирования надстройки на фактических сенсорных устройствах.

Оптимизация и отслеживание производительности приложения

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

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

• Быстро реагируйте на взаимодействия. Все взаимодействия с пользователем должны отвечать в течение одной секунды.

• Отображение хода выполнения длительных операций. Укажите индикаторы загрузки для операций, требующих времени.

• Используйте CDN. Размещение образов, ресурсов и общих библиотек в сети доставки содержимого (CDN). Загрузите как можно больше из одного места.

• Следуйте рекомендациям по оптимизации веб-сайтов. В производственной версии используйте только компактные версии библиотек. Загружайте только необходимые ресурсы и оптимизируйте их загрузку.

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

  Класс взаимодействия	Target	Верхняя граница	Человеческое восприятие
  Мгновенно	<=50 мс	100 мс	Без заметной задержки.
  Быстро	50–100 мс	200 мс	Минимально заметная задержка. Нет необходимости в информативном сопровождении.
  Нормальное	100–300 мс	500 мс	Достаточная скорость, но не более того. Нет необходимости в информативном сопровождении.
  Оперативно	300–500 мс	1 секунда	Не быстро, но надстройка реагирует хорошо. Нет необходимости в информативном сопровождении.
  Продолжительно	>500 мс	5 секунд	Среднее время ожидания, надстройка реагирует не так хорошо. Может потребоваться информативное сопровождение.
  Длительно	>500 мс	10 секунд	Длительная задержка, но не настолько, чтобы пользователь занялся чем-то другим. Может потребоваться информативное сопровождение.
  Долго	>500 мс	>10 секунд	Длительная задержка, при которой пользователь может заняться чем-то другим. Может потребоваться информативное сопровождение.
  Слишком долго	>5 секунд	>1 минута	Пользователи наверняка будут заниматься чем-то другим.

• Мониторинг службы. Используйте данные телеметрии для мониторинга работоспособности служб и успешного выполнения пользователей.

• Сведите к минимуму обмен данными. Сократите обмен данными между надстройкой и документом Office. Дополнительные сведения см. в статье Предотвращение использования метода context.sync в циклах.

Публикация и маркетинг надстройки

Готовы поделиться надстройкой со всем миром? Вот как начать работу.

• Создайте учетную запись Центра партнеров. Этот процесс может занять время, поэтому, если вы планируете опубликовать в Microsoft Marketplace, начните раньше. См. раздел Учетная запись Центра партнеров.

• Создайте эффективный список Microsoft Marketplace. Следуйте этим советам:

  • Используйте краткие, описательные названия (128 символов или меньше).
  • Напишите краткие убедительные описания, которые отвечают на вопрос "Какую проблему решает эта надстройка?"
  • Четко передайте ценностное предложение надстройки в заголовке и описании. Не полагайтесь только на свой бренд.

  Узнайте больше о создании эффективных описаний в Microsoft Marketplace.

• Публикация в Microsoft Marketplace. Следуйте инструкциям в контрольном списке предварительной публикации Microsoft Marketplace и руководстве по отправке. Убедитесь, что:

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

• Создайте веб-сайт. Помогите пользователям обнаружить надстройку за пределами Microsoft Marketplace.

• Продвижение надстройки с веб-сайта . Узнайте , как повысить уровень надстройки.

См. также

• Обзор платформы надстроек Office
• Сведения о программе для разработчиков Microsoft 365