¿Mejores prácticas para diseñadores web con diseños adaptativos o aplicaciones nativas? [Op-ed]

No se puede negar que el móvil es el futuro. Gracias a que Google confirma que se realizan más búsquedas en dispositivos móviles que en equipos de escritorio, es bastante claro que todos los sitios web deberían ser móviles si aún no lo han hecho..

Pero hay una dicotomía interesante entre el contenido del navegador a través de diseños sensibles y el contenido de la aplicación a través de aplicaciones nativas..

Me gustaría explorar ambas áreas y excavar hasta la raíz de cada elección. ¿Cuándo debería un sitio web ir con una aplicación nativa sobre un diseño receptivo? ¿Podría un sitio ejecutar ambos? Estas son preguntas vitales que deben plantearse con cada nuevo proyecto creativo de hoy..

Los valores de una aplicación nativa

La mayoría de los usuarios de teléfonos inteligentes confían en aplicaciones nativas para sus programas favoritos. Facebook, Twitter, Instagram y otros ejecutan sus propias aplicaciones nativas.

Dado que las aplicaciones nativas se ejecutan en el sistema operativo local, son muchas Más suave y más fácil de operar en lo que respecta a animación, diseño de IU y organización de contenido. Las aplicaciones nativas siguen las pautas de la interfaz de usuario manteniéndolas todas consistentes y naturalmente supuestas. Los usuarios a menudo simplemente saben cómo usar los menús deslizantes y las barras de pestañas.

Muchos editores importantes tienen aplicaciones en la tienda iOS y en la tienda Google Play que cubren blogs, aplicaciones web y redes sociales. Pero es justo decir sitios grandes como Facebook y Twitter Obtenga más valor de las aplicaciones nativas que los sitios más pequeños.

Este debate tiene opiniones de expertos y publicaciones importantes que ofrecen sus puntos de vista. Es un tema muy debatido tanto para diseñadores como para agencias creativas..

Pero el hecho es que las aplicaciones nativas son útiles y apreciadas por los usuarios finales. La única variable es decidir si su sitio web podría funcionar mejor como una aplicación móvil, o Si los usuarios quisieran uno.

Sitios web totalmente receptivos: Pros y contras

En un contexto general, el diseño web responsivo siempre es bueno. Los diseñadores web no están perdiendo nada al hacer que sus diseños sean totalmente adaptables y adaptables a cualquier pantalla.

Pero en el contexto de las aplicaciones nativas hay algunas consideraciones. en primer lugar Los sitios web receptivos están limitados al motor de renderizado del navegador.. En los teléfonos inteligentes, esto significa una animación limitada, sin Flash y la dependencia del motor de renderizado del navegador..

Las aplicaciones nativas pueden usar las funciones principales de un teléfono inteligente o tableta. Las bibliotecas de animación son mucho más poderosas de forma nativa. que CSS o JS renderizado en el navegador.

Lo mismo ocurre con los elementos de entrada en las formas, junto con la transmisión de datos y las preocupaciones de seguridad. Muchas personas prefieren usar la aplicación de Pinterest en el sitio web de Pinterest. Lo mismo ocurre con Flipboard, Dropbox, Feedly, Gmail o cualquier otro servicio web importante.

Pero si esos sitios web deberían no ofrecer un diseño responsivo? Hay tres opciones:

1. Forzar a los usuarios de la web móvil a descargar la aplicación nativa
2. Ofrezca un diseño web móvil con un enlace opcional a la aplicación nativa
3. Simplemente ejecute el diseño web móvil separado de una aplicación nativa

Flipboard va con la segunda opción colocando un banner en la parte superior de cada página. Puede registrarse para obtener una cuenta de Flipboard directamente en el navegador Mobile Safari. Pero es mucho más fácil, rápido e intuitivo de usar la aplicación.

El sitio de noticias ZDNet ni siquiera menciona su aplicación móvil mientras visita Mobile Safari. Funciona igual que un diseño de respuesta típico con noticias y publicaciones destacadas.

La diferencia se encuentra en la experiencia del usuario. Determine qué es lo mejor para los usuarios y indicador de dónde viene la mayor parte del tráfico.

Recuérdalo Las aplicaciones móviles requieren tiempo para el diseño y la programación.. Ellos a menudo Requiere más trabajo que construir un sitio web. Si desea una aplicación para su sitio, asegúrese de que complemente su diseño receptivo lo suficiente como para proporcionar un valor real.

Escritorio primero o móvil primero?

Al diseñar para la web, ¿debería comenzar con el ancho más ancho o el ancho más pequeño? Es una pregunta que se hace con la frecuencia suficiente por parte de los autónomos y las grandes agencias creativas por igual..

Una opinión muy popular es el primer enfoque móvil que fue popularizado por el libro de Luke Wroblewski. Este método considera mejora progresiva que comienza con lo básico y aumenta la funcionalidad para los entornos que pueden manejarlo.

Alternativamente, otros diseñadores se inclinan hacia el primer enfoque de escritorio que oscila desde “móvil primero” a “móvil, también”.

Esta estrategia funciona al planificar primero todas las funciones que desearía en un monitor de escritorio de tamaño completo. Luego, a partir de esa idea, se reducen gradualmente las funciones, se definen puntos de interrupción y, finalmente, se llega al diseño más pequeño para teléfonos inteligentes..

¿Hay una respuesta correcta aquí? En caso de que los diseños con capacidad de respuesta comiencen con las pantallas más pequeñas, o sean móviles, es un concepto obsoleto.?

El único inconveniente de elegir uno sobre el otro es potencialmente características que faltan. Comenzando con el móvil puedes omite características u olvídese de agregarlas en resoluciones más grandes. A partir del escritorio puede diseñar diseños que sentirse demasiado lleno en el móvil.

Sin embargo, ninguno es correcto o incorrecto. Elija el flujo de trabajo que más le convenga. Simplemente no tenga miedo de hacer cambios importantes si pudieran mejorar el diseño.

Lo mejor de ambos mundos

La creación de un sitio web totalmente sensible que se ejecute en cualquier pantalla probablemente saciará a la mayoría de los lectores. Así que si ya tienes un diseño responsivo., ¿Debería molestarse con una aplicación móvil??

Como se encuentra en esta gran pieza de Modo Labs, la respuesta se reduce a experiencia de usuario. No hay una respuesta definitiva absoluta. Se trata de qué método ofrece la mejor forma de consumo para tu proyecto especifico en un dispositivo móvil. ¿Tus usuarios quieren una aplicación móvil? O es un sitio web más que suficiente?

El blog de noticias de tecnología TechCrunch tiene un diseño receptivo y una aplicación móvil gratuita, ambas por una buena razón. Su sitio recientemente cubrió una historia que confirma que las personas en los Estados Unidos pasan más tiempo en aplicaciones que viendo televisión..

Pero, ¿y si alguien enlaza con TechCrunch en Twitter? Si alguien hace clic en ese enlace en su iPhone, se abrirá Mobile Safari porque es un enlace HTTP. Aquí es donde el diseño sensible es útil porque no todos quieren tu aplicación.

Por supuesto, algunos usuarios aún desean visitar su sitio y es posible que prefieran visitarlo sin verse obligados a descargar una aplicación, de forma gratuita o no..

Trabajar sobre una base por proyecto

La mejor respuesta para el debate entre la aplicación receptiva y la aplicación nativa es evaluar cada proyecto y decidir qué es lo mejor en cada caso.

Desde mi experiencia diría que Las redes sociales y los sitios web interactivos se benefician más de las aplicaciones nativas.. Tanto Android como iOS tienen grandes marcos para crear aplicaciones que pueden conectarse a API, enviar consultas de bases de datos y funcionar de forma más limpia que una página web.

Y las IU de aplicaciones nativas se representan como software, por lo que no necesita preocuparse por las propiedades de CSS o las limitaciones del navegador. Esto es enorme para plataformas que necesitan usuarios para iniciar sesión y realizar interacciones detalladas.

Pero los sitios web de negocios en general, como los de los restaurantes, suelen funcionar mejor con diseños sensibles, especialmente teniendo en cuenta la cantidad de trabajo necesario para crear una aplicación nativa..

Los blogs y las revistas digitales son un área gris. Las aplicaciones nativas funcionan bien para algunas, pero no son necesarias para otras. Generalmente depende de tu tamaño del mercado y audiencia (es decir, gente con conocimientos de tecnología).

Al lanzar una nueva publicación en Internet hay mucho que considerar. Si estás empezando, te recomiendo crear primero un sitio web. A partir de ahí, será más fácil concluir si una aplicación nativa valdría la pena..

Terminando

Debería ir sin decir que cada Sitio web moderno se beneficia de ser receptivo. Tanto si desea compilar una aplicación nativa como si no, el diseño de su sitio debe ser adaptable y adaptable a cualquier tamaño de pantalla. No hay inconveniente y proporciona una página de inicio estable para usuarios móviles que están en aumento..

Algunos sitios web pueden ofrecer un enlace de descarga de la aplicación para los visitantes móviles. Estos pueden ser productivos y útiles para comercializar la plataforma móvil de su sitio web. Pero a veces vale la pena ofrecer esto. como una alternativa en lugar de un mandato.

Recopile los comentarios de los usuarios si es posible y mida las opiniones en una aplicación móvil. Trate de aprender lo que sus visitantes realmente piensan de una aplicación móvil nativa y basar sus decisiones en futuras investigaciones.