Pautas de visualización de la experiencia del usuario

Recomendamos a nuestros integradores que sigan nuestras pautas de visualización al presentar ORCID dentro de sus sistemas.

Usando el ORCID iD los iconos, botones y estilo ayudan a construir una coherencia ORCID experiencia del usuario en diferentes integraciones.

Presentamos: ORCID

Es posible que sus usuarios no estén familiarizados con ORCID y los servicios que ofrecemos. Dar una breve introducción a ORCID y un enlace adjunto al sitio web (ORCID.org) puede ayudar a romper el hielo.

Ejemplo ORCID introducciones

ORCID proporciona un identificador persistente, un ORCID iD - que le distingue de otros investigadores y un mecanismo para vincular los resultados y actividades de su investigación con su iD.

Conoce más en ORCID.org

ORCID es una organización independiente sin fines de lucro que proporciona un identificador persistente, un ORCID iD - que le distingue de otros investigadores y un mecanismo para vincular los resultados y actividades de su investigación con su iD. ORCID está integrado en muchos sistemas utilizados por editores, patrocinadores, instituciones y otros servicios relacionados con la investigación.

Conoce más en ORCID.org

Viendo ORCID identificaciones

Un requisito común del integrador es mostrar un ORCID iD en un párrafo de texto, un elemento clave en una lista de servicios o como un enlace de membresía en una página de perfil.

ORCID proporcionar 3 diferentes iD formatos de visualización para una máxima flexibilidad al integrarse con su sitio o aplicación.

ORCID iD formatos de visualización

1. comercial ORCID iD
2. Compacto ORCID iD
3. En línea ORCID iD

An ORCID iD consta de dos elementos:

• El ORCID iD ícono
• El ORCID iD texto

Notas

• No permitimos referencias a autorizadas ORCID identificaciones sin an ORCID iD ícono
• An ORCID iD (icono y texto) solo debe vincularse a uno ORCID registrar URL
• Utilice solo el ORCID iD Icono de autenticado ORCID identificaciones

comercial ORCID iD

El lleno ORCID iD muestra el iD ícono antes una completa ORCID registrar URL. Este es el formato preferido para enlaces a ORCID Records.

¿Por qué utilizar un ORCID ¿identificación?

• Viendo el completo ORCID iD La URL ayuda a los robots de los motores de búsqueda y a los rastreadores a reconocer iD como una URL que se puede resolver.
• Una URL completa es fácil de copiar, hacer referencia o vincular a la URL y compartirla con otros.
• El uso del patrón de URL familiar refuerza que ORCID Los iD son tanto un enlace persistente como un identificador persistente.
• El protocolo https genera confianza en la seguridad y privacidad de ORCID identificaciones

Cuándo usar el ORCID iD formato

• ORCID iD se muestra solo o en una lista de enlaces
• hay suficiente espacio para mostrar la totalidad ORCID iD

HTML de ejemplo

<a href="https://orcid.org/0000-0001-5727-2427">
<img alt="ORCID logo" src="https://info.orcid.org/wp-content/uploads/2019/11/orcid_16x16.png" width="16" height="16" />
https://orcid.org/0000-0001-2345-6789
</a>

Compacto ORCID iD

Una versión abreviada del ORCID iD que muestra el iD icono antes de los 16 dígitos ORCID identificador.

Cuando usar el compacto ORCID formato

• desea hacer referencia a un ORCID grabar pero necesita un formato más corto / más pequeño
• tiene un espacio limitado disponible para colocar el ORCID iD aquí

HTML de ejemplo

<img alt="ORCID logo" src="https://info.orcid.org/wp-content/uploads/2019/11/orcid_16x16.png" width="16" height="16" />
0000-0001-2345-6789
</a>

En línea ORCID iD

El formato más simple para mostrar un enlace a un ORCID grabar. los ORCID iD se muestra el icono después de el nombre del titular del registro, una frase corta o un fragmento de oración.

El ORCID iD El icono debe estar vinculado a la URL completa del ORCID registro. Opcionalmente, el texto anterior se puede vincular al mismo registro.

Cuando usar el inline ORCID iD formato

• cuando el enlace para grabar es parte de una oración o párrafo ("... información actualizada recientemente sobre Susan Gerhard ORCID grabar (identificación)")

HTML de ejemplo

… recently updated works on <a href="https://orcid.org/xxxx-xxxx-xxxx-xxxx">Susan Gerhard's ORCID record <img alt="ORCID logo" src="https://info.orcid.org/wp-content/uploads/2019/11/orcid_16x16.png" width="16" height="16" /></a>

Notas

• El ORCID iD El icono se puede escalar para que coincida con la altura de la línea del texto circundante.
• El ORCID iD El icono no debe mostrarse con un tamaño inferior a 16x16px.

El ORCID iD ícono

El ORCID iD Los iconos se pueden descargar desde el ORCID biblioteca de marcas.

Tallas

• 16 x 16px
• 24 x 24px
• 32 x 32px
• 64 x 64px
• 128 x 128px

Colores

• ORCID green
• Negro
• Blanco

Formatos

• PNG
• SVG

Notas

• Utilice el icono SVG escalable siempre que sea posible.
• El tamaño óptimo para el ORCID iD El icono es de 24 x 24 px. Si tiene espacio, use una versión más grande.
• El tamaño más pequeño, 16 x 16 px, solo debe usarse cuando el espacio es muy limitado.

Botones o enlaces que se conectan ORCID a través de OAuth

Utilice botones y enlaces para permitir que los usuarios inicien sesión fácilmente en ORCID a través de OAuth. El uso de OAuth garantiza que reciba la información correcta. ORCID iD, evitando errores que pueden ocurrir cuando los usuarios escriben manualmente sus ORCID identificador.

La URL incluida en su botón o enlace envía al usuario a ORCID y les pide que inicien sesión en su ORCID cuenta a través de OAuth. El inicio de sesión otorga permiso a su aplicación para acceder a su ORCID registro.

Estilo de botón y enlace

Botones y enlaces que se conectan a ORCID debería usar el ORCID iD icono. Asegúrese de que el texto del botón / enlace describa claramente lo que sucederá cuando se haga clic en él o se seleccione.

Ejemplos de botones

Ejemplos de enlaces

ORCID Pantallas de inicio de sesión de OAuth

ORCID Las pantallas de inicio de sesión de OAuth se pueden mostrar de varias formas:

• una ventana emergente de tamaño fijo
• una ventana modal de tamaño fijo
• un panel de ancho fijo dentro de la página

No admitimos formularios OAuth incrustados ni formularios contenidos en un iFrame.

Ventanas emergentes de tamaño fijo

Si está mostrando el inicio de sesión de OAuth en una ventana emergente, asegúrese de activar el evento por acción del usuario para evitar problemas con el bloqueador de ventanas emergentes. El método más simple para hacer esto es usar el JavaScript onclick() evento para activar el window.open() método.

Muestre siempre la URL de la página completa en una barra de direcciones de ventana emergente. Una URL legible ayuda a asegurar a los usuarios que la ventana o la página es genuina y que están donde esperaban estar.

Recuerde que su [redirección de llamada URI] (Enlace a la documentación) también se mostrará dentro de esta ventana emergente. Asegúrese de que su contenido y formato tengan el estilo y el tamaño adecuados.

Dimensiones de OAuth

• Dimensiones mínimas - 500px x 600px
• Dimensiones óptimas - 540px x 700px

Incluya siempre barras de desplazamiento verticales para ventanas emergentes o modales de tamaño fijo, ya que la altura del contenido de OAuth puede variar.

Completar el proceso de inicio de sesión de OAuth

Una vez que el usuario haya completado el proceso de inicio de sesión de OAuth, debe:

• cerrar la ventana de OAuth automáticamente
• proporcionar un botón de borrar para cerrar manualmente la ventana de OAuth

Proporcionar comentarios de que su registro se ha conectado

Deberá crear su propia página de redireccionamiento para enviar a los usuarios de regreso a su sitio después de la autenticación OAuth.

La página debe dejar en claro que su ORCID El registro se ha conectado correctamente y ahora se redirigirá automáticamente al servicio de envío.

Redireccionamiento de ejemplo