Disseny de formularis productius principals a les aplicacions basades en model

Crear experiències en què es poden completar tasques de manera ràpida i eficaç és crucial per a la satisfacció de l'usuari.

Les aplicacions basades en models ofereixen moltes opcions per crear bones experiències d'usuari, com ara:

  • Opcions a nivell d'aplicació.
  • Opcions d'organització del mapa del lloc.
  • Moltes opcions de creació de formularis.

En aquest article es mostra com dissenyar formes altament eficients i productives en una aplicació basada en models, inclosa la manera de treballar amb:

  • Formes principals.
  • Diàlegs de formulari principals.
  • Controls de components de formulari.
  • Creació ràpida de formularis.
  • Formularis de visualització ràpida.

La disposició i el disseny de formularis són importants per construir millors formes. Tanmateix, també és important crear formularis que es carreguin ràpidament i permetin una navegació ràpida al formulari i a través de les pestanyes.

També us recomanem que comprengueu les pràctiques recomanades per optimitzar el rendiment dels formularis i com fer que els formularis es carreguin ràpidament a l'aplicació basada en models. Més informació: Disseny de formularis per al rendiment en aplicacions basades en models

Treballar amb formularis principals

Els formularis principals s'utilitzen en una aplicació basada en models quan es treballa i edita les dades d'un registre específic per a una taula per garantir que els usuaris que interactuen amb aquest registre es mantinguin dins de les restriccions de l'estructura de la taula.

S'estan construint al voltant de les dades de la taula

Un formulari permet que un creador d'aplicacions es construeixi al voltant de les dades de la taula i sovint requereix que treballeu i interactueu amb registres relacionats d'altres taules. Una consideració important és com està vinculat a les dades un formulari basat en model. Els controls estàndard d'un formulari estan vinculats als camps de la taula. Aquests controls permeten el desenvolupament ràpid d'un formulari per crear i editar dades, però sense més personalització no són tan flexibles quan s'utilitza un formulari per a diverses tasques que necessiten l'entrada de l'usuari o on es requereix una acció addicional abans de desar informació.

Un dels punts forts de les formes basades en models és la facilitat d'ús amb controls estàndard (fora de la caixa), com ara cerques, subquadrícules i panells de referència per veure o editar ràpidament registres relacionats. Els formularis també admeten controls de marc de components personalitzats Power Apps per ampliar la funcionalitat més enllà dels controls estàndard. Els formularis admeten principalment relacions de dades secundàries per a un registre; no admeten fàcilment relacions terciàries o d'ordre superior. Per exemple, si hi ha un registre de compte que té una relació d'un a un o un a diversos amb els contactes, les interaccions amb les dades principal i filla es poden afegir ràpidament amb un formulari mitjançant cerques que interactuen amb altres formularis, com ara un diàleg de formulari principal o formularis incrustats, com ara una visualització ràpida o un control de components de formulari. Cadascun d'aquests tipus de formularis es detallarà més endavant en aquest article.

Treballar amb dades relacionades requereix configuració, com ara utilitzar un diàleg de formulari principal per treballar amb registres relacionats del diàleg de formulari principal o utilitzar una pàgina de llenç personalitzada. Podeu crear formularis d'entitat múltiple mitjançant diàlegs de formulari principal o controls de components de formulari. Tanmateix, un formulari principal no admet directament els registres relacionats amb la informació al formulari principal.

Entendre la disposició principal del formulari

A la imatge següent es mostra la disposició d'una aplicació d'Interfície unificada.

Disseny d'una aplicació de la interfície unificada

