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 —la mayoría (si no todos) de los enlaces son afiliados— 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 RedmiBook 16: portátil de 16,1? Full HD con un AMD Ryzen 5 4500U (brutal), 16 GB de RAM, 512 GB de SSD, batería de 46 Whr, está a 647,35 euros en Banggood. Alucinante. La versión con el Ryzen 7-4700U, más potente, está a 691,67 euros en Banggood con el código BGXMIVP9 (Quitad el seguro de envío en ambos).
  • Xiaomi Dreame V9: aspirador inalámbrico, la «Dyson V8 china», la llaman. Motor sin escobillas de 400 W, succión de 20.000 Pa, batería de 60 minutos, desmontable para usar también en coche, sofás, etc. Está a 167,20 euros en Amazon (baja de 209 euros).
  • Huawei Matebook D 14: un portátil ligero (1,38 kg) de 14? Full HD con un Ryzen 5 3500U, 8 GB de RAM, 256 GB de SSD, sensor de huella, Windows 10 Home, incluye ratón Bluetooth y mochila, todo por 599,99 euros en Amazon (baja de 709,99).
  • Bose QuietComfort 35 II: auriculares inalámbricos con cancelación de ruido (tres niveles), soporte de Alexa, hasta 20 horas de autonomía, están a 205 euros en Amazon (baja de 379,95).
  • Western Digital Elements 12 TB: un disco duro externo de 3,5 pulgadas enorme en capacidad con esos 12 TB que dan para muchas alegrías y copias de seguridad. Puerto USB 3.0, está a 206 euros en Amazon Alemania, envío incluido.
  • Monitor HP 32S: a mí 32 pulgadas me parecen demasiadas para la resolución 1080p, pero si tienes este monitoraco lejos igual es buena alternativa. Está a 169,15 euros en Amazon. Súper chollo
  • NVISEN Y-GX101: atentos a este potentísimo miniPC con un Intel Core i9-8950HK (6 núcleos), 16 GB de RAM, 512 GB de SSD y una GTX 1650 para jugar. Brutal por 581,70 euros en Banggood con el cupón BGJPmn7014 (en Amazon 974 euros, uauh).
  • ASUS VivoBook S14: un portátil majo de 14? con un Core i5-10210U, 8 GB de RAM, 512 GB de SSD, 1,5 kg de peso, Windows 10 Home, muy bien por 577,69 euros en Amazon (baja de 649).
  • Nike MD Runner 2: unas zapatillas de correr (o vestir) para hombre con suela de goma, cierre de cordones y que están de ofertón, 33,49 euros por ejemplo en Amazon (en talla 44,5). Bajan de 64,99.
  • Motorola Moto E6 Plus: 6,1?, Helio P22, 4 GB de RAM, 64 GB de capacidad, cámara dual (13+2 MP), lector de huella trasero, 3.000 mAh, modesto pero solvente, perfecto para adolescentes. Está a 99,16 euros en Amazon (baja de 159 euros).
  • Lenovo Yoga S730: un portátil ultradelgado de 13,3? Full HD (táctil, soporta stylus) con un Core i5-8265U, 8 GB de RAM, 256 GB de SSD, puertos USB-C con Thunderbolt 3, Windows 10 Home, teclado español, lector de huella, está a 799 euros en Amazon (baja de 1.099,99).
  • Trust Gaming GXT 629 Tytan: un conjunto de altavoces 2.1, subwoofer incluido, con iluminación RGB, 60 W de potencia RMS, compatibles con consolas, mando a distancia. Está a 69 euros en Amazon (baja de 99).
  • Báscula Beurer BF179: una báscula digital con cálculo de índice de masa corporal, pantalla LCD XXL, mide 35×32,5×4,5 mm, pesa 1,5 kg, electrodos de acero inoxidable cepillado, función memoria para 10 usuarios. Está a 19,99 euros en Amazon (baja de 39,99).
  • TP-Link HS100: un enchufe inalámbrico e inteligente para controlar el encendido y apagado de nuestros dispositivos de forma remota, soporta Alexa y Google Home o IFTTT, está a 12,90 euros en Amazon (baja de 14,90).
  • Jabra Elite 65t: auriculares inalámbricos con Bluetooth 5.0, cancelación pasiva de ruido (no activa), cuatro micrófonos para llamadas de calidad, hasta 15 horas de autonomía con el estuche, tres juegos de gomas de silicona, están a 80,80 euros en Amazon (bajan de 169,99).
  • HP 27m: un monitor LED de 27 pulgadas con resolución Full HD, 5 ms de tiempo de respuesta, conectores HDMI y VGA, formato 16:9, está a 126,65 euros en Amazon.
  • Xiaomi Redmi Note 9: 6,53?, un Helio G85, 3 GB de RAM, 64 GB de capacidad (ampliables), cámara quad (48+8+2+2 MP) y 5.020 mAh maravillosos. Está a 148,50 euros en eBay con el cupón PQ32020.
  • Poco F2 Pro: el cholloteléfono. 6,67 pulgadas, Snapdragon 865, 6 GB de RAM, 128 GB de capacidad, cámara quad (64+5+13+2 MP), 4.700 mAh, toma de auriculares, NFC, carga rápida 33 W. Está a 431,47 euros en GearBest.
  • iPhone SE (Product) Red 64 GB: el nuevo modelo, 4,7?, Retina HD, CPU Apple A13 Bionic, Touch ID, cámara de 12 Mpx, frontal de 7 Mpx, resistente a agua y polvo (IP67), soporta carga rápida. Está a 444 euros en Amazon (baja de 489).
  • Realme X3 Super Zoom: 6,6? a 120 Hz (uauh), Snapdragon 855+, 12 GB de RAM, 128 GB de capacidad, cámara quad (64+8+8+2), selfie dual (32+8), zoom 3X óptico y 60X digital, 4.200 mAh, súper prestaciones por 413,17 euros en Amazon (baja de 499).
  • Memoria USB PNY 128 GB: un pendrive de 128 GB de capacidad con conexión USB 3.1, 10 veces más rápida que los pendrive USB 2.0, está a 10,79 euros en Amazon (baja de 25,70).
  • Amazon Echo Spot: el reloj despertador con pantalla de 5,5 pulgadas, soporte Alexa, puedes poner vídeos, música o fotos además de los Skills de Alexa. Botón para activar/desactivar micrófono y cámara. Está a 89,99 euros en Amazon (baja de 129,99)
  • Fire HD 10: tableta de 10,1 pulgadas Full HD, procesador quad-core a 1,8 GHz, 2 GB de RAM, 64 GB de capacidad, 10 horas de autonomía, está a 103,50 euros en Amazon Alemania, envío incluido (Baja de 169). Ofertaza (no se vende en España).
  • Xiaomi Redmi Note 9: 6,53?, un Helio G85, 3 GB de RAM, 64 GB de capacidad (ampliables), cámara quad (48+8+2+2 MP) y 5.020 mAh maravillosos. Está a 167,95 euros en Amazon.
  • Amazon Prime Student: la suscripción a Amazon Prime Student te regala 10 euros y además te permite disfrutar gratis de 3 meses de servicio. Para conseguir la promoción basta usar el código MERECES10. No solo eso: cuesta la mitad que la normal, tan solo 18 euros al año.
  • Samsung 65RU8005: una Smart TV de 65 pulgadas gloriosas con 4K, UHD, HDR 10+, One Remote Control, soporte Alexa, Ultra Dimming, está a 729,99 euros en Amazon (baja de 1.338,99).
  • Realme Buds Air: unos auriculares inalámbricos que son algo así como los «AirPods de Realme». Hasta 3 horas de autonomía (17 con el estuche), cancelación de ruido ambiental ENC, baja latencia, Bluetooth 5.0. Están a 49,90 euros en PcComponentes (bajan de 69,99).
  • Pack 2 Pendrive SanDisk 32 GB: un par de llaves de memoria USB de 32 GB con conexión USB 3.0 y hasta 100 MB/s de transferencia, color rojo y azul, simpáticas, están a 12,99 euros las dos en Amazon (bajan de 22,41).
  • Huawei Matebook D15: un portátil de 15,6? FullHD con un Ryzen 5 3500U, 8 GB de RAM, 256 GB SSD, Windows 10, teclado en español, huella dactilar, está a 580,21 euros en Amazon (baja de 699,99), descuento automático al tramitar pedido.
  • Urbanista Tokyo: auriculares inalámbricos de esta prestigiosa marca, estuche recargable, calidad de audio notable, diseño compacto, soporta Siri y Google Now, botón multifunción certificación IPX4. Están a 28,76 euros en Amazon (bajan de 86).
  • ASUS ROG Strix Radeon RX 570 OC Gaming 8 GB: una tarjeta gráfica estupenda a buen precio, perfecta para jugar a 1080p sin compromisos, está a 149,94 euros en PcComponentes (baja de 199,90).
  • Haylou T19: unos auriculares inalámbricos «premium» chinos con conexión BT 5.0, chipset de Qualcomm, soportan aptX (baja latencia, no es nada común), carga inalámbrica y carga por cable del estuche, hasta 30 horas de autonomía, muy bien por 34,90 euros en Amazon con el código 25Z6L247 (bajan de 69,98).
  • Seagate Expansion Desktop: un disco duro externo de 3,5 pulgadas con nada menos que 6 TB de capacidad, conexión USB 3.0, está a 109,99 euros en Amazon (baja de 169,99).
  • Acer Aspire 3: un súper ventas. 15,6? FullHD, AMD Ryzen 3500U, 8 GB de RAM, 512 GB de SSD, sin sistema operativo, teclado español, está a 399 euros en Amazon.
  • Bluedio Particle: auriculares inalámbricos con Bluetooth 5.0, in-ear, estuche de carga hasta 24 horas de autonomía, driver de 6 mm, están a 18,39 euros en Amazon con el código 7KKPJP95 (bajan de 38,99)
  • 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 Note 10: 6,47?, Snapdragon 730G, 6 GB de RAM, 128 GB de capacidad (no ampliables), cámara penta (108+12+8+20+2 MP), 5.260 mAh, armado hasta los dientes. Está a 386,99 euros en eBay con el cupón PJUNIO10 (baja de 429,99)
  • Sony PS4 Pro Edición ‘The Last of Us Parte II’: una edición especial y limitada de la consola más potente de Sony con 1 TB de capacidad, un diseño especial con un grabado en la consola, un mando inalámbrico y por supuesto el juego ‘The Last of Us Parte II’ por 399 euros en Amazon.
  • Apple AirPods: los auriculares inalámbricos de referencia están algo rebajadas. Control táctil y por voz, estuche de carga (no inalámbrico), compatibles con iOS y Android. Están a 124,99 euros en eBay.
  • Samsung 65RU7405: una Smart TV alucinante de 65?, modelo de 2019, resolución 4K UHD, soporte HDR1’+, One Remote Control, soporte Apple TV y Alexa, está a 669 euros en Amazon.
  • Portátil Medion S6445: un ultraportátil de 15,6 pulgadas FullHD con un Core i3-8265U, 8 GB de RAM, 512 GB de SSD, Windows 10, teclado español, está a 479,99 euros en Amazon.
  • Honor Magic Watch 2: un smartwatch con caja de 46 mm, hasta 14 días de autonomía, 4 GB de memoria interna, GPS integrado, pantalla siempre encedida, esferas personalizadas, 15 modos de entrenamiento (natación incluida), monitoriza frecuencia cardiaca, control de música, está a 129,99 euros en Honor.
  • Huawei Watch GT 2e: el nuevo modelo de este reloj inteligente con chip Kirin A1, pantalla de 1,39?, 85 modos de entrenamiento, SPO2, sensor de frecuencia cardíaca, GPS, de todo. Está a 140,42 euros en Amazon (baja de 179)
  • LG 65UM7050: una Smart TV enorme de 65 pulgadas con resolución 4K UHD, soporrte HDR, webOS, 2 altavoces con 20 W de potencia, está a 549,99 euros en eBay.
  • Xiaomi Airdots Pro 2 SE: unos auriculares Bluetooth Dual SBC/AAC con control táctil, control dual, micrófono dual, autonomía de 20 horas con estuche de carga, están a 24,96 euros en Gearbest con el código C4CAD3B69B627000.
  • HP Pavilion 15-bc520ns: un portátil de 15,6? FullHD con un Core i7-9750H, 16 GB de RAM, 512 GB de SSD, 1 TB de HDD, una NVIDIA GeForce GTX 1650, sin sistema oeprativo, teclado español. Está a 899,99 euros en Amazon (baja de 1.199,99).
  • Huawei P30 Pro: 6,47?, un potente Kirin 980, 6 GB de RAM, 128 GB de capacidad, cámara quad (40+8+20+ToF), 4.200 mAh de batería, espectacular (lo sé bien porque es el mío). Está a 539 euros en Amazon
  • LG 55UM7450PLA: una Smart TV de 55 pulgadas con resolución 4K UHD, soporte HDR, sonido DTS Virtual X, está a 459 euros en PcComponentes (baja de 689).
  • Trust Arys: un juego de 2 altavoces portátiles, potencia de 12 W, conexión USB al ordenador, iluminación LED, sonido estéreo, están a 19,90 euros en Amazon (bajan de 29,99).
  • TV Blaupunkt BN32H1032EEB: una televisión modesta de 32 pulgadas con resolución HD (720p), no es Smart así que si buscáis una «tele tonta», esta es la opción. 3xHDMI, USB, está a 129,99 euros en Amazon.
  • MSI Optix MAG27C: un monitor gaming curvo de 27 pulgadas bastante espectacular con resolución FullHD y 144 Hz de tasa de refresco, curvatura 1800R, está a 249,99 euros en PcComponentes (346 euros en Amazon).
  • Monitor 4K AOC U2879VF: un monitor de 28 pulgadas con resolución 4K UHD, 1 ms de tiempo de respuesta, soporta AMD FreeSync, puertos DisplayPort y HDMI, está a 199,99 euros en Amazon (baja de 299,99), ofertaza.
  • MSI Modern 14 A10RB-665XES: un portátil fantástico de 14? Full HD con un Core i5-10210U, 16 GB de RAM, 512 GB de SSD, una NVIDIA MX250 y teclado retroiluminado en español, sin sistema operativo. Está a 849,99 euros en Amazon (baja de 1.099,99).
  • Honor 9X Pro: 6,59 pulgadas, Kirin 810, 6 GB de RAM, 256 GB de capacidad, cámara triple (48+8+2 MP), 4.000 mAh, lector de huella en el lateral, selfie pop-up, está a 249,90 euros en la tienda Honor oficial
  • Xiaomi Air 2: auriculares inalámbricos con soporte de Google Assistant, cancelación de ruido, Bluetooth y codec LHDC, control táctil, 14 horas de autonomía con estuche. Están a 44,74 euros en GearBest (en Amazon 63)
  • Moto G8 Power Lite: 6,5 pulgadas, Helio P35, 4 GB de RAM, 64 GB de capacidad (ampliables), cámara triple (16+2+2), y sobre todo batería de 5.000 mAh que debe durar una semana porque este es modesto en prestaciones. Está a 159 euros en Amazon.
  • Huawei Watch GT Sport: un reloj inteligente con monitorización del sueño TruSleep, GPS, sensor de ritmo cardíaco, está a 99 euros en Amazon (baja de 130).
  • 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, NFC, buena opción recién salida del horno. Está a 170,50 euros en Amazon.
  • 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 144 euros en Amazon.
  • Smartwatch Huawei GT Fashion: un reloj inteligente con monitor de sueño, ritmo cardíaco, sistema LiteOS, GPS, Bluetooth, y pantalla estupenda. Está a 98 euros en Amazon (en PcComp 147).

¿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