Nieman Foundation at Harvard
HOME
          
LATEST STORY
Spain’s Eldiario.es has 18,000 paying members, and its eye on the next several million
ABOUT                    SUBSCRIBE
July 18, 2014, 10:58 a.m.
Mobile & Apps
LINK: mobilev.is  ➚   |   Posted by: Joshua Benton   |   July 18, 2014

Two of the biggest trends in news today: the rise of mobile and the rise of data visualization.

mobilevisThe unfortunate reality is that they’re often in conflict. Too many beautiful data visualizations are designed with a big desktop browser window in mind, not the smaller screen of an iPhone or an Android phone. Text becomes unreadable, interactions become untappable, and a lovely experience becomes unusable.

If you want to do better, check out MobileVis, a site built by Bocoup data viz whiz Irene Ros to assemble good examples of data visualizations that work well on mobile devices. (It’s funded by a Knight Prototype Fund grant.) There are lots of screenshots, illustrations of pages in motion, and notes about what makes them compelling. Ros also pulls out a set of best practices for doing visualizations for mobile:

Vertical Bar Charts: When using bar charts in portrait mode, stack your bar chart bars vertically.

Use Vertical Scrolling: When creating interfaces that don’t fit in their entirety on the screen, enable vertical scrolling instead of horizontal scrolling.

Stack Table Cells: When needing to display tables that have more than a couple of columns consider stacking cells vertically within each row.

Carousel Instead of Tabs: When allowing users to switch between different displays, instead of using tabs (which require a lot of horizontal space,) consider using a carousel with next and previous buttons.

Fix Tooltips to Area of Screen: When displaying information on touch, designate an area on screen that will update accordingly.

Use Touch Zones: When displaying a lot of data points that are hoverable/touchable, consider using defined touch zones instead.

Show tags Show comments / Leave a comment
 
Join the 15,000 who get the freshest future-of-journalism news in our daily email.
Spain’s Eldiario.es has 18,000 paying members, and its eye on the next several million
“We have a potential of six million readers. You may not convince all six million people to be your socios, but if you learn more about their interests, you can get closer.”
Chasing subscriptions over scale, The Athletic wants to turn local sports fandom into a sustainable business — starting in Chicago
“It’s very easy today to be click-driven and produce articles that don’t have a lot of substance or depth and don’t cost that much to produce, but that dynamic is disappointing for fans who want higher-quality content.”
Hot Pod: We now have new, free rankings to show how podcasts stack up against each other
Plus: Parsing the RadioPublic announcement; premium podcast subscriptions; Bill Simmons oversimplifies things.
What to read next
0
tweets
Hot Pod: As more podcasts become TV shows, can their founders retain creative control?
Plus: Podcasts as time-shifted cable TV; MTV News launches its first podcasts; Postloudness moves beyond Mailchimp.
0The Hindustan Times is working to build the definitive online source of real-time air quality in all of India
In addition to pulling in data from government stations for its map, the organization is deploying and testing its own air quality sensors across the country.
0A new growth area for foreign reporting: podcasts? With reporters in-country, GroundTruth hopes so
“There’s pretty much nothing, as far as I can tell, in terms of real, international, on-the-ground reporting in the world of podcasting.”
These stories are our most popular on Twitter over the past 30 days.
See all our most recent pieces ➚
Fuego is our heat-seeking Twitter bot, tracking the links the future-of-journalism crowd is talking about most on Twitter.
Here are a few of the top links Fuego’s currently watching.   Get the full Fuego ➚
Encyclo is our encyclopedia of the future of news, chronicling the key players in journalism’s evolution.
Here are a few of the entries you’ll find in Encyclo.   Get the full Encyclo ➚
California Watch
New Jersey Newsroom
Kaiser Health News
PolitiFact
ESPN
El Faro
Crosscut
Financial Times
The Orange County Register
BBC News
La Nación
E.W. Scripps