Construir un sitio web móvil es algo que depende del alcance del proyecto. Lo que necesita el sitio web, las características que tiene y la demografía que gira en torno al sitio. Si, el sitio web en sí mismo necesita su propia versión móvil o simplemente puede confiar en el uso de un desarrollo receptivo.
Si el sitio web es un blog simple, entonces el diseño receptivo es la mejor ruta para elegir. Sin embargo, si se trata de un sitio web comunitario masivo como Reddit, o si se trata de un foro enorme como Arstechnica, una aplicación nativa es más adecuada. Sin embargo, si se encuentra entre estos dos, entonces es un cambio entre ir por la ruta del diseño receptivo o conectar JavaScript con un sitio móvil completamente diferente.
Como desarrollador receptivo, encuentro que el diseño receptivo es un cambio de juego para la web en su conjunto. La forma en que interactuamos y consumimos contenido utilizando un diseño receptivo está cambiando la cara del panorama web en su conjunto.
- ¿Apus Launcher es una buena aplicación?
- Cómo entender el significado de extender e implementar en el desarrollo de Java / Android
- Cómo entender completamente ListView y GridView en el desarrollo de Android
- ¿Qué debo aprender primero, desarrollo de Android o algoritmos?
- ¿Qué herramientas necesito para el desarrollo de Android?
Mejores prácticas
- Simplifique la facilidad. No hagas pensar al usuario.
- Diseño receptivo en “pasos”
- Navegador cruzado y hacer pruebas de dispositivos reales
- No oculte características si está utilizando un diseño receptivo.
- Un dominio http://mob.mysite.com es útil, pero se está volviendo obsoleto.
- Use las funciones de SEO de iOS y las funciones de Apple Favicon.
- Para un sitio web compatible con Android, deberá crear su sitio en pasos que sean inteligentes, ya que Android tiene tantas orientaciones y tamaños de dispositivo diferentes.
Entonces mi respuesta será más sobre diseño receptivo.
Muchos diseñadores web cometen el error de saltar al diseño receptivo y cuando construyen un sitio en modo “receptivo”, eliminan funciones que son malas. El diseño receptivo es una base de código grande o un “@import (‘css / media.css’);” tipo de gancho Las características no deben eliminarse sino reestructurarse para cada “paso” de la versión receptiva de los sitios.
Tiendo a construir sitios receptivos de manera que puedas usar matemática aritmética simple para calcular cada paso. Por ejemplo, el Paso 1 en la base del código sería la versión “de escritorio grande” con, digamos, un contenedor de 1000 px. El paso 2 es la versión más pequeña, por lo que voy a restar 200 px de cada div de contenedor, contenedor y área de contenido. Entonces, el paso 2 tendría 800px de ancho en cada área principal del contenedor. Y así sucesivamente. Esta es una forma rápida de crear un sitio web receptivo. Luego, a partir de ahí, puede ajustar su sitio.
No vaya por debajo de 250px de ancho en ningún contenedor.
Puede lograr un diseño receptivo de varias maneras utilizando las consultas de medios de CSS3 y javascript .
Un dominio diferente es bueno, pero en mi opinión siento que, por ejemplo: http://mob.mysite.com se está volviendo obsoleto. En cambio, los usuarios no deberían tener que hacer un paso adicional para ver una versión móvil de un sitio. En cambio, debería haber una implementación de UX donde si un usuario está encendido, digamos un iPhone, se le solicita una subpágina que tiene dos opciones: “Ver sitio principal”, “Ver versión móvil”.
Pero incluso eso puede ser excesivo. Con un diseño receptivo, puede eliminar ambos pasos y hacer que sea conveniente para el usuario. Si su sitio web es una “aplicación web / aplicación móvil como instagram. Entonces desarrollar una aplicación nativa es la mejor manera, o crear una aplicación HTML-5 (que todavía está en sus etapas muy primitivas de desarrollo).
Aquí hay una lista de algunos buenos sitios receptivos.
- http://polygon.com/
- El borde
- Abduzeedo Design Inspiration & Tutorials |
- Daniel Eden
- Tema nocturno
- Regate – Popular
- http://www.thenextweb.com
Hay mucho más en mis marcadores, pero aquí hay algunos 🙂