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!

  • Motorola One Zoom: 6,39?, Snapdragon 675, 4 GB de RAM, 128 GB de capacidad, cámara quad (48+8+16+5), telefoto 3x, 4000 mAh, está a 269 euros en Amazon (baja de 429).
  • Sony WH-CH700AL: unos auriculares inalámbricos con conexión Bluetooth y NFC, hasta 35 de autonomía, cancelación de ruido AINC, perfiles de sonido A2DP y AVRCP. Están a 76 euros en Amazon (bajan de 180).
  • Lenovo L27i: un monitor de 27 pulgadas Full HD, tiempo de respuesta de 4 ms, hasta 75 Hz de frecuencia de refresco, conectores HDMI y VGA, está a 139,98 euros en Amazon (baja de 199).
  • Pendrive Verbatim 256 GB: una llave de memoria USB con una capacidad espectacular de 256 GB, aunque la conexión es USB 1.1, así que las velocidades son lentitas. Pero oye, por 27,90 euros puede compensar.
  • Juegos PS4: Tekken 7 a 19,95 euros en Amazon (baja de 69,99). Call of Duty: Black Ops III a 15,90 euros. Red Dead Redemption II a 29,90 euros (baja de 69,99). Resident Evil 2 a 19,50 euros (baja de 59,99).
  • Microsoft Wireless Desktop 3050: un conjunto de ratón y teclado inalámbricos. Teclado con controles multimedia, ratón con tecnología BlueTrack. Está a 39,99 euros en Amazon (baja de 64,90).
  • WD My Book 10 TB: un disco duro externo de 3,5 pulgadas con una capacidad brutal de 10 TB y conexión USB 3.0. Está a 177,89 euros en Amazon (baja de 256,99).
  • Xiaomi Redmi Note 8 Pro: con 6,53?, un Helio G90T, 6 GB de RAM, 128 GB de capacidad, cámara quad (64+8+2+2), 4.500 mAh de batería, está a 199 euros en Amazon.
  • Apple iPhone 8 64 GB (reacondicionado): atentos a este modelo, que según Amazon está como nuevo y «funciona como tal», nada menos que 64 GB de capacidad, 4,7 pulgadas, cámara de 12 Mpíxeles, TouchID, resistencia al agua IP67. Está a 309 euros en Amazon.
  • Nintendo Switch Lite + Animal Crossing + Kirby Clash: la consola portátil de Nintendo con el juego Animal Crossing baja de precio: está a 256,4 euros en eBay con el código PDESCUENTO5. Si queréis la consola tal cual sin juegos, está a 199,99 euros en Amazon.
  • Apple AirPods 2: con el estuche de carga normal, no el inalámbrico, pero estupendos según sus propietarios. Están a 139,98 euros en Amazon.
  • Samsung 55RU7105: una Smart TV de 55 pulgadas (modelo 2019) con resolución 4K UHD, soporte HDR10+, procesador 4K, mando One Remote, soporta Apple TV, Alexa, está a 379 euros en eBay con el código PDESCUENTO5.
  • Xiaomi Mi True Wireless TWS: los auriculares inalámbricos de Xiaomi con Bluetooth 5.0, micrófono integrado, control táctil, hasta 4 horas de autonomía, 12 con el estuche de carga. Están a 20,84 euros en Amazon.
  • Xiaomi Mi 10: 6,67?, Snapdragon 865, 8 GB de RAM, 128 GB de capacidad, cámara quad (108+13+2+2 MP), 4.780 mAh, 5G. Pack promocional con Mi Band 3 y Mi True Wireless Earphone 2. Está a 699 euros en Amazon (descuenta 100 € al tramitar pedido).
  • Pinball FX3: si os gustan los pinballs atentos a este juego que incluye ediciones varias como las de Star Wars, Aliens o Marvel. Está gratis en Steam, ¡mola!
  • Cubot R15: un smartphone modesto pero pintón. 6,26?, MediaTek Helio A22 quad-core, 3 GB de RAM, 32 GB de capacidad, cámara dual 16+2 MP, 3.000 mAh, está a 85 euros en Amazon con el código Q4679ZCJ (baja de 99,99).
  • Huawei Watch GT 2 Sport: un smartwatch con caja de 42 mm con GPS, pantalla AMOLED 1,2?, GPS, 15 modos deportivos, monitorización cardíaca y de sueño, hasta una semana de autonomía. Está a 159 euros en Amazon (baja de 239).
  • TD Systems K55DLJ10US: una Smart TV de 55 pulgadas con resolución 4K UHD, soporte HDR10, sonido Dolby Digital Plus, y basada en Android 9.0. Está a 319 euros en eBay.
  • Humble Bundle Conquer Covid-19: un pack espectacular de juegos y libros que tendrían un valor total de 1.071 dólares y que puedes conseguir por 28 euros. El 100% de los ingresos van a organizaciones de caridad.
  • Xbox One X + Forza Horizon 4 + Lego Speed Champions: la consola más potente de Microsoft vuelve a precios locos. Incluye el juego de Star Wars, un mando, unidad Blu-ray y 1 TB de capacidad. Está a 294,25 euros en Amazon (baja de 499).
  • Xbox Game Pass Ultimate: esta oferta te permite obtener 6 meses de este servicio de suscripción para juegos de Xbox One y Windows 10 al precio de lo que te costarían 3 meses. Doble de diversión al mismo precio! Está a 38,99 euros en Amazon (baja de 77,97).
  • SSD Crucial BX500 960 GB: una unidad de estado sólido SATA de 2,5 pulgadas con una capacidad de 960 GB, casi 1 TB, y velocidades de hasta 560 MB/s. Está a 101,99 euros en Amazon (baja de 110).
  • Amazon Music Unlimited: vuelve la oferta de tres meses gratis de este servicio que compite con Spotify. Solo para nuevos clientes, luego 9,99 euros/mes.
  • Xiaomi Mi M365: el ya célebre patinete eléctrico de Xiaomi con autonomía de 30 km, velocidad de 25 km/h, plegable, está a 279,65 euros en eBay con el código PARAXIAOMI.
  • TCL Plex: un smartphone de 6,53?, Snapdragon 675, 6 GB de RAM, 12 8 GB de capacidad (ampliables), cámara triple de 48+16+2 MP, 3.820 mAh, conector auriculares (!). Está a 219 euros en Amazon (baja de 279).
  • Realme 6: súper nuevo, 6,5?, Helio G90T, 4 GB de RAM, 64 GB de capacidad, cámara cuádruple (48+8+2+2 MP), 4.300 mAh de batería, lector de huella en el lateral, está a 192 euros en AliExpress Plaza con el código ALIVERSARIO27
  • Cargador AUKEY USB-C: con Power Delivery 3.0, potencia de 36W, dos puertos USB-C para cargar móviles o tabletas a toda pastilla. Está a 25,99 euros en Amazon (baja de 38,99).
  • Televisor TD Systems K58DLK10US: una Smart TV de 58 pulgadas con resolución 4K UHD, soporte HDR10, sonido Dolby Digital+, WiFi, sistema operativo Android 9.0. Está a 319 euros en AliExpress (baja de 359).
  • TCL 55DP602: una Smart TV de 50? con resolución 4K UHD, soporte HDR, sonido Dolby Digital Plus, está a 357,45 euros en Amazon. Brutal.
  • Xiaomi Redmi Note 8: 6,53?, Snapdragon 665, 4 GB de RAM, 64 GB de capacidad, cámara cuádruple (48+8+2+2) y 4.000 mAh de batería. Está a 155,42 euros en Amazon.
  • Apple iPhone 11 64 GB: 6,1 pulgadas de pantalla Retina, Apple A13 Bionic, Face ID, cámara dual de 12 +12 Mpíxeles, carga inalámbrica, resistencia IP68, carga rápida, Dolby Atmos. Está a 789 euros en Amazon.
  • Amazon Kindle: el lector de libros electrónicos de Amazon ya cuenta en su versión básica con luz frontal integrada, así que puedes leer en la cama sin lámparas. 6 pulgadas 167 ppp, 4 GB de capacidad, está a 64,99 euros en Amazon (baja de 89,99). El Paperwhite resistente al agua está a 99,99 euros (baja de 129,99).
  • Monument Valley 2: un juego visualmente precioso con una mecánica de puzzles espectacular. Está gratis para Android en Google Play y también gratis para iOS en la App Store.
  • Oppo Reno 2: 6,55?, Snapdragon 730G, 8 GB de RAM, 256 GB de capacidad, cámara cuádruple (48+13+8+2), lector de huella bajo pantalla, 4.000 mAh, cámara frontal «aleta tiburón». Muy curioso , está a 449 euros en Amazon (baja de 499).
  • ASUS ZenBook 14: un portátil de 14? FullHD con un Ryzen 7 3700U, 16 GB de RAM (muy bien), 512 GB de SSD, una Radeon RX Vega 10, sistema operativo Endless OS, teclado español, lector de huella. Está a 649 euros en Amazon.
  • WD Black P10 5TB: una unidad de 5 TB de capacidad perfecta para consola o PC, capacidad estupenda, conexión USB 3.0, tasas de transferencia notables, está a 119,99 euros en Amazon (baja de 140,49).
  • Seagate Expansion 8 TB: otra unidad aún con mayor capacidad, 8 TB (uauh!) con interfaz USB 3.0 (compatible USB 2.0), 3,5 pulgadas y un precio muy bueno (no tanto como el anterior), 139,99 euros en Amazon.
  • HiSense H50AEE6400: una Smart TV de 50? con resolución 4K UHD, soporte HDR, plataforma VIDAA U, modo deporte, está a 349,99 euros en Amazon.
  • Sharp LC-55UI8762ES: una Smart TV de 55 pulgadas con resolución 4K UHD, soporte HDR+, Smart Aquos Net+, 3 x HDMI, 2 x USB, altavoces Harman Kardon, está a 389,99 euros en Amazon (baja de 799,99).
  • Lenovo IdeaPad C340-14API: un portátil convertible en tablet muy majo de 14? Full HD con un Ryzen 5 3500U, 8 GB de RAM, 256 GB de SSD, Windows 10 y teclado en español por 599,99 euros en Amazon.
  • ASUS ZenBook UM431DA-AM003: un portátil de 14? Full HD con un Ryzen 5 3500U, 8 GB de RAM, 512 GB de SSD, sin sistema operativo, teclado en español, está a 549 euros en Amazon.
  • Humble Bundle Just Drive: un pack de juegos de conducción para quienes quieran disfrutar al volante «virtual». Asetto Corsa, Dirt 4 y Project Cars 2 entre otros por 12 euros en Humble Bundle. Brutal
  • Humble Bundle Stardock: esta empresa lleva años haciendo programas fantásticos de personalización y productividad de Windows 10. Por 13,50 euros tendrás el pack completo, incluidos Windows Blinds, Fences (escritorios virtuales) o Multiplicity (KVM software).
  • Acer Aspire 3: un portátil muy modesto pero curioso, 15,6? FullHD, Core i3-6006U, 4 GB de RAM, 128 GB de SSD, Linux preinstalado, teclado español, está a 249,99 euros en Amazon, buena opción como portátil de batalla o para niños.
  • AMD Ryzen 2600X: si estáis actualizando vuestro PC o vais a montaros uno nuevo atentos a este micro de 8 núcleos y 16 hilos de ejecución, preparado para overclocking, 95W de TDP, hasta 4,25 GHz. Está a 132,90 euros en Amazon (baja de 215).
  • 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. La versión de 64 GB está a 259,99 euros en Amazon (baja de 329).
  • Aspiradora Philips Speedpro: formato escoba, se puede usar como aspiradora vertical o aspiradora de mano, en ambos casos sin cable. Cepillo con succión de 180º, tecnología PowerCyclone 7, hasta 800 l/min de velocidad del aire, está a 149,99 euros en Amazon (baja de 289)
  • Amazon Prime Estudiantes: la suscripción a Amazon Prime está a solo 18 euros al año (60 para usuarios normales) con un periodo gratuito de 90 días de prueba. Ya sabéis, con ella tenéis entrega rápida gratis, prime video y prime music.
  • Xiaomi Redmi Note 8T: 6,3?, Snapdragon 665, 3 GB de RAM, 32 GB de capacidad, cámara cuádruple (48+8+2+2), 4.000 mAh, lector trasero, buena opción recién salida del horno. Está a 172,40 euros en Amazon.
  • HiSense H65A6500: una Smart TV enorme de 65 pulgadas con resolución 4K UHD, soporte HDR, con la plataforma VIDAA U, modo deportes, WiFi, Precision Color, está a 579,99 euros en Amazon.
  • Intel NUC: un miniPC potente y curiosón. Con un Core i5-7260U, 8 GB de RAM, 240 GB de SSD2, Windows 10, está a 525 euros en Amazon. Buen equipo de trabajo o incluso de salón.
  • Acer Aspire 3 A315-54K: un portátil de 15,6? Full HD con un Core i5-10210U, 8 GB de RAM, 512 GB de SSD, sin sistema operativo, con salida HDMI, RJ45, USB 3.1, lector de tarjetas, está a 499 euros en PcComponentes (en Amazon 708 euros).
  • Smartwatch Huawei GT Fashion: un reloj inteligente con monitor de sueño, ritmo cardíaco, sistema LiteOS, GPS, Bluetooth, y pantalla estupenda. Está a 99 euros en Amazon (en PcComp 147).
  • ASUS TUF Gaming FX505DV: un portátil gaming con pantalla de 15,6? Full HD a 120 Hz, Ryzen 7 3750H, 16 GB de RAM, 512 GB SSD, GeForce RTX 2060 (uauh), sin SO, teclado retroiluminado en español. En eBay está a 999 euros, rebaja brutal.

¿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