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. También puedes seguir los Incognichollos en Twitter o en el nuevo canal de Telegram 🙂 . Aprovecha, que no suelen durar mucho tiempo.

  • Xiaomi Mi A3: el nuevo cholloteléfono de Xiaomi. 6,01″, Snapdragon 665, 4 GB de RAM, 64 GB de capacidad, cámara triple (48+8+2 MP), Android One (puro, sin MIUI), lector de huella bajo pantalla, sin NFC, brutal: 203 euros en GeekBuying con el código 3FUYCD7F
  • Xiaomi Mi 9T: 6,39″ AMOLED, Snapdragon 730, 6 GB de RAM, 128 GB de capacidad, cámara triple (48+8+13), cámara frontal retráctil (20 MP), lector de huella bajo pantalla, 4000 mAh. Brutal por 271 euros en GearBest con el código MI9T128BLACK
  • Xiaomi Mi 9: atentos, chicos. AMOLED 6,39» , Snapdragon 855, 6 GB de RAM, GB de capacidad, huella dactilar en pantalla, carga inalámbrica y rápida, cámara triple (48+12+16 MP). Brutal por 316 euros en GearBest con el código GBM964BLACK
  • Monitor AOC: atentos a este chollazo, 21,5 pulgadas y resolución 1080p a un precio escandaloso, 69,99 euros en Amazon. Absolutamente brutal, con HDMI y VGA.
  • Raspberry Pi 3 B+ Starter Kit: acaba de salir la 4, pero eso abarata este kit. Incluye la RPi 3 B+, adaptador de corriente con interruptor, 3 radiadores, caja, cable HDMI, micro SD con NOOBs. Está a 51 euros en Amazon con el código JF8I4CDN
  • Auriculares Xiaomi AirDots Pro: los competidores de los AirPods de Apple, con controles de reproducción, llamadas y asistente de voz, compatibles con iOS y Android, hasta 10 horas de uso, están a 40 euros en Banggood con el código BGAirTWSES
  • SSD Samsung 860 QVO 2 TB: la unidad SSD de 2 TB de Samsung sigue estando de ofertón. Con tecnología QVO, mejores tasas y eficiencia, hasta 560 MB/s en lectura, está a 187 euros en Amazon Francia, envío incluido
  • Huawei MateBook D: un portátil ultradelgado de 15,6″ Fulll HD con un Core i3-8130U, 8 GB de RAM, 256 GB de capacidad, Windows 10 y teclado en español. Buen precio para un buen equipo, 499 euros en Amazon
  • Lenovo IdeaPad 330-15ICH: el 15,6″ Full HD con ambición gaming. Core i5-8300H, 8 GB de RAM, 1 TB de HDD, y una GTX 1050 para jugar con cierta alegría. Sin sistema operativo, está a 499 euros en Amazon
  • Xiaomi Mi Band 4: la nueva versión de la pulsera cuantificadora con pantalla AMOLED a color, 5 ATM de resistencia (a nadar sin fin) sensor de ritmo cardiaco, notificaciones, monitor de sueño, está a 27 euros en Banggood con el código BGMiband4es01
  • Smart TV LG 55UM7100ALEXA: una tele inteligente de 55 pulgadas 4K HDR10 y HLG con WebOS 4.5, conectividad ThinQ, soporte Alexa, sonido Ultra Surround. Está a tan solo 538,99 euros en Amazon.
  • NAS WD My Cloud EX2 Ultra: un NAS de nada menos que 8 TB de capacidad con dos bahías, RAID, sincronización de archivos, servidor multimedia, está a 268,99 euros en Amazon.
  • Chuwi Aerobook: 13,3″ con un Intel Core m3-6Y30, 8 GB de RAM y 256 GB de SSD, Windows 10 (teclado en inglés, touchpad gigante, ). Compacto, ligero y con bastantes más puertos que el de Apple 🙂 Está a 337 euros en Banggood con el código BGOPCOUPON001
  • Portátil Jumper EZBook 3 PRO: uno parecido estoy usando para escribir esto. Ultradelgado, 13,3″ Full HD, Intel Celeron N3450, 6 GB de RAM, 64 GB eMMC, ranura MicroSD, puerto M.2, BT 4.0, HDMI, 4.500 mAh, está a 192 euros en Banggood con el código BGJU4679
  • Lenovo Legion T530: un PC de sobremesa con un Core i7-8700, 8 GB de RAM; 1 TB de HDD, 128 GB de SSD y una GTX 1050 Ti para jugar. Yo luego añadiría aparte un SSD y quizás mejor gráfica, pero a este precio está muy bien, 679,18 euros en Amazon. No incluye Windows 10, que tendréis que comprar aparte. En eBay las tenéis por 3 euros, no hay problema
  • Tableta Chuwi Hi9 Plus: 10,8″ con un MediaTek Helio X27, 4 GB de RAM, 64 GB de capacidad (ampliables), soporte stylus , webcam 8 MP, WiFi ac, BT 4.1, minijack, USB-C, 7.000 mAh, GPS, radio FM, dual SIM. Está a 142 euros en Banggood con el código BG924355. La versión con 128 GB de capacidad está muy poco por encima, solo 211 euros en Banggoodcon el código BGJU4679
  • Volante para Nintendo Switch: dos volantes AmazonBasics en rojo y azul para la Nintendo Switch para insertar el mando joy-con. Perfectos para Super Mario Cars, por supuesto. Está a 8,95 euros en Amazon.
  • Xiaomi Mi 9 SE: 5,97 pulgadas, Snapdragon 712, 6 GB de RAM, 128 GB de capacidad (uauh), triple cámara (48+12+16), lector de huella en pantalla, está a tan solo 270 euros en GearBest
  • Cinta de andar Xiaomi Youpin A1: velocidad máxima de 6 km/h, soporta 90 kg y es además plegable para su fácil almacenamiento. Está a 348,16 euros en GearBest.
  • Xiaomi Redmi Note 7: 6,3» Snapdragon 660, 4 GB de RAM, 64 GB de capacidad (ampliables vía MicroSD), 4.000 mAh, minijack y cámara dual de 48+5 MP realmente estupendo por 147 euros en Banggood con el código BGEMN764. La versión de 3/32 GB está a 132,46 euros en GearBest.
  • Portátil Jumper X4 Pro: un 14″ Full HD con un Core i3-5005U, 8 GB de RAM, 256 GB de SSD, webcam, WiFi ac, BT 4.2, jack de audio, HDMI, lector microSD, puerto USB-C, 4 altavoces. Tremendo por 352 euros en Banggood con el código BGJL3D10
  • Xiaomi AMAZFIT Bip: el reloj cuantificador tipo Pebble. 45 días de autonomía (y no es broma, análisis aquí chulo), GPS, monitor de sueño y pulsaciones, notificaciones, está a 45,9 euros en Banggood con el código BGSALEBIP
  • Tableta Teclast T20: más ambiciosa. 10,1″, pantalla Sharp 2,5K, Helio X27, 4 GB RAM, 64 GB capacidad, 8100 mAh, webcam 13 MP, lector de huella, WiFi, 4G, está a 142 euros en Banggood con el código BG88b402
  • OnePlus 7: la evolución del 6T con 6,41?, Snapdragon 855, 8 GB de RAM, mininotch, 256 GB de capacidad (uauh), cámara dual 48+5, 3700 mAh de batería, huella en pantalla. Está a 401,66 euros en AliExpress.
  • Samsung Galaxy A60: curioso este móvil de 6,3″ con un Snapdragon 675, 6 GB de RAM, 64 GB de capacidad, cámara triple (32+5+8) y frontal de 16 MP, 3500 mAh, está a 205,85 euros en GearBest.
  • Chuwi Aerobook: una especie de ‘MacBook’ de 13,3″ con un Intel Core m3-6Y30, 8 GB de RAM y 256 GB de SSD, Windows 10 (teclado en inglés, touchpad gigante, ). Compacto, ligero y con bastantes más puertos que el de Apple 🙂 Está a 384 euros en GearBest.
  • Lenovo IdeaPad 330-15IKBR: atentos a la configuración. 15,6″ HD (es la única pega, no FullHD), Core i7-8550U, 8 GB de RAM, 256 GB SSD. Teclado español, sin sistema operativo. Brutal por 479 euros en Amazon
  • SSD Samsung 860 QVO 2 TB: una unidad SSD SATA brutal de 2 TB de capacidad y con tecnología QVO, superior en eficiencia y rendimiento, hasta 550 MB/s. Está a 187 euros en Amazon Francia, envío incluido.
  • AMD Ryzen 5 2600X: desbloqueado para overclocking, esta CPU con 8 núcleos y 16 hilos de ejecución funciona a 4,25 GHz con Turbo. Incluye ventilador Wraith Spire. Está a 178,45 euros en Amazon
  • Xbox One S 1 TB All-digital: es la nueva edición sin lector Blu-ray, pero llega con un mando y un disco de 1 TB de capacidad. Regalan el juego Sea of Thieves y el Forza Horizon 3. Súper barata, 180 euros en Aliexpress Plaza
  • Xiaomi Mi Air 13: vuelve a estar insteresante. 13,3″ Full HD con Core i7-8550U, 8/256GB, GeForce MX150, lector de huella, buena opción en Banggood, está a 679 euros con el código BGXM2972.
  • Pack teclado y ratón Logitech MK120: las críticas son fantásticas, y a este precio no me extraña. Teclado de perfil plano, eespañol (la foto está mal) silencioso, con cable USB, ratón con cable USB. Está a 13,95 euros en Amazon.
  • OnePlus 7 Pro: 6,67 pulgadas a 90 Hz (dicen que son la pera), 8 GB de RAM, 256 GB capacidad, cámara triple (48+16+8), cámara frontal retráctil 16 MP, lector de huella en apntalla, 4.000 mAh. Está a 599 euros en Banggood con el código BGOP7PRO
  • Xiaomi Mi A2: está de oferta. Pantalla de 5,99 pulgadas, Snapdragon 660, 4 GB de RAM, 64 GB de capacidad (no ampliables), cámara dual (12+20), está a 145 euros en Amazon. Jamás había estado tan barato allí.
  • MiniPC: atentos a este equipo en formato NUC con un Core i3-7100U, 8 GB de RAM, 120 GB de SSD, WiFi 300 Mbps, 6 x USB, RJ-45, Ethernet, VGA, HDMI, toma auriculares. Por 205,94 euros, nada mal en AliExpress. Te regalan montura VESA.
  • Amazfit Verge Lite: sin NFC, pero con una autonomía de hasta 20 días. Pantalla AMOLED de 1,3″ 360×360 Corning Gorilla Glass. Frecuencia cardíaca, gran variedad de modos deportivos. GPS + GLONASS. Está a 89,18 euros en AliExpress

¿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