amp-web-push-widget button.amp-subscribe { display: inline-flex; align-items: center; border-radius: 5px; border: 0; box-sizing: border-box; margin: 0; padding: 10px 15px; cursor: pointer; outline: none; font-size: 15px; font-weight: 500; background: #4A90E2; margin-top: 7px; color: white; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .amp-logo amp-img{width:190px} .amp-menu input{display:none;}.amp-menu li.menu-item-has-children ul{display:none;}.amp-menu li{position:relative;display:block;}.amp-menu > li a{display:block;} /* Inline styles */ span.acss63b7a{color:#ba1111;} .icon-widgets:before {content: "\e1bd";}.icon-search:before {content: "\e8b6";}.icon-shopping-cart:after {content: "\e8cc";}

Diseño de páginas web responsivas, ejemplos de lo que no debemos hacer

El diseño responsivo sabemos que es imprescindible actualmente, eso porque la navegación desde celular es la más recurrida y porque se realiza en todo momento y en todo lugar. Pero lo responsivo en material de diseño de páginas webs también puede tener errores que es necesario evitar a toda costa.

  • Que tu diseño sea muy complejo

Si bien es cierto en las tendencias de diseño web tenemos el brutalismo o la onda noventera, es primordial revisar que estos estilo se vean bien en celular, eso porque puede que una tipografía brutalista con gran formato y en negritas luzca genial en tu laptop o PC, pero si en tu Smartphone esto abarca toda la pantalla, bueno, la responsividad no se cumplirá o se verá afectada.

 

  • Que tu diseño sea pesado y cargue lento

A todos nos pasa, entramos a un sitio y si este no se despliega en segundos lo cerramos, eso porque a pesar de que pasamos y hasta perdemos tanto tiempo en el celular, odiamos que este sea esperando a que un sitio se abra. Si tu diseño noventero es bien retro y “cool”, no lo verá quien lo visite desde su celular y prefiera cerrarlo por lento.

  • Que tu diseño no ponga en primer lugar al usuario

De hecho, mencionamos tanto al usuario porque el diseño debe reflejar tu imagen, ser fiel a tu empresa y representarla bien pero, en el diseño web responsivo también debe tener en primer lugar conjuntamente al usuario, eso porque será fallido el diseño si resulta fiel a nuestra imagen y marca, pero no útil y navegable para quien nos visita.

Te mostramos ejemplos de lo que SI es recomendable hacer

vleeko

Entradas recientes

Por qué el contenido artesanal vuelve a ser clave frente a la IA en 2026

Por qué el contenido artesanal vuelve a ser clave frente a la IA en 2026…

2 semanas hace

El error más común al empezar a anunciarse en internet

El error más común al empezar a anunciarse en internet Muchos negocios creen que la…

2 semanas hace

Por qué tus anuncios funcionan al inicio… y luego dejan de hacerlo

Por qué tus anuncios funcionan al inicio… y luego dejan de hacerlo Esto pasa todo…

2 semanas hace

Cuándo Google Ads deja de ser gasto y se vuelve inversión

Cuándo Google Ads deja de ser gasto y se vuelve inversión Google Ads es gasto…

2 semanas hace

Por qué tener muchos mensajes no significa vender más

Por qué tener muchos mensajes no significa vender más Recibir muchos mensajes se siente bien……

2 semanas hace

Cómo ver si tu competencia se anuncia

Cómo ver si tu competencia se anuncia  Muchos empresarios creen que la competencia es un…

2 semanas hace