Elements visuals que no formen part de la forma

  • La capçalera de l'aplicació forma part de l'estructura general de la pàgina d'una aplicació basada en models. La capçalera de l'aplicació conté el nom de l'aplicació i les accions de nivell d'aplicació, que inclouen la cerca, l'ajuda, l'assistència, els formularis de creació ràpida, la configuració (nivell personal i d'aplicació per a administradors), etc.
  • El mapa del lloc de l'aplicació conté navegació a través de l'aplicació a les pàgines que s'inclouen a la vostra aplicació. L'experiència de navegació proporcionada pel mapa del lloc ofereix una manera ràpida d'accedir a altres àrees de la seva aplicació.
  • La barra d'ordres del formulari tampoc no forma part del formulari principal. Es pot configurar mitjançant el complement de la comunitat Ribbon Workbench per a XrmToolBox. La navegació i la interacció en el formulari es poden personalitzar. Hi ha diverses opcions disponibles per desar, crear un registre nou, compartir, combinar, editar diversos registres, etc.

    Nota

    Microsoft no admet els recursos creats per la comunitat. Si teniu preguntes o problemes amb els recursos de la comunitat, poseu-vos en contacte amb l'editor del recurs.

Elements visuals que formen part de la forma

  • La capçalera del formulari forma part del formulari. Inclou la taula i el nom del registre, la possibilitat de canviar a formularis addicionals per a la taula, quatre camps de només lectura del registre i les pestanyes incloses al formulari. Els formularis només apareixen al selector de formularis si s'han habilitat i afegit a l'aplicació. Més informació: Crear i dissenyar formularis d'aplicacions basades en models.
  • Les capçaleres de formulari també tenen un mode on es poden afegir més de quatre camps i proporcionen una navegació senzilla per editar els camps de la capçalera i qualsevol camp addicional al qual vulgueu que un usuari accedeixi fàcilment des de la capçalera del formulari. S'haurien d'utilitzar pestanyes addicionals per accedir a informació principal de la tasca o per centrar l'usuari en les dades o la informació específica d'una tasca concreta, però que no és principal per a la feina. La informació que és necessària i és principal per treballar amb dades ha d'estar a la primera pestanya i no s'ha d'ocultar.
  • L'òrgan del formulari és l'àrea del formulari que s'ha d'utilitzar per interactuar amb les dades del registre i els registres relacionats que són essencials per completar una tasca. Us recomanem que limiteu les dades a les tasques principals que s'han de fer a la primera pestanya i que moeu les tasques secundàries a pestanyes addicionals. també s'han de tenir en compte formularis de construcció basats en necessitats i rols empresarials específics a l'hora de dissenyar la vostra sol·licitud.

Si poques vegades s'utilitzen algunes dades, hauríeu de considerar la creació d'un altre formulari al qual es pugui accedir quan un usuari necessita fer referència a aquestes dades o informació.

  • Al peu del formulari es visualitza l'estat i les ordres del formulari per desar i visualitzar el formulari en una finestra emergent nova. Només es pot personalitzar l'amplada del peu de pàgina del formulari.

Important

Els peus de pàgina de formulari estan obsolets amb l'wave wave 2 de llançament de 2021 (vista prèvia d'agost de 2021 / octubre de 2021 GA). Suprimiu els controls que hàgiu afegit fora del peu de pàgina.

Escenari d'exemple de disseny de formulari productiu

A l'escenari següent es demostra el millor ús d'un formulari principal basat en model sobre les dades que utilitzen els controls disponibles.

Imagineu un escenari on un comercial ha de mantenir les dades d'un compte que també té els components de formulari següents:

  • Un contacte principal (cerca).
  • Contactes addicionals (subquadrícula).
  • Una subfinestra de referència on un usuari pot seleccionar de veure les llistes de registres relacionats amb accés a visualitzacions només de lectura (visualització ràpida) a la subfinestra de referència. La subfinestra de referència inclou un control de cronologia que s'utilitza per accedir i crear activitats ràpidament per a aquest registre.

Aquest formulari està en ús regular, de manera que val la pena dedicar temps al disseny per assegurar-se que sigui senzill i eficient d'operar.

Disseny de pàgina d'una aplicació de la interfície unificada

Dades del compte

La primera secció del formulari conté els camps que s'utilitzen per administrar les dades i la informació d'aquest registre. Aquí, un usuari pot revisar i editar ràpidament la informació que utilitza durant la seva feina. Punts a tenir en compte:

  • Els camps obligatoris i els camps més utilitzats es troben a la part superior d'aquesta secció.
  • S'afegeix una formulari de cerca ràpida del contacte principal a la part superior perquè els usuaris puguin veure i utilitzar ràpidament la informació per contactar amb la persona que és important per a les seves tasques diàries.

Formulari de visualització ràpida per a la cerca de contactes

A la dreta de la secció informació del compte hi ha la subquadrícula de la taula de contactes. Mostra tots els registres de contacte relacionats amb el registre principal. Això permet a l'usuari una interacció ràpida amb el registre de contacte relacionat amb el compte.

Visualització ràpida d'una subquadrícula d'un contacte

Al costat de la subquadrícula de contacte hi ha subfinestra de referència. Aquest control pot donar encara més accés als registres relacionats que van més enllà dels contactes. Una subquadrícula ajuda a millorar la tecnologia i l'eficiència de les dades a l'hora de treballar en tots els registres relacionats del formulari principal. En aquest exemple, la subfinestra de referència inclou contactes, oportunitats, clients potencials i productes. Una limitació de la subfinestra de referència és que només proporciona visualitzacions de només lectura dels registres. No admet un formulari principal d'un registre relacionat, com ho faria un diàleg de formulari principal o un component de formulari. Les subfinestres de referència s'utilitzen quan es vol visualitzar ràpidament informació d'un registre relacionat.

Subfinestra de referència en un formulari principal

Actualment, podeu afegir un control de subfinestra de referència'utilitzant el dissenyador de formularis clàssic. A la pestanya Insereix, expandiu Seccions i, a continuació, Subfinestra de referència.

Afegir una subfinestra de referència a un formulari.

Activitats del compte amb el control de cronologia

A sota la subquadrícula de contactes es mostra el mur de cronologia d'activitats. El control de cronologia permet a un usuari visualitzar ràpidament la informació recent sobre les activitats que tenen un registre d'activitat associat al compte. Les activitats disponibles que es troben en una cronologia són correus electrònics, trucades telefòniques, notes, cites i tasques. Els usuaris també poden enviar correus electrònics nous, registrar trucades telefòniques noves i afegir notes de manera ràpida i fàcil des del control. Més informació: Configurar el control de cronologia

Control de cronologia en una subquadrícula de contacte

Pràctiques recomanades per treballar amb dades en un formulari principal

  • Si s'afegeixen requisits addicionals a les dades del formulari que no estan configurats a la taula, és important assegurar-se que les dades que es requereixen sempre siguin visibles i editables, — per exemple, un camp obligatori per a un usuari que es basa en una regla de negoci. Si es requereix un camp i es fa només de lectura, bloquejarà que els usuaris completin tasques i pot crear frustració i insatisfacció. Tot i que la plataforma del Power Apps admet els components amagats i només de lectura, és important saber que si un usuari desa dades en un formulari que inclou un camp obligatori que no es pot editar, es processarà l'opció de desar. D'aquesta manera, no s'impedeix a l'usuari de completar una tasca basant-se en un patró de disseny incorrecte.

  • Els camps amagats es poden utilitzar com a camps només de lectura i són útils per crear formularis amb moltes dades. No obstant això, s'aplica la mateixa precaució que quan es treballa amb els camps obligatoris: un camp obligatori no es pot amagar si pot ser nul en editar un registre. Les regles o esdeveniments de l'empresa es poden utilitzar per amagar o mostrar camps en un formulari; tanmateix, el formulari es comportarà de la mateixa manera que un camp de només lectura quan s'estigui desant. Els formularis basats en model sempre permetran l'opció de desar si un camp és obligatori però està amagat al formulari.

  • Si les dades han d'estar sempre disponibles, independentment de la pestanya on siguin, és vital afegir aquestes dades a la capçalera. És important saber que les capçaleres d'alta densitat de la Interfície unificada només mostraran fins a quatre camps només de lectura. No obstant això, podeu utilitzar capçaleres d'alta densitat amb un desplegable per afegir camps addicionals que també permetin als usuaris editar camps. Amb això se simplifica l'experiència per accedir i editar ràpidament la informació que sempre voleu que estigui disponible sense més clics ni navegació addicional.

Creació de formularis de diverses entitats

A la secció anterior es proporcionen bons exemples de com treballar amb dades que estan directament relacionades amb un registre. Això no obstant, el que pot millorar l'eficiència és treballar amb dades relacionades directament des del formulari principal, sense cap mena de navegació. Això fa que l'usuari es mantingui en el context i redueix la fricció i millora la satisfacció mitjançant l'agilitació d'experiències, en utilitzar un diàleg de formulari principal o un control de components de formulari.

Les seccions següents expliquen diversos escenaris per mostrar com crear formularis de diverses entitats d'alt rendiment. L'objectiu és simplificar les experiències d'usuari que redueixen els clics i la navegació innecessària i accelerar les tasques diàries que sovint requereixen que un usuari interactuï amb registres relacionats en un formulari principal. Els components del formulari utilitzats per a l'eficiència descrits aquí inclouen:

  • Diàleg de formulari principal.
  • Control de components de forma principal.
  • Formulari de creació ràpida.
  • Formulari de cerca ràpida.

Utilitzar un diàleg de formulari principal

L'ús d'un diàleg de formulari principal és potent quan necessiteu tenir accés als usuaris i, el més important, interactuar amb tota la informació d'un registre relacionat. Això inclou quan els usuaris necessiten treballar amb un flux del procés de negoci, accedir a totes les pestanyes o accedir a tots els registres relacionats al formulari. Això és important quan hi ha processos empresarials que impulsen requisits en un registre relacionat que cal seguir per garantir la integritat de les dades. Els usuaris necessiten accés a activitats de la cronologia o registres relacionats del registre secundari sense navegació addicional. Heu de tenir en compte que un diàleg de formulari principal es pot configurar directament des del control de cerca i es pot utilitzar a les barres d'ordres o amb JavaScript utilitzant l'API de client navigateTo. El diàleg es pot col·locar a l'esquerra, al mig o a la dreta de la pàgina com a superposició del diàleg modal. Més informació: Obrir el formulari principal en un diàleg mitjançant l'API de client

En aquest exemple, un usuari ha d'accedir al registre del contacte principal, actualitzar el número de telèfon, afegir una nota a la cronologia d'activitats i crear una cita nova des del formulari de contacte. Per simplificar aquesta experiència reduint els clics i la navegació innecessària, el control de cerca es configura per obrir el formulari principal de contacte com a diàleg. Aquest exemple mostra com el diàleg de formulari principal pot utilitzar formularis de creació ràpida del registre relacionat, incorporar registres duplicats i permetre a l'usuari interactuar plenament amb les dades del registre relacionat.

Diàleg del formulari principal per a la creació ràpida

Ús del control de component de formulari

Sovint, només heu d'editar informació d'un registre relacionat que no requereixi que l'usuari interactuï amb tot el formulari i no requereixi un flux del procés de negoci addicional, però no voleu donar als usuaris la possibilitat de navegar al formulari relacionat. Per aconseguir aquest escenari i simplificar l'administració de les dades en línia al formulari principal, podeu utilitzar un control de components de formulari. El control de components del formulari proporciona a l'usuari accés al registre relacionat, incloent-hi totes les seccions, els controls i els camps del formulari de registre relacionat. Els components de formulari també es poden utilitzar per a accions específiques amb formularis dissenyats només per a aquesta tasca. Un exemple d'això és l'experiència del Microsoft Dynamics Field Service Mobile. Els components de formulari s'utilitzen per administrar les ordres de treball i les tasques relacionades amb aquestes ordres de treball en un procés simplificat i més eficient.

Heu de tenir en compte que un control de components del formulari utilitzarà qualsevol formulari que hàgiu creat per al registre i mostrarà qualsevol incidència, incloent-hi la càrrega d'un formulari, el desament de dades o el canvi d'informació. També reassaltarà les regles de negocis i les accions del formulari, incloent-hi l'obertura d'un diàleg de formulari principal des d'una cerca (si heu configurat el formulari per treballar d'aquesta manera). També inclourà totes les regles de detecció de duplicats i les relacions entre elements principals i secundaris quan treballeu amb dades del component de formulari del registre relacionat. El component de control de formulari fomenta canvis que no s'han desat al formulari principal i notifica als usuaris quan cal un camp i si hi ha errors d'entrada de dades al component de formulari relacionat. Més informació: Editar registres de taula relacionats directament des del formulari principal d'una altra taula

En aquest exemple, un usuari edita la informació de contacte principal directament al formulari principal del compte i desplaça el formulari avall per crear una cita nova per al contacte principal sense sortir del formulari de compte.

Component de control de formulari utilitzat per crear una cita sense sortir del formulari principal

Ús de formularis de creació ràpida

Hi haurà moments en què voldreu crear una experiència on els usuaris puguin crear ràpidament registres sense navegació addicional ni clics. Un formulari de creació ràpida és una bona solució per a aquest problema. Es pot utilitzar en diversos escenaris, que inclouen crear cites a partir d'un mur de cronologia d'activitats, crear un contacte des d'una cerca si no es necessita un diàleg de formulari principal o crear ràpidament un registre com un compte o un contacte que no requereix relacions addicionals per a la integritat de les dades des d'una pàgina de visualització (opció + del menú de l'aplicació). Més informació: Crear o editar formularis de creació ràpida d'aplicacions basades en models per a una entrada de dades simplificada

A l'exemple següent, un usuari ha de crear ràpidament un client potencial mitjançant l'opció de menú + de la capçalera de l'aplicació.

Crear un registre de client potencial des de la visualització.

En aquest exemple, el formulari de creació ràpida s'utilitza per crear una cita per a un contacte des del mur de cronologia.

Crear una cita des del control de cronologia.

En aquest exemple, un usuari pot crear ràpidament una oportunitat a partir d'un formulari de registre d'oferta mitjançant un control de cerca.

Nota

Les taules d'oportunitats i ofertes necessiten una aplicació del Dynamics 365 Customer Engagement, com ara el Dynamics 365 Sales.

Crear un registre d'oportunitat a partir d'un registre d'oferta.

En molts escenaris, un usuari només ha de veure ràpidament la informació d'una taula relacionada sense haver d'interactuar amb ella. Per facilitar aquests escenaris, podeu utilitzar formularis de visualització ràpida. Un exemple d'on s'utilitza un formulari de cerca ràpida és la subfinestra de referència d'un registre principal. Això demostra la capacitat d'accedir a diversos registres relacionats sense haver de navegar a fora.

Nota

Tot i que s'anomena formulari de cerca ràpida, en principi és una visió només de lectura de les dades. Els usuaris no poden utilitzar aquest control per editar dades.

Més informació: Crear un formulari de visualització ràpida d'aplicació basada en model per visualitzar informació sobre una taula relacionada

Exemple de formulari de visualització ràpida

Ús d'opcions de visualització de formularis per simplificar formularis

Hi ha moltes vegades en què heu de crear una experiència que centri l'usuari en la tasca sense distracció addicional que pugui provocar ineficiència. Això és especialment important si treballeu amb taules i registres que tenen components globals, que es creen i s'afegeixen automàticament als formularis independentment de la tasca que intenteu crear. Tot i que proporciona una infraestructura que es pot compartir, és fàcil de crear i impulsa la coherència en una aplicació, de vegades proporciona una distracció innecessària.

Les opcions de visualització de formularis s'haurien d'utilitzar quan vulgueu reduir el nombre d'accions, centrar un usuari per completar una tasca i reduir el desordre eliminant components innecessaris. Els components que es poden suprimir d'un formulari inclouen la barra d'ordres, el cos de la capçalera, les pestanyes de formulari i el peu de pàgina del formulari.

Tots aquests tipus d'opcions només estan disponibles a través de l'API de client i les actualitzacions manuals de formxml. La manipulació manual de formxml pot provocar problemes en la importació de solucions si es fa incorrectament. Suprimiu amb cura els components de formulari globals en dissenyar el formulari.

Quan certs components estan amagats, com ara la barra d'ordres o la llista de pestanyes, això pot suprimir la navegació que pot ser necessària per completar una tasca. Assegureu-vos de tenir en compte aquests requisits en dissenyar el formulari mitjançant controls addicionals creats amb el marc de treball de components del Power Apps.

En aquest exemple, s'ha eliminat la barra d'ordres per reduir qualsevol acció innecessària quan es treballa amb un compte. La barra d'ordres normalment es mostraria de la manera següent.

Presentació de l'exemple de la barra d'ordres

Aquest formulari s'ha dissenyat per no necessitar la barra d'ordres i, per tant, el creador l'ha eliminat per mantenir l'usuari en la tasca. Més informació: setCommandBarVisible (referència d'API de client)

Formulari sense la barra d'ordres que es mostra en una aplicació

En aquest exemple, la capçalera s'ha eliminat per promoure un formulari dens que centra l'usuari en els detalls del registre. Només s'ha d'utilitzar si la capçalera no proporciona cap valor addicional o si mostra informació que no sempre ha d'estar disponible per a l'usuari. Més informació: setBodyVisible (referència d'API de client)

Formulari sense la capçalera que es mostra en una aplicació

En aquest exemple, les pestanyes s'han eliminat. Això pot ser útil quan creeu un formulari que només té una pestanya o voleu centrar l'usuari a la primera pestanya d'un formulari sense les distraccions de pestanyes addicionals que poden donar lloc a una pèrdua de productivitat per a una tasca concreta. Més informació: setTabNavigatorVisible (referència d'API de client)

Formulari sense les pestanyes que es mostren en una aplicació

En alguns escenaris en què voleu més densitat de dades i no utilitzeu ni necessiteu el peu de pàgina del formulari, podeu suprimir-lo fàcilment per proporcionar més dades i informació al formulari. Això també pot ajudar a generar coherència quan els usuaris es desplacen dels escriptoris digitals i de les pàgines de visualització en què els peus de pàgina no s'inclouen a la pàgina. En aquest exemple, el peu de pàgina de formulari s'ha eliminat per reduir el desordre i impulsar la densitat de dades. Més informació: setVisible (referència d'API de client)

Formulari sense el peu de pàgina que es mostra en una aplicació

Opció de visualització de formulari per utilitzar tot l'espai d'una pestanya

En molts escenaris, pot existir un formulari amb una pestanya i un únic control, i voleu que aquest control ocupi tot l'espai disponible dins del cos del formulari d'aquesta pestanya. Això es pot fer mitjançant l'opció de visualització del formulari que permet que el primer control d'una pàgina d'una pestanya ampliï l'alçada i l'amplada completes del formulari. Es té en compte tota la representació de reflux existent entre les mides de port de grans a petites, i es comporta com un formulari normal, tret que el control utilitza tot l'espai. En aquest exemple, l'aplicació Dynamics 365 Marketing admet una disposició de tota la pestanya per a l'experiència de recorregut del client. La barra d'ordres s'elimina per reduir encara més el desordre i assegurar que l'usuari se centri en la tasca d'administrar els recorreguts del client a l'aplicació. Més informació: setContentType (referència d'API de client)

Formulari amb disposició de pestanya completa

Passos següents

Dissenyar formularis per a augmentar el rendiment