Obtenga sitios web receptivos para el dispositivo MULTI, la experiencia del cliente de Omnichannel

Encontr una gran p¡gina web que le mostrar¡ c³mo se ve su sitio web en varios dispositivos a la vez. ¡Es genial! Ser­a muy ºtil asegurarse de que su sitio web se vea bien en dispositivos m³viles o tabletas.

Sitios webCenter: Mobility le permite crear sitios web para dispositivos m³viles. Este cap­tulo describe c³mo crear, copiar y editar los activos y las navegaciones de los sitios de sus sitios web m³viles, as­ como c³mo obtener una vista previa y aprobar sus sitios web m³viles para varios dispositivos. Incluye las siguientes secciones:

Introducci³n a los sitios de WebCenter: Movilidad

La movilidad le permite crear sitios web m³viles para varios dispositivos m³viles, como iPhone, iPad, Samsung Galaxy y BlackBerry. Puede crear un nuevo sitio web m³vil de la misma manera que cree un sitio web predeterminado para computadoras de escritorio / port¡til. Para ayudar a reducir su esfuerzo y tiempo de entrega del sitio, WebCenter Sitios tambin le permite copiar los activos de cualquier sitio web existente para su sitio web m³vil. Puede obtener una vista previa de su sitio web m³vil para que sepa c³mo se ver¡ su sitio en las pantallas de dispositivos m³viles cuando se publique.

Por ejemplo, la Figura 13-1 muestra la vista previa del activo de la p¡gina "Surfing" para el sitio de muestra de AVISPORTS que se muestra en la pantalla del dispositivo m³vil iPad 3GS (representado por un activo de dispositivo), ya que se ver­a En la pantalla de un iPad 3GS real si se public³ la p¡gina.

¿C³mo se representan los sitios web m³viles en la interfaz del contribuyente?

Un sitio web m³vil, como su sitio web predeterminado para ver los dispositivos de escritorio / port¡til, est¡ representado por un nodo de plan de sitio en el ¡rbol del sitio de la interfaz de colaboradores de sitios de WebCenter. Por ejemplo, la Figura 13-2 muestra el ¡rbol del sitio en el sitio de muestra AVISPORTS.

  • las consultas de medios son geniales, pero.
  • ¿Qu clases de dispositivos est¡ apuntando?
  • Enfoque # 1: Detecci³n del lado del servidor
  • Enfoque # 2: Detecci³n del lado del cliente
  • Decidir el cliente o el servidor
  • introduciendo dispositivo. S
  • Recomendaci³n: MVC con vistas espec­ficas del factor de formato
  • concluyendo

las consultas de medios son geniales, pero

Las consultas de los medios son incre­bles, una diancia para los desarrolladores de sitios web que desean hacer peque±os ajustes a sus hojas de estilo para dar una mejor experiencia para los usuarios en dispositivos de varios tama±os. Las consultas de medios esencialmente le permiten personalizar el CSS de su sitio dependiendo del tama±o de la pantalla. Antes de sumergirse en este art­culo, obtenga m¡s informaci³n sobre el dise±o receptivo y consulte algunos ejemplos finos de las consultas de medios de uso aqu­: MediaQueri. s.

A medida que Brad Frost se±ala en un art­culo anterior, cambiar la apariencia es solo una de las muchas cosas a considerar al construir para la web m³vil. Si lo ºnico que hace cuando construye su sitio web m³vil es personalizar su dise±o con las consultas de medios, entonces tenemos la siguiente situaci³n:

WebApps necesita m¡s que las consultas de medios

No me malinterpretes. No odio el dise±o receptivo a travs de las consultas de los medios, y definitivamente creo que tiene un lugar en el mundo. Adem¡s, algunas de las cuestiones mencionadas anteriormente se pueden resolver con enfoques, como im¡genes receptivas, carga din¡mica de script, etc. Sin embargo, en un punto determinado, es posible que se encuentre haciendo demasiados ajustes incrementales, y puede estar mejor al servicio de diferentes versiones.

Como la UIS que crea un aumento en la complejidad, y usted gravita hacia WebApps de una sola p¡gina, querr¡ hacer m¡s para personalizar UIS para cada tipo de dispositivo. Este art­culo le ense±ar¡ c³mo hacer estas personalizaciones con una cantidad m­nima de esfuerzo. El enfoque general consiste en clasificar el dispositivo de su visitante en la clase de dispositivo correcto y atender la versi³n adecuada a ese dispositivo, mientras que maximiza la reutilizaci³n del c³digo entre las versiones.

¿Qu clases de dispositivo est¡n dirigidas?

Hay toneladas de dispositivos conectados a Internet por ah­, y casi todos tienen navegadores. La complicaci³n se encuentra en su diversidad: computadoras port¡tiles de Mac, estaciones de trabajo de Windows, iPhones, iPads, telfonos Android con entrada t¡ctil, ruedas de desplazamiento, teclados, entrada de voz, dispositivos con sensibilidad a presi³n, relojes inteligentes, tostadores y refrigeradores, y muchos m¡s. Algunos de estos dispositivos son ubicuos, mientras que otros son muy raros.

Para crear una buena experiencia de usuario, debe saber quines son sus usuarios y qu dispositivos est¡n usando. Si construye una interfaz de usuario para un usuario de escritorio con un mouse y un teclado y d¡rselo a un usuario de telfono inteligente, su interfaz ser¡ una frustraci³n porque est¡ dise±ada para otro tama±o de la pantalla, y otra modalidad de entrada.

No puede acceder a MediaModifiercom

Este sitio web est¡ utilizando un servicio de seguridad para protegerse de los ataques en l­nea. La acci³n que acaba de realizar activ³ la soluci³n de seguridad. Hay varias acciones que podr­an desencadenar este bloque, incluido el env­o de una determinada palabra o frase, un comando SQL o datos mal formados.

¿Qu puedo hacer para resolver esto?

En este art­culo, UI Farm, una agencia de UI y UX, analiza el proceso que ha llevado a su nuevo flujo de trabajo para ofrecer soluciones web modernas. Al aplicar un uso sostenible y a prueba de futuro del dise±o web sensible, la granja de la UI logran sitios web de dispositivos multipactores en un entorno ¡gil.

Informaci³n de Borradores / Licencias

Diversi³n de los objetos de sincronizaci³n, los secuenciadores y el movimiento compartido para sincronizar mil telfonos m³viles para convertirse en parte del espect¡culo. Hecho por la escuela secundaria David McAllister para un evento en una escuela secundaria en California. Buen trabajo David!

ninguno

ninguno

ninguno
Utilizamos cookies
Utilizamos cookies para asegurarnos de que le brindamos la mejor experiencia en nuestro sitio web. Al utilizar el sitio web, usted acepta nuestro uso de cookies.
PERMITIR COOKIES.