Envío erróneo o controvertido, por favor lee los comentarios.
Tras este titular tan poético se esconde toda una filosofía de trabajo en el diseño web que un buen diseñador no puede obviar; lo que conocemos como Responsive Web Design o Adaptive Web Design. Pero tranquilos, porque no vamos a meternos a nivel técnico en este asunto. Eso será en otro artículo, antes; vamos a conocer qué es esto del diseño web adaptativo así como algunos ejemplos creativos.
|
etiquetas: diseño , web , responsive , misedades , design
Si no estás acostumbrado a los móviles (lo utilizan muchas aplicaciones ahora), poco intuitivo sí que es.
#13 El problema de esa es que no se puede votar ni responder, por eso usaba la "grande" hasta que la jodieron Aunque había estado buscando la versión móvil, creía que era m.menéame.net y que ya no iba, gracias
Bueno, es un estilo sacado de wordpress y retocado (la web es wordpress solo algunas páginas). Y lo cierto es que cuando hice los cambios noté un aumento en el número de visitas, bueno, más que aumento, que aguantaban más en la web.
Por supuesto que no todo lo tengo adaptado, seguro que cualquiera que se ponga me saca tropecientos defectos, pero bueno, poco a poco (el foro en vez de adaptado cambia a un estilo para móviles), pero para no tener apenas idea de CSS3 y demás, pues me voy apañando
#16, ¿qué móvil tienes?
#19 symbian, ¿no? Te preguntaba por si fuera un móvil con resolución de pantalla especialmente baja, pero vamos, no es el caso. Lo mismo tu Opera Mini no es compatible con ese menú o algo, a saber.
Es mas, si los desarrolladores tuvieramos que traducir el 100% de nuestras conversaciones a nuestra lengua natal, el resultado seria de chiste.
#26 si puedes aclararme el motivo de poner la imagen te lo agradecería. Así intento mejorar lo que sea (y si es por el foro, es algo que tengo pendiente, lo que pasa es que como uso tapatalk siempre se me olvida que tengo que cambiar alguna cosilla allí). Ah, y tengo pendiente cambiar la cabecera
Las diferencias son bastantes minimas, pero si hay una diferencia, aqui lo explican muy bien:
teamtreehouse.com/library/build-a-responsive-website/introduction-to-r
De hecho en la especificacion de Bootstrap 2, podias especificar que una fila fuera "fluid" o no (row , row-fluid creo que era)
Bueno, si es para gente ajena al desarrollo y creación de páginas o aplicaciones web estaría bien el totum revolutum
Pero si es para un público más específico vinculado a ello, deja bastante que desear.
Mezcla y da a entender que el RWD es lo mismo que el AWD. Comete el error a estas alturas de usar la expresión rechazada expresamente "diseño web adaptativo" no se sabe si para referirse al "responsive" o al "adaptive".
Habla y mezcla desde puntos muy diversos como desde la perspectiva del uso de la web, desde el punto del la metodología para realizarza como desde el de la gestión/generación de contenidos y su presentación y distribución.
Así, conceptos como "mobile first", degradación elegante(¿no querría referirse a la mejora progresiva?) lo presenta como objetivos o el producto final cuando en realidad son metodologías o planteamiento del trabajo...
Pero todo lo anterior posíblemente esté errado por completo. Es sólo la opinión de un amater.
El concepto "responsive web design" engloba algo (bastante más) que dejar de usar tamaños fijos en los elementos (base de las veteranas páginas fluidas, porcentuales, adaptables...).
PD: Y si las webs tienen solo un 5% de visitas desde movil no vale la pena... todo depende de la temática de la web.
Que otras cosas engloba el responsive design aparte de anadir etiquetas @media, basarse en un diseno por columnas, css3 apoyado por _un minimo_ de js.... ?
Pero si quieres una "definición" (con lo que ello supone) el rwd (y también el awd):
Hace posible que tanto la forma (el continente) como el manejo de la información (el contenido) es la óptima y está adaptada para mostrase en el dispositivo que la demanda y para que éste (el aparato) la pueda manejar según sus capacidades.
O de otra forma: hacer lo más grata la experiencia al usuario con independencia de con qué o cómo visite la página. Y hacerlo con el mínimo de recursos o esfuerzos, tanto para el desarrollador como para el visitante y para su dispositivo.
El cómo o con qué herramientas ya dependerá de cada proyecto.
[*] Es el estándar de costumbre para el menú de opciones en las webs para móviles.
Con la definicion que das en principio no veo nada nuevo, pasame tu blog por privado si no te importa, que igual me interesa
Donde debería estar la cabecera con el menú sólo hay una zona gris sin texto, con un link que me devuelve de nuevo a portada, no hay menú.
Uso Opera Mini en un Nokia 5800 con Symbian 5ª edición.
Está en mi perfil de mnm, pero ¡qué c**+! Por una experiencia grata de usuario vamos a ahorrarte clicks innecesarios ksesocss.blogspot.com
Se me ha ido el dedo en el touchpad y te he votado negativo al anterior comentario, no me preguntes porque ...
De todas maneras, muy interesante el blog, es muy raro encontrar contenido tan detallado en espanol.
Siguiendo la conversacion, responsive design es otro termino que podemos anadir a los 10.000 que ya existen y se inventan cada dia,
al final todo se basa en adaptar la pagina a diferentes formatos y hacer la experiencia del usuario mas "grata".
Gracias
De todas formas, parece un problema de Opera y me va extremadamente lento (no carga ni la publicidad de AdSense y con muchos fallos ¿se conecta vía sus propios servidores, no? Porque también me dice "fallo de conexión en la red" en ajustes.
www.mozilla.org/en-US/styleguide/products/firefox-os/ (el primer logo que se muestra)
www.mozilla.org/en-US/styleguide/products/firefox-os/headers/ (para las cabeceras de las aplicaciones móviles)
#50 En mi caso los plugins de Wordpress. Por ejemplo tengo uno que cachea las páginas para que la web funcione más rápido... pero si activo el tema para movil las cachea mal y las confunde. La solución ahi sería desactivar ese plugin en páginas para móviles, pero haciendo eso la web iria mucho mas lenta en los moviles.
"3 of the Best WordPress Plugins to Make Your Site Mobile-Friendly" www.sitepoint.com/wordpress-mobile-plugins/
Y si desactivo el caché de las páginas, la web pasa de cargarse en 2 segundos a cargarse en 10 porque la base de datos del servidor va lenta.
De todas formas tarde o temprano tendré que añadir una versión movil como sea.
Luego nos preguntamos por qué la gente no sabe usar las interfaces... no es ningún misterio el porqué. El que quiera estilo, que se vaya a la peluquería.
Hasta pago y todo! Un lujo!
Dicho esto... creo que tal como se está entendiendo y usando el DWR es un desastre total, es una especie de parche de pobres o el recurso del gafapastas. En el primer caso, porque es totalmente delirante pensar que una web debe ser lo mismo "pero adaptado" en un PC que en un móvil, cuando los patrones de consumo y expectativas de información son completamente distintos. Y en el segundo, porque no deja de ser una "cosa chula para alucinar clientes".
El diseño responsivo parte de la base de que un mismo contenido debe poder mostrarse en varios dispositivos sin cambiar demasiado el patrón gráfico, simplemente ajustando el tamaño de las fotos/videos mediante JS y la posición de las cajas simplemente con CSS (o también con JS). Se trata de que un mismo o similar diseño pueda verse en horizontal grande, horizontal/vertical tablet y horizontal/vertical móvil.
En general, contemplo siempre dos escenarios distintos: el PC/tablet y el móvil. En el primer caso, tanto el diseño como la expectativa del usuario es prácticamente la misma: uso extenso, lento, continuo, amplio e informativamente completo, normalmente bajo wifi o cable lan. Las webs pueden ser todo lo espectaculares que se quiera, con todos los "aditamentos" que se necesiten o el cliente pueda pagar. Las pantallas de hasta 7" son suficientemente grandes como para presentar mucha información (dos/tres/cuatro columnas) incluso en el peor de los casos. Aunque en proyectos en los que hay "pasta" se pueden hacer CSSs para tablet vertical, generalmente se desecha porque casi nadie los usa así en navegación web (apenas en lectura de libros y PDFs). Sería ideal que fuese el nuevo equipo el que se adaptase a los millones de webs ya existentes... pero el griterío appleniano ha hecho que se tome en cuenta crear diseños ligeramente adaptados a tablets en tamaño. La estética metro ha dado el aldabonazo necesario para empezar a tomar en serio los botones grandes (tamaño dedo) y los colores planos, algo que por otra parte es viejuno (una moda adelantada a su tiempo que vuelve para solventar problemas; bienvenida sea).
En cuanto al móvil... pensar que simplemente con hacer una template responsiva hemos cumplido es simplemente no haber entendido nada. Es cierto que es más barato (apenas unas cuantas mediaquerys y un poquito de JS por aquí y otro CSS por allá, nada complicado) hacer una template adaptativa para movil y convencer al cliente de que hemos cumplido, obteniendo un cerito más en la factura... pero la realidad es que ni de lejos nos hemos acercado. El patrón de uso del móvil es rápido, concreto, poco pausado, de conveniencia. Normalmente, además, con tarifa de datos en vez de wifi, poca batería y (obvio) poca pantalla para leer, o muy incómoda.
Es por eso que un diseño adaptativo no es más que un mal parche para dos tipos de web que deben plantearse completamente distintas... no en cuanto a diseño, sino en cuanto a arquitectura de información, porque esa es la clave. Menos información, más selecta, mejor organizada y más focalizada en las preferencias del usuario; ha de ser más rápidamente searchable, más adaptable en contenidos y con herramientas de búsqueda más potentes que las webs no móviles. Hay menos tiempo, menos canuto de conexión, menos pantalla.... así que hay que ofrecer fórmulas rápidas de llegar a una información en vez de ofrecer todas las informaciones posibles.
Por supuesto, es solo mi opinión. Pero 15 años en el negocio te dá para haberle dado un par de vueltas al asunto
No necesitas JS para un diseño responsivo, los media queries CSS3 son suficientes para escalar las imágenes y adaptarlas.
Además el enviar un mismo HTML por página a todos los clientes (desktop y mobile) y un mismo archivo .css para todo el site web hace que sean cacheado por parte del navegador.
#14 ¿es que nadie usa "responsivo" como traducción de "responsive"?
#72 y la quiere "para ayer"
- Bueno y barato
- Bueno y rápido
- Barato y rápido