Selección de sitios web informativos con diseño ‘responsive’

Visitas: 8.760

En Internet es útil hemos realizado una amplia selección de sitios web informativos que han optado por el diseño “responsive” para adecuar automáticamente su oferta web al tamaño de pantalla de cualquier dispositivo (smartphone, tableta o PC).

Las webs incluidas en este listado son las siguientes:

  • Mashable
  • The Boston Globe
  • Time
  • Quartz
  • Le Figaro
  • Global News
  • Infobae
  • TN
  • MundoD
  • Topicly
  • NPR
  • Nueva página de artículo y especiales de The New York Times
  • Techcrunch
  • Versión móvil alfa de The Guardian
  • Digiday
  • The Next Web
  • Engadget
  • Variety
  • Cribeo.com
  • Gawker
  • Gizmodo
  • Lifehacker
  • Kotaku
  • Io9
  • Deadspin
  • Jalopnik
  • Jezebel
  • The Onion
  • Smashing Magazine

Mashable: www.mashable.com

Una de las principales webs de información sobre el mundo digital, creada por Pete Cashmore. A finales del año 2012 apostó decididamente por el diseño “responsive” para su web, como explicó Cashmore en un artículo titulado “Why 2013 Is the Year of Responsive Web Design”.

**********

The Boston Globewww.bostonglobe.com

El diario estadounidense The Boston Globe ha sido uno de los medios pioneros en la implantación de un diseño “responsive” en un gran medios de comunicación, y se ha convertido en una de las principales referencias en este ámbito.

En la web de la compañía de diseño Upstatement se explican muchos detalles del proyecto.

Portada del Boston Globe en una pantalla de PC

BostonGlobe.com en una tableta pequeña

 

Y así se ve BostonGlobe.com en un smartphone

**********

Timewww.time.com

La revista Time es una de las cabeceras más importantes del mundo que ha optado por el diseño “responsive”.

En el artículo “Time.com GM Craig Ettinger on bringing responsive web design to the iconic brand“, publicado por la MPA (The Association of Magazine Media), se explica el proyecto.

 

Portada de Time en el ordenador

Versión 'responsive' de Time en el smartphone

**********

Quartz: www.qz.com

Quartz es una publicación económica online editada por el grupo Atlantic Media. Lanzada en 2012, se ha convertido en una de las apuestas más atrevidas y renovadoras en el panorama de los medios digitales.

Portada de Quartz en pantalla de ordenador

**********

Le Figaro: www.lefigaro.fr

El diario francés Le Figaro, principal competidor de Le Monde, ha rediseñado recientemente su página web y ha optado por aplicar un diseño “responsive”.

Home de Le Figaro

 

**********

· Global Newsglobalnews.ca

Web de noticias de la cadena canadiense de televisión Global Television. La web ha sido desarrollada por las mismas empresas que realizaron el proyecto “responsive” del Boston Globe (Filament Group y Upstatement).

Esta es la descripción del proyecto realizada por la compañía de diseño Upstatement.

El diseño de la web ha sido premiado este año 2013 en los EPpy Awards (Editor & Publisher)

Portada de Global News

 **********

· Infobae: www.infobae.com

En su más reciente rediseño, el sitio web argentino de noticias Infobae ha hecho una apuesta por el diseño “responsive”, que también ha sido aplicado a su canal de vídeos.

Captura de pantalla de la home de Infobae en un PC

**********

· TN: tn.com.ar

Todo Noticias (TN) es un canal argentino de noticias de televisión por cable perteneciente al Grupo Clarín.

Home de TN

**********

· MundoD: mundod.lavoz.com.ar

Web de deportes del diario argentino La Voz

Home de mundoD

**********

Topiclywww.washingtonpost.com/wp-apps/topicly/

Topicly es un proyecto creado por The Washington Post que ofrece a los usuarios una manera más visual de navegar por sus contenidos informativos. Las noticias se agrupan por temas siempre en función de la última hora, de lo que es noticia en cada momento.

Así se ve la portada de Topicly en un PC

**********

NPR: www.npr.org

La National Public Radio (NPR) estadounidense también ofrece un diseño “responsive” en su web.

Home de la NPR en el PC

Y así se ve la web de la NPR en un smartphone

Recientemente la NPR ha lanzado una nueva y espectacular página en la que describe su proyecto periodístico (“About NPR“), realizada también con un diseño “responsive”. El trabajo fue encargado a la agencia de diseño Upstatement.

About NPR: así se presenta la NPR al mundo

 **********

La nueva página de artículo de The New York Times:

El diario The New York Times está preparando un rediseño para el próximo año en el que se incluirán algunos elementos “responsive”.

De hecho, durante los últimos meses ha ido ya avanzando y probando algunos de los cambios previstos, especialmente el que está trabajando para la plantilla de sus artículos (el prototipo está explicado en http://firstlook.blogs.nytimes.com).

Durante estos últimos meses The New York Times ha publicado numerosos reportajes en los que ya se utiliza un diseño “responsive”. Por ejemplo, en el titulado  “Two Gunshots On a Summer Night“.

Además, algunos especiales interactivos también han sido realizados ya con un diseño totalmente “responsive”. Uno de los más recientes está dedicado a lo mejor del año en el mundo del cine: “Making a Scene

Especial multimedia "Making a Scene" de The New York Times Magazine

**********

Techcrunch: www.techcrunch.com

La web especializada en el mundo de las novedades y startups tecnológicas Techcrunch, fundada en el año 2005 por Michael Arrington, es propiedad de AOL desde 2010. Es otro de los sitios web que ha decidido pasarse al diseño “responsive”. Este artículo explica el proceso de creación del nuevo diseño.

La portada "responsive" de Techcrunch

**********

Nueva versión móvil (en pruebas) de The Guardian

El diario británico The Guardian ha lanzado recientemente una versión todavía en pruebas de su sitio web móvil basada en el diseño “responsive”. Los usuarios pueden escoger la versión que prefieran consultar. En este artículo se explican los detalles del proyecto.

Versión alfa de la web móvil de The Guardian

**********

Digiday: www.digiday.com

Digiday es una web especializada en medios, marketing y publicidad digital, con sede en Nueva York, y dirigida fundamentalmente a los profesionales de los sectores mencionados.

Portada de Digiday

**********

The Next Webwww.thenextweb.com

Publicación online fundada en 2008 especializada en internet y tecnología.

Portada de The Next Web

**********

Engadget: www.engadget.com

El blog Engadget, perteneciente actualmente a AOL, es una de las principales referencias mundiales sobre nuevos aparatos y dispositivos electrónicos de todo tipo.

Captura de la portada de Engadget

**********

Variety: variety.com

La web de Variety, una de las principales referencias informativas mundiales sobre el mundo del entretenimiento, está basada en un atractivo diseño “responsive” estrenado en marzo de este año 2013. El diseño fue realizado por la agencia Code and Theory.

La nueva web de Variety se adapta automáticamente a cualquier dispositivo

**********

Cribeo: www.cribeo.com

Cribeo es una nueva web de actualidad y entretenimiento publicada por Memondo Network que apuesta por contar la actualidad con un toque de humor y en la que la participación de los usuarios es un elemento clave.

Portada de Cribeo.com

**********

Red de sitios web de Gawker Media

Todas las webs publicadas por Gawker Media siguen un mismo diseño “responsive”. Este es el listado de sitios de esta red de medios digitales:

Gawker: www.gawker.com
Gizmodo: www.gizmodo.com
Lifehacker: www.livehacker.com
Kotaku: www.kotaku.com
Io9: www.io9.com
Deadspin: www.deadspin.com
Jalopnik: www.jalopnik.com
Jezebel: www.jezebel.com

Portada de Gawker.com

**********

The Onion: www.theonion.com

La web de humor The Onion ha aplicado también un diseño “responsive” a sus falsas y divertidas noticias.

Home de The Onion

**********

Smashing Magazine: www.smashingmagazine.com

Una de las principales referencias en internet en el mundo del diseño digital, la revista Smashing Magazine, cuenta con un práctico diseño “responsive” para adaptarse a la pantalla de cualquier dispositivo.

Portada de Smashing Magazine en la pantalla del PC

**********

Más información:

Se ha publicado un nuevo artículo con otras 18 webs informativas con un diseño responsive:


Esta entrada fue publicada en Diseño y visualización, Móviles y tabletas, Noticias, Publicar y clasificada en , , , . Guarda el enlace permanente. Publica un comentario o deja un trackback: URL del Trackback.

Un Trackback

  1. [...] Nafría | Publicado: 15 febrero, 2014 Visitas: 0 Hace un par de meses publiqué una primera selección de 29 sitios web informativos que han apostado por el diseño responsive. Hoy amplío la lista con otros 18 sitios web [...]

Publicar un Comentario

Tu email nunca será publicado o compartido. Los campos requeridos están marcados con un *

*
*

* Copy this password:

* Type or paste password here:

Puedes usar estas etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Follow

Get every new post delivered to your Inbox

Join other followers