Tecnología

Mashable presume de diseño Responsive y muy, muy social

·

Y vueltas al Responsive Web Design, o RWD, como empieza a ser también conocido en el mundillo. No he podido evitarlo: hoy Mashable ha estrenado rediseño, y lo ha hecho a lo grande, con un cambio total de look totalmente responsive que en mi opinión ha sido muy acertado y que convierte a Mashable en un gran ejemplo de esta filosofía de diseño, cada vez más de moda y cada vez con más casos de éxito que demuestran que este tipo de rediseños les funcionan a las grandes de los medios tecnológicos. Y eso solo puede significar una cosa: que cada vez más grandes en otros ámbitos -ya hay ejemplos en medios generalistas como el pionero, The Boston Globe- adoptarán un paradigma de diseño que sigo viendo como la solución perfecta para prácticamente cualquier sitio web de contenidos hoy en día.

En el rediseño Mashable ha puesto toda la carne en el asador, y la nueva versión de esta web no tiene prácticamente nada que ver con la antigua: todo cambia de disposición, y por poner un primer ejemplo, la Home abandona ese modelo blog que tenían hasta ahora todos los grandes de la tecnología para pasar a una disposición visualmente mucho más engañosa. Seguimos teniendo ante nosotros un blog, sí, pero la Home me recuerda a una especie de híbrido entre Pinterest y el relativamente reciente rediseño de Ars Technica, que eso sí, no adoptó un diseño Responsive (¡mal!).

Venga ese análisis.

En realidad el aspecto de la Home está totalmente dirigido al objetivo de Mashable: ir promocionando contenidos desde las ligas menores (“The New Stuff“, las últimas noticias) a primera división (“What’s Hot“), pasando por esa especie de primera división B que sería la columna central, (“The Next Big Thing“). ¿Cómo pasan las noticias de una a otra columna, que ocupa doble de espacio que la anterior? Fácil: por el número de veces que se comparten. Un curioso sistema en el que el editor ya no tiene tanto poder sobre el diseño de la Home, y en el que se cede a la comunidad lectora el protagonismo. Obviamente eso tiene sus pros y sus contras, y aunque supongo que en el fondo los editores de Mashable se cuidarán muy mucho de que ciertos contenidos estén en una u otra columna, ceder tanta relevancia a lo que la gente cree que es interesante acabará haciendo que Mashable se parezca más a un Digg de nueva generación y menos a un medio con personalidad propia. No digo que sea malo, cuidado, me parece una forma curiosa de enfocar un medio tecnológico. Lo que digo es que yo no hubiera tirado por ese camino. Por cierto, ese ingrediente de gamificación parece perder su peso al pasar a resoluciones de pantalla menores: a mitad de pantalla en mi 24” -algo que uso mucho como referencia en el comportamiento de una web responsive- nos quedamos con dos columnas únicamente, “New” y “Rising“. Se pierde por lo tanto la columna “What’s Hot” con las notis más compartidas y populares. En resoluciones “smartphone” también la columna “Rising” acaba desapareciendo, y nos encontramos únicamente con la ristra -scroll infinito, otra tendencia que tengo muy, muy apuntada en mi bloc de imprescindibles, btw- de últimas noticias, Curioso.

¿Qué hay de las singles? Pues el rediseño es aún más espectacular, porque han logrado evitar distracciones, apostar por el contenido, y presentarlo de una forma visualmente impecable. Imágenes más grandes, tipografías claras y elegantes, aire, aire, y una vez más, aire. Me encantan. A pantalla completa en mi monitor aparece a la derecha la columna con las noticias más populares (de nuevo con nosotros el “What’s Hot”), pero es que tenemos una sorpresa de última hora. Acaba el texto de la noticia y empiezan los comentarios, hasta ahí todo correcto. Pero cuando acaban los comentarios y uno esperaría encontrarse con el pie de página (¿footer.php, dónde estás?) aparece como por arte de magia la Home, que se acopla al final de la single y que lo hace además de una forma natural y elegante. Hasta que no lo ves en acción no lo entiendes, pero está claro que esa idea es súper interesante: los accesos a las páginas de inicio de cualquier medio son casi ridículos, así que si la montaña no va a Mahoma (si los usuarios no van a la Home), Mahoma irá a la montaña (tomad Home, lectores). Brillante, tanto por la forma como por el fondo.

La single, con la home que se acopla al final del artículo. Así, como quien no quiere la cosa. 

El funcionamiento de esas singles es espectacular, y de nuevo, con una claridad y una elegancia que destacan sobre todo lo demás. Hay mucho contenido, sí, pero está tan bien distribuido que no agota, no molesta. Y curiosamente, apenas vemos publicidad, algo sorprendente par un medio que seguramente ganaría mucho, mucho dinero de apostar por modelos más invasivos, molestos e incómodos. La apuesta por el lector es fantástica, y no puedo más que darles la enhorabuena por el resultado.

El otro apartado que destaca en ese rediseño es sin duda el de la integración de redes sociales. Mashable es probablemente el blog tecnológico que mejor ha aprovechado el tirón de las estos servicios. Han sabido integrar como nadie aquello de que compartir es vivir, y su obsesión por los Tweet me, los Like y los +1 ha dado muchos frutos: es un medio muy influyente y que no ha perdido esa personalidad divertida aunque para mi gusto algo díscola en contenidos. Incluso eso lo hicieron bien, porque dejaron de centrarse en tecnología para publicar contenidos más chorras y populistas que estaban destinados -como los botones sociales- a atraer más y más retweets, likes y +1’s.

Compartir es vivir, y Mashable lo deja claro. 

Esa vocación por lo social no solo no ha desaparecido, sino que se ha potenciado de una forma notable en el nuevo rediseño de Mashable, que además de seguir ofreciendo opciones para compartir sus posts en redes sociales por todos lados, ahora también incluye el llamado “Microcontent”, que no son más que pequeños párrafos, imágenes y otros elementos que se pueden compartir de forma independiente al post que contiene esos elementos. La implementación de esa acción de compartir microcontenidos es genial, aunque para mi gusto ese gusto por lo social acaba atragantándome un poco. Lo cual, de nuevo, no le quita su relevancia: en Mashable es raro que un artículo no se comparta en total más de 1.000 veces, así que su táctica funciona sin lugar a dudas.

Un detallito para el postre: el menú de navegación, que aparece en la parte superior, no me pega demasiado con el diseño, pero hay que admitir que funciona muy bien a nivel visual, y su ejecución también es rápida.  Cierto que en el nuevo Mashable el contenido visual es una de las claves -ya he comentado ese ramalazo Pinterest que se nota en el diseño- pero el menú de navegación debería ser en mi opinión uno de esos elementos minimalistas que están para lo que están: para acceder a secciones específicas de un site. Aquí lo tratan más como un camino más para llegar a contenidos destacados, y no a secciones genéricas, algo que no me va demasiado.

Sea como fuere, este es uno de los rediseños más bien llevados a cabo de todo lo que llevo visto últimamente. Comentaba Pete Cashmore en el anuncio oficial del rediseño que actualmente el 30% de los lectores de Mashable la leen desde dispositivos móviles, así que el salto a un modelo responsive parecía obligado. Esa dedicación a tablets y smartphones es clara en el rediseño, pero al contrario que sucedía con The Next Web -muy tablet, pero igualmente clara, elegante y visualmente fantástica- leer Mashable en una gran pantalla no perjudica la experiencia de usuario, y no nos hacen pensar que estamos ante un tablet de 24 pulgadas. Minipunto y punto para estos chicos. Chapeau.


Incognichollos

Esta es una selección con las mejores ofertas tecnológicas actualizadas casi diariamente, como expliqué aquí. Aunque estés en un post “antiguo” las ofertas son de última hora, los Incognichollos los actualizo aparte. Aprovecha, que no suelen durar mucho tiempo:

  • Xiaomi Mi A2 Lite: el telefonazo chollo por excelencia, 5,84 pulgadas, Snapdragon 625, 4 GB de RAM, 64 GB de capacidad, cámara dual 12+5 MP, batería de 4.000 mAh, sin NFC eso sí pero aún así triunfada. Atentos porque el modelo de 3 GB y 32 GB es impresionante en precio: 133,63 euros en Banggood con Banggood.
  • Consola PS4 Slim reacondicionada: la consola de 500 GB con un mando reacondicionada con la garantía de Amazon, está a 164,74 euros en Amazon Alemania gastos de envío incluidos, alucinante. Corred. Si queréis ir a más, la PS4 Pro de 1 TB nueva está a 316 euros en Amazon Francia gastos de envío incluidos.
  • iPhone Xr: el telefonazo de Apple en su modelo de 64 GB con el A12 Bionic y su pantalla de 6,1 pulgadas está a 749 euros en eBay.
  • Reloj Casio F-91W: un súper clásico de Casio con cronómetro, alarma, calendario y duración de batería de, atención, 7 años. AÑOS. Básico y maravilloso por 8,88 euros en Amazon. Ríete tú de los relojes inteligentes.
  • Monitor Gaming Acer Predator 27 pulgadas: una maravilla de monitor que en PC Componentes está por 699 euros. Atentos: 27 pulgadas resolución 2560×1440, LED IPS, contraste 1000:1, formato 16:9, soporta frecuencias de hasta 144 Hz. Una pasada que está a 499 euros en Amazon. A darse el capricho tocan.
  • Samsung Galaxy Note 9: el telefonazo con S-Pen está de rebajas. Pantalla de 6,4 pulgadas, Exynos 9810 Octa, 6 GB de RAM, 128 GB de capacidad (ampliables), cámara dual 12+12 Mpíxeles y una batería de 4.000 mAh. Difícil pedir más, y está a 609 euros en eBay.
  • Nokia X6: un smartphone curioso con pantalla de 5,8 pulgadas, Snapdragon 636, 6 GB de RAM, 64 GB de ROM, cámara dual 16+5 y un precio estupendo, 174 euros en GearBest con el cupón QY1LR09729.
  • Portátil Xiaomi Mi Air: el equipo que rivaliza con los grandes fabricantes del mercado a menor precio vuelve a ponerse interesante. Pantalla de 13,3 pulgadas, Core i5-8250U, 8 GB de RAM, 256 GB de SSD, lector de huellas, está a 626 euros en Banggood con el cupón 1B2G11710.
  • LG G7 ThinQ: un señor telefonazo con una cámara que impresiona. Pantalla de 6,1 pulgadas 2K, Snapdragon 845, 4 GB de RAM, 64 GB de capacidad, cámara dual 16+16 MP, está a 412 euros en Amazon.
  • Monitor BenQ GW2270H 21,5 pulgadas: un monitor 1080p de 21,5 pulgadas con conexión dual HDMI por 118 euros en Amazon. Y si queréis ir a un monitor gaming, el BenQ XL2411P ZOWIE con soporte de 144 HZ está a 246 euros en Amazon.
  • Tablet Amazon Fire HD 10: una tableta de 10 pulgadas 1080p con 32 GB de capacidad y un precio estupendo: 113 euros en Amazon Alemania, envío incluido.
  • Monitor LG 29 pulgadas: un monitor panorámico 21:9 con resolución 2560×1080, conectores HDMI, Display Port y USB-C y soporte AMD FreeSync, está a 219 euros en Amazon.
  • Ratón Logitech G402: para jugones, con 8 botones programables, está a 28,99 euros en Amazon.
  • Monitor LG 38 pulgadas: esta maravilla ultrawide con formato 21:9, diagonal de 38 pulgadas y resolución de 3.840 x 1.600 píxeles es una pasada si necesitáis área horizontal a lo bestia. Tiene dos altavoces estéreo de 10W y 2 HDMI, 1 DisplayPort, 1 USB-C y 2 USB 3.0. Está a 859,99 euros en Amazon.
  • Altavoz Bluetooth Sony SRSXB31B: un modelo que además de contar con extra Bass, y modo fiesta cuenta con resistencia al agua y al polvo, hasta 24 horas de autonomía y un sistema de iluminación simpático. Está a 89,91 euros en Amazon, casi la mitad de su precio normal.
  • Zotac NVIDIA GeForce RTX 2070: una de las gráficas más potentes del momento y con ese plus de la arquitectura Turing de NVIDIA que puede ser interesante (más en el futuro que ahora). Está a 499,99 euros en Amazon Alemania.
  • Linksys Velop Intelligent Mesh: para garantizarte cobertura WiFi en casa, este conjunto de tres nodos AC3600 con banda dual es una chulada, está a 179 euros en Amazon.
  • PlayStation PSVR: las gafas de realidad virtual de la PS4 con la cámara y el juego VR Worlds están a 186 euros en Amazon Italia, envío incluido.
  • Portátil gaming Medion Erazer P6705: con pantalla de 15,6 pulgadas 1080p, un Core i5-8300H, 8 GB de RAM, 1 TB de disco, 128 GB de SSD, una GTX 1050 Ti para darle vida a los juegos y Windows 10. Teclado en español, por cierto. Está a  749 euros en Amazon.
  • Samsung Galaxy S9: el telefonazo de Samsung con un Exynos 9810 Octa (equivalente al Snapdragon 845), 4 GB de RAM, 64 GB de capacidad, y cámara estupenda, aunque sea una sola, de 12 MP. Está a 509,99 euros en Amazon.
  • Xiaomi Mi 8 (Global): con dos años de garantía en España, envío inmediato. Pantalla AMOLED de 6,21 pulgadas FHD+, Snapdragon 845, 6 GB de RAM, 64 GB de capacidad, cámara trasera 12+12 MP, cámara frontal de 20 MP, lector de huellas trasero, batería de 3.400 mAh. Está en color azul a 328,52 euros en GearBest y en color negro a 328,52 euros en GearBest. Desactivad el seguro de envío, ya sabéis. En Amazon está a 379 euros, por si preferís esta opción.
  • OnePlus 6T: el telefonazo de este fabricante (análisis) está a precio más que interesante. Con pantalla de 6,44 pulgadas con “mini-notch”, Snapdragon 845, 6 GB de memoria, 128 GB de capacidad, batería de 3,700 mAh, cámara trasera dual de 20+16 MP, cámara frontal de 20 MP, lector de huella integrado en pantalla. Está a 506,10 euros en GearBest, impresionante. Mola además que tienen 2 años de garantía en España.
  • Unidad SSD Crucial BX300: una unidad de 120 GB con prestaciones estupendas y que sale por un precio ridículo: 25,99 euros en Amazon.
  • Unidad SSD Samsung 970 EVO: genial con 250 GB y velocidades de transferencia brutales: está a 72,99 euros en Amazon, nunca la vi tan barata. Es la que tengo en mi PC, y me salió a 95 euros como súper ganga, así que imaginad. La versión de 500 GB está a 119,98 euros, gran precio también.
  • Motorola One: un smartphone basado en Android One con pantalla de 5,9 pulgadas, un Snapdragon 625, 4 GB de RAM, 64 GB de capacidad, cámara dual 13+13 MP. Está a 269 euros en Amazon.
  • Patinete Eléctrico Ninebot ES1 No. 9: otro patinete similar al anterior pero algo menos potente. Hasta 20 km/h y hasta 25 km de autonomía, muy bien también por su precio, 277,92 euros en GearBest con el cupón GB12ES1 con dos años de garantía en España. Desactivad el seguro de envío, eso sí.
  • Tarjeta gráfica Zotac GeForce GTX 1060 6 GB: una gráfica estupenda para animar vuestras sesiones de gaming. Está a 230 euros en Amazon Alemania, gastos de envío incluidos.
  • Smartwatch Huawei Watch 2: con WiFi y 4G nada menos, este reloj tiene también GPS, Wear OS 2.0 para gobernarlo y un precio fantástico de 199,99 euros en Amazon. Brutal por lo que ofrece, os lo aseguro que lo sé de buena tinta: lo analicé hace tiempo.
  • Televisión Haier 4K 55 pulgadas: vale que no es una marca top, pero tener una Smart TV de 55 pulgadas con resolución  4K/UHD (sin HDR, parece por lo que he visto) por este precio es de locos. Cuenta con Netflix preinstalado, WiFi y TDT2, además de altavoces con soporte Dolby Digital+. Se envía desde UK con garantía de Haier, y está a 365,32 euros en Banggood EU con el cupón e2bcea.
  • PocoPhone F1: telefonazo que Xiaomi se acaba de sacar de la manga. Un Snapdragon 845, 6 GB de RAM, 64 GB de capacidad
    (ampliables), pantallón de 6,18 pulgadas y dos cámaras de 12+5 Mpíxeles, además de batería de 4.000 mAh y conector de auriculares. Si no os importa que no tenga NFC, compra estrella de la temporada, sobre todo a este precio. La edición de 6 GB y 64 GB de capacidad está a 259,05 euros en AliExpress, uauh.
  • Xiaomi Mi 8 Pro: la versión más brutal del telefonazo de Xiaomi: 6,21 pulgadas, el célebre diseño con la carcasa semitransparente (de pega, pero es curiosa), Snapdragon 845, 8 GB de RAM, 128 GB de capacidad, cámara dual de 12+12 MP, cámara frontal de 20 MP, sensor de huella bajo la pantalla, en fin, de todo. Está a 452,83 euros en GearBest.
  • Unidad SSD Netac 480 GB: mucho más barata que las que os pongo al final, casi medio terabyte a precio de 200 GB en unidades de marcas reputadas. Difícil no sentirse tentado porque cuesta 48,961 euros en JoyBuy. Para que veáis la diferencia, la Samsung 860 Evo de 250 GB (casi la mitad de capacidad) cuesta más: está a 56,90 euros en Amazon… y este último no es mal precio. El otro es ya la locura, aunque la marca, claro, no es muy conocida.

¿Quieres recibir un correo de aviso cuando publique nuevas entradas?

Standard

2 comentarios en “Mashable presume de diseño Responsive y muy, muy social

    • Pues de eso no me había dado cuenta, muchas gracias Enric 😉 Desde luego, parece que esta gente sabe lo que se hace, y además sabe evolucionar. Cualquiera de esos tres rediseños han sido referentes (cada uno en su momento) en webs de tecnología.

      ¡Saludos!

Comentarios cerrados