La eterna duda, la eterna discusión. Que será mejor: ¿Web responsive? ¿Web móvil? Cada una tiene sus ventajas e inconvenientes. La acogida del diseño responsive ha sido brutal y hay que tener cuidado, aquí tienes algunos consejos.

Hacer una web responsive está de moda. Y como todas las modas, la mayor parte de gente lo hace sin saber exactamente porqué.

Las opciones para ofrecer nuestra web a los usuarios que nos visitan desde dispositivos móviles son varias: web móvil, app nativa y web responsive. Cada una tiene sus pros y sus contras y a priori, la que más fuerza está cogiendo es la web responsive por un tema sencillo: es la más barata y rápida. Y no por ello la más sencilla, que podría parecer que si.

Esta técnica ha modificado totalmente la forma en la que se diseña. Ha modificado el patrón. Ya no solo esta técnica sino que realmente el propio usuario y sus hábitos de navegación y consumo ha cambiado las reglas.

No me voy a meter demasiado en porque el diseño responsive es la mejor opción de todas que para mi están claras, sino que vamos a hablar de algunas cosas que debes saber y tener bien claras antes de decidirte por esta opción. Como ya explicamos en los consejos para mejorar el SEO móvil de tu web, el propio Google, recomienda el diseño responsive antes que crear una página web móvil completa. Los motivos son claros y los compartimos en su totalidad: la experiencia de usuario mejorará considerablemente, evitamos posibles problemas de contenido duplicado y le damos al usuario una imagen consistente.

Sin embargo, aunque Google lo recomiende, puede que tu web no tenga que tener un diseño responsive. Por ejemplo, si tienes una landing page y estás totalmente centrado en conversión, puede que necesites un diseño totalmente diferente en móvil y esta técnica por lo tanto no encaje ya que quieres mostrar otra información.

Algunos puntos que debes tener muy en cuenta antes de hacer tu web responsive.

Carga de página

Uno de los grandes problemas que nos encontramos cuando hacemos una auditoría es que en los diseños responsive no se diferencia a nivel de servidor la carga de elementos. Esto es un gran problema en la carga de página ya que al hacer la web responsive se cargan exactamente los mismos recursos que para tu web de escritorio.

Para solucionarlo, trata de utilizar librerías que te permitan hacer una carga de página condicional, evitando cargar recursos innecesarios cuando la gente te visita desde móvil.

Ojo con los tamaños de pantalla

Hay que tener mucho cuidado a la hora de diseñar. Se recomienda diseñar con el patrón mobile-first para evitar tener problemas de adaptación con las pantallas y evitar sobrecargar la página de elementos inútiles. La gran cantidad de dispositivos y pantallas que existen en el mercado hace que tengamos que tener muy en cuenta tamaños de contenido fluidos y no estáticos para evitar que haya usuarios que no vean bien nuestro contenido.

Recomendado: Guía para el desarrollo web móvil (inglés)

Evita los efectos

Algunos de los efectos que usas en la web de escritorio no funcionarán en la web responsive. Esto es vital, ya que si no haces una comprobación multi dispositivo-plataforma puede que te encuentres que sorprendentemente el tiempo por visita desde móvil es extrañamente bajo. Esto pasa mucho, por ejemplo, cuando el “leer más” de una noticia aparece en el hover. El hover no existe en móvil por lo que el usuario no podrá continuar su visita.

No olvides medir, medir y medir continuamente para detectar posibles fugas y fallos de rendimiento en la navegación móvil.

Ten en cuenta todas estas cosas antes de lanzarte, así como el diseño responsive mejora la experiencia de usuario, como hemos visto, no siempre tiene que ser así.

¡¡ SUSCRIBETE !! para recibir nuevos artículos en tu correo electrónico

pensamientos de 50 \"3 puntos a tener en cuenta a la hora de hacer tu web responsive \"

  1. This is very interesting, You are a very skilled blogger. I’ve joined your rss feed and look forward to seeking more of your magnificent post. Also, I’ve shared your web site in my social networks!

  2. Thank you for every other wonderful article.
    Where else may anyone get that kind of info in such an ideal approach of
    writing? I have a presentation subsequent week, and I’m on the search
    for such information.

  3. Hey there! This post couldn’t be written any better!
    Reading through this post reminds me of my previous room mate!
    He always kept chatting about this. I will forward this write-up to him.

    Pretty sure he will have a good read. Many thanks for sharing!

  4. Interesting blog! Is your theme custom made or did you download
    it from somewhere? A design like yours with a few simple
    adjustements would really make my blog shine. Please let me
    know where you got your design. Bless you

  5. Write more, thats all I have to say. Literally, it seems as though you
    relied on the video to make your point. You clearly
    know what youre talking about, why throw away your
    intelligence on just posting videos to your weblog when you
    could be giving us something informative to read?

  6. Admiring the time and effort you put into your
    website and detailed information you present. It’s great to come across a blog
    every once in a while that isn’t the same old rehashed material.
    Great read! I’ve saved your site and I’m adding your RSS feeds to my Google account.

  7. I believe everything published made a lot of sense.
    But, think about this, what if you added a little content?
    I am not suggesting your content is not good., however what if you added a title that grabbed a person’s attention? I mean 3 puntos a tener en cuenta a la hora de hacer tu web responsive – AmaviEducaNet is a little plain. You should peek at Yahoo’s home page and watch how they create article headlines to get viewers interested.
    You might try adding a video or a related picture
    or two to get people interested about what
    you’ve got to say. Just my opinion, it might make your website a little livelier.

  8. Hey there outstanding website! Does running a blog like this take a massive amount work?
    I’ve absolutely no expertise in programming but I had been hoping to start my own blog in the near future.
    Anyway, if you have any ideas or techniques for new blog owners please share.
    I understand this is off subject but I simply wanted to ask.
    Appreciate it!

  9. When I originally commented I clicked the “Notify me when new comments are added” checkbox and now
    each time a comment is added I get three e-mails with the
    same comment. Is there any way you can remove people from that service?

  10. Quest bars cheap fitnesstipsnew1 quest bars cheap 516999410492780544 quest bars cheap
    Thank you a lot for sharing this with all people you actually realize what you’re speaking
    approximately! Bookmarked. Kindly additionally visit my site =).
    We could have a hyperlink alternate contract between us
    quest bars cheap fitnesstipsnew1 quest bars cheap 516999410492780544 quest bars

  11. Does your blog have a contact page? I’m having problems locating it but, I’d like
    to send you an email. I’ve got some suggestions for your blog you
    might be interested in hearing. Either way, great site and I look forward
    to seeing it improve over time.

  12. I’m really enjoying the theme/design of your blog. Do you ever run into any
    browser compatibility issues? A handful of my blog audience
    have complained about my site not operating correctly
    in Explorer but looks great in Chrome. Do you have any ideas
    to help fix this problem?

  13. I absolutely love your blog and find a lot of your
    post’s to be what precisely I’m looking for.
    Does one offer guest writers to write content for yourself?

    I wouldn’t mind writing a post or elaborating on many of the
    subjects you write related to here. Again, awesome blog!

  14. We are a group of volunteers and starting a new scheme
    in our community. Your web site provided us with valuable info to work on. You’ve done an impressive job and our whole community will be grateful to

  15. I do not know whether it’s just me or if perhaps everybody else encountering issues with your site.
    It appears as if some of the written text within your content are running
    off the screen. Can someone else please comment and let me know if this is happening
    to them too? This may be a issue with my web browser because I’ve had this happen previously.

  16. Please let me know if you’re looking for a writer for your site.
    You have some really great articles and I feel I would be a good asset.
    If you ever want to take some of the load off, I’d really like to write some content for your blog
    in exchange for a link back to mine. Please send me an e-mail if interested.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *