{"id":3067,"date":"2023-05-10T16:27:59","date_gmt":"2023-05-10T14:27:59","guid":{"rendered":"https:\/\/www.sarpanet.es\/es\/?p=3067"},"modified":"2026-10-12T15:19:02","modified_gmt":"2026-10-12T13:19:02","slug":"los-principios-del-diseno-web-para-dispositivos-moviles","status":"publish","type":"post","link":"https:\/\/www.sarpanet.es\/es\/los-principios-del-diseno-web-para-dispositivos-moviles\/","title":{"rendered":"Los principios del dise\u00f1o web para dispositivos m\u00f3viles"},"content":{"rendered":"<p>Abre la web de tu empresa en el m\u00f3vil y ponte en el lugar de alguien que acaba de encontrarte. \u00bfEntiende qu\u00e9 haces? \u00bfPuede leer sin ampliar la pantalla? \u00bfSabe c\u00f3mo pedirte informaci\u00f3n? Si alguna respuesta es \u00abno\u00bb, el problema no se arregla solo haciendo los elementos m\u00e1s peque\u00f1os.<\/p>\n<p>Dise\u00f1ar para m\u00f3vil significa decidir qu\u00e9 debe ver y hacer primero una persona que tiene poco espacio, quiz\u00e1 una conexi\u00f3n lenta y una pregunta concreta. Estos son los puntos que revisamos al preparar una web para un negocio.<\/p>\n<h2>El mensaje importante debe verse pronto<\/h2>\n<p>La primera pantalla deber\u00eda explicar el servicio principal, a qui\u00e9n ayudas y d\u00f3nde trabajas. Si alguien busca una empresa en Torrelavega o Cantabria, no le hagas recorrer varias secciones para descubrir si puedes atenderle. Un t\u00edtulo claro y una forma visible de contactar valen m\u00e1s que una animaci\u00f3n que tarda en aparecer.<\/p>\n<p>Esto no obliga a meter todo el contenido arriba. Basta con dar contexto y un siguiente paso. Los detalles, ejemplos y preguntas frecuentes pueden ir despu\u00e9s, en un orden f\u00e1cil de seguir.<\/p>\n<h2>La navegaci\u00f3n debe dejar elegir sin pelearse con ella<\/h2>\n<p>Un men\u00fa m\u00f3vil tiene poco espacio. Agrupa los servicios con nombres que un cliente entienda, evita listas interminables y comprueba que el bot\u00f3n para abrirlo sea f\u00e1cil de encontrar. Quien busca <a href=\"https:\/\/www.sarpanet.es\/es\/mantenimiento-y-seguridad-wordpress\/\">mantenimiento WordPress<\/a> no deber\u00eda tener que adivinar que est\u00e1 escondido bajo una etiqueta creativa.<\/p>\n<p>Los enlaces y botones deben separarse lo suficiente para pulsarlos con el dedo. Tambi\u00e9n tienen que funcionar con teclado y mostrar con claridad qu\u00e9 opci\u00f3n est\u00e1 abierta.<\/p>\n<h2>Textos legibles y formularios breves<\/h2>\n<p>Usa p\u00e1rrafos cortos, subt\u00edtulos que anticipen la respuesta y contraste suficiente entre texto y fondo. No reduzcas la letra solo para que quepa una frase larga. Es preferible reescribirla.<\/p>\n<p>El formulario merece una prueba completa en m\u00f3vil: escribir en cada campo, aceptar la privacidad, enviarlo y ver la confirmaci\u00f3n. Pide los datos que necesitas para responder, no una ficha interminable antes de la primera conversaci\u00f3n.<\/p>\n<h2>Im\u00e1genes que aportan sin frenar la carga<\/h2>\n<p>Una buena imagen puede mostrar tu trabajo o aclarar un servicio. Una imagen que solo rellena espacio puede empujar lo importante demasiado abajo. Elige formatos y tama\u00f1os adecuados, y comprueba c\u00f3mo se recortan las fotograf\u00edas en una pantalla estrecha.<\/p>\n<p>La velocidad depende de m\u00e1s cosas que de las im\u00e1genes: estilos, scripts, alojamiento y cach\u00e9 tambi\u00e9n influyen. Por eso hay que medir antes de retirar piezas o instalar otro plugin que promete arreglarlo todo.<\/p>\n<h2>La prueba final se hace con una tarea real<\/h2>\n<p>No basta con mirar una vista previa en el ordenador. Abre la web en un tel\u00e9fono y trata de hacer lo mismo que har\u00eda un cliente: encontrar un servicio, entender qu\u00e9 incluye y enviar una consulta. Rep\u00edtelo con una conexi\u00f3n menos r\u00e1pida y en m\u00e1s de un tama\u00f1o de pantalla.<\/p>\n<p>Si la persona se pierde, revisa primero el mensaje, la navegaci\u00f3n y el contacto. Despu\u00e9s ajusta los detalles visuales. El objetivo es que la web resulte f\u00e1cil de usar y ayude a iniciar una conversaci\u00f3n, no ganar una discusi\u00f3n sobre p\u00edxeles.<\/p>\n<p>Si est\u00e1s pensando en una web nueva o en mejorar la actual, en Sarpanet <a href=\"https:\/\/www.sarpanet.es\/es\/diseno-web-cantabria\/\">dise\u00f1amos p\u00e1ginas web para pymes y profesionales de Cantabria<\/a> con el m\u00f3vil como parte del proceso desde el principio. <a href=\"https:\/\/www.sarpanet.es\/es\/contacto\/#escribenos\">Cu\u00e9ntanos qu\u00e9 necesitas<\/a> y revisamos contigo el siguiente paso.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Qu\u00e9 revisar en la versi\u00f3n m\u00f3vil de una web de empresa: mensaje, navegaci\u00f3n, textos, formulario, im\u00e1genes y una prueba real antes de publicar.<\/p>\n","protected":false},"author":1,"featured_media":3068,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[34,40],"tags":[],"class_list":["post-3067","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-emprendimiento","category-wordpress"],"_links":{"self":[{"href":"https:\/\/www.sarpanet.es\/es\/wp-json\/wp\/v2\/posts\/3067","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sarpanet.es\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sarpanet.es\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sarpanet.es\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sarpanet.es\/es\/wp-json\/wp\/v2\/comments?post=3067"}],"version-history":[{"count":3,"href":"https:\/\/www.sarpanet.es\/es\/wp-json\/wp\/v2\/posts\/3067\/revisions"}],"predecessor-version":[{"id":5250,"href":"https:\/\/www.sarpanet.es\/es\/wp-json\/wp\/v2\/posts\/3067\/revisions\/5250"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.sarpanet.es\/es\/wp-json\/wp\/v2\/media\/3068"}],"wp:attachment":[{"href":"https:\/\/www.sarpanet.es\/es\/wp-json\/wp\/v2\/media?parent=3067"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sarpanet.es\/es\/wp-json\/wp\/v2\/categories?post=3067"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sarpanet.es\/es\/wp-json\/wp\/v2\/tags?post=3067"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}