Compartir a través de

Dise?o de experiencia de usuario para complementos de SharePoint

  • Artículo

Como desarrollador, siempre debe dar prioridad a la experiencia del usuario (UX) al crear complementos. El modelo de complementos de SharePoint ofrece muchos componentes y mecanismos de experiencia de usuario que le ayudan a crear una excelente experiencia de usuario. La experiencia del usuario en el modelo de complementos también es lo suficientemente flexible para permitir el uso de técnicas y plataformas que mejor se adapten a las necesidades de los usuarios finales.

Informaci?n general sobre la experiencia del usuario para los complementos de SharePoint

Como desarrollador de complementos, debe conocer la arquitectura del complemento. Una vez que determine cómo se distribuirá el complemento en plataformas de SharePoint remotas, podrá decidir entre las alternativas disponibles para crear la UX del complemento. Es posible que se pregunte lo siguiente:

En el diagrama siguiente se muestran las opciones y escenarios principales que necesita tener en cuenta al dise?ar la experiencia del usuario del complemento.

Figura 1. Principales escenarios y opciones de la UX de complementos

Principales escenarios de UX de aplicaciones

Cuando elija su diseño, considere principalmente qué elementos del complemento se hospedan o no en SharePoint. También debe considerar cómo el complemento interactuará con la web de hospedaje.

Escenarios de la experiencia del usuario de complementos en complementos hospedados en la nube

Supongamos que decide que parte de la experiencia de usuario no se hospede en SharePoint. En estos escenarios, se espera que los usuarios finales vayan y vengan entre el sitio web de SharePoint y el complemento hospedado en la web. Puede usar las técnicas y herramientas en la plataforma, pero SharePoint también ofrece recursos para ayudarle a diseñar una experiencia sin obstáculos para los usuarios.

Los siguientes recursos de la experiencia del usuario est?n disponibles para complementos hospedados en la nube en SharePoint:

  • Control de cromo: el control de cromo le permite utilizar el encabezado de navegaci?n de un sitio espec?fico de SharePoint en el complemento sin necesidad de registrarse en una biblioteca del servidor ni de usar una herramienta o tecnolog?a espec?fica. Para usar esta funcionalidad, debe registrar una biblioteca de JavaScript de SharePoint mediante etiquetas <script> est?ndar. Puede proporcionar un marcador de posici?n mediante un elemento div de HTML y personalizar el control con las opciones disponibles. El control hereda su apariencia desde el sitio web de SharePoint especificado. Para obtener m?s informaci?n, consulte Use the client chrome control in SharePoint Add-ins (Usar el control de cromo del lado cliente en los complementos de SharePoint).

  • Hoja de estilos: Puede hacer una referencia a la hoja de estilos del sitio web de SharePoint en la Complemento de SharePoint y usarla para determinar el estilo de las páginas web con las clases disponibles. Además, si los usuarios finales cambian el tema del sitio web de SharePoint, el complemento puede adoptar el nuevo conjunto de estilos sin modificar la referencia en el complemento. Para obtener más información, vea Usar una hoja de estilos del sitio web de SharePoint en complementos de SharePoint.

En la ilustraci?n 2 se muestran los recursos del modelo de complementos de SharePoint para complementos hospedados en la nube.

Figura 2. Recursos de la UX de complementos para complementos hospedados en la nube

Recursos de UX de aplicaciones para aplicaciones hospedadas por el desarrollador

Escenarios de la experiencia del usuario de complementos en complementos hospedados en SharePoint

Si el complemento está hospedado en SharePoint, es menos probable que cambie mucho la experiencia de usuario cuando los usuarios se muevan entre la web de hospedaje y la web del complemento. Cuando se implementa el complemento, la web del complemento adopta la hoja de estilos y el tema de la web de hospedaje. Aún puede usar el control del contenedor visual y la hoja de estilos en un complemento hospedado en SharePoint, pero la diferencia más significativa con los escenarios hospedados en la nube es la disponibilidad de la plantilla de complementos.

El siguiente recurso de experiencia del usuario est? disponible para complementos hospedados en SharePoint:

  • Plantilla de complementos: La plantilla de complementos incluye la página maestra app.master. Es la opción predeterminada cuando crea una web de complementos.

Los complementos hospedados en SharePoint tambi?n se benefician de recursos y tecnolog?as existentes en SharePoint, como la cinta de opciones, la infraestructura de elementos web y la representaci?n del lado cliente.

Escenarios para conectar la experiencia del usuario del complemento a la web de host

Algunos de los casos de uso para el complemento se pueden activar desde la web de hospedaje. SharePoint ofrece formas para abrir el complemento desde una biblioteca o lista de documentos además de formas de mostrar algunas de las experiencias de usuario de los complementos dentro de las páginas hospedadas en SharePoint.

Los siguientes recursos de la experiencia del usuario est?n disponibles para conectar su experiencia del usuario del complemento a la web de host:

  • Acciones personalizadas: puede usar acciones personalizadas para conectar la experiencia de usuario web de host con el complemento. Hay dos tipos de acciones personalizadas: cinta o ECB. Una acci?n personalizada puede enviar los par?metros de la lista o del elemento en el que se ha invocado a una p?gina remota. Para obtener más información, consulte Crear acciones personalizadas para implementar con Complementos de SharePoint.

  • Elementos de complementos: Puede incluir parte de la experiencia de usuario del complemento en la web de hospedaje con elementos del complemento. El elemento de complemento está disponible en la Galería de elementos web de la web host al implementar el complemento. Los usuarios entonces pueden agregar el elemento del complemento a una página con el control Agregador de elementos web. Para obtener más información, vea Crear elementos del complemento para instalar con el complemento para SharePoint.

En la ilustraci?n 3, se muestran los recursos del modelo de complementos de SharePoint para conectar la experiencia del usuario del complemento a la web de host.

Figura 3. Recursos de la UX de complementos para la web de hospedaje

Recursos de la experiencia del usuario de aplicaciones para la web de host

Vea también