or
or
or
&

Overview: Communications Tactics

Relevant resources

Welcome to the New WIRED
www.wired.com
Card image

"From the responsive layouts to the improved APIs ... we’ve reimagined every aspect of the WIRED experience... I want to walk you through our thinking on the new site—to tell you about the technology and design innovations that make this iteration of WIRED possible. We settled on a card-based motif for both its flexibility and configurability..…

03/03/2015
Responsive Email Design
justcreative.com
Card image

"when an email newsletter, which looks look superb on desktop, fails to render properly on a mobile device, respondents either hit delete or unsubscribe." - Responsive Email Design: Benefits, How-To, Examples + More | JUST™ Creative

Chartist: Responsive Infographics
www.fastcolabs.com
Card image

"Chartist is noteworthy because it doesn't just make existing charts smaller or bigger, it changes the the way the data is displayed so that it makes sense on whichever size screen it's being viewed on. A chart showing each of the 12 months along its x axis when displayed in a full-width browser window, for example, will change to show only six m…

Good example of continuous web redesign
www.niemanlab.org

"The Guardian released a beta version of its new website to get reader feedback as it continues to tweak its design.... Content discovery is a major focus ... “container model” allows the paper to implement a responsive design while also retaining a story hierarchy, user experience director... Each item contains a story, which are put together…

Your site is too slow
www.niemanlab.org

A study by Guardian, but applicable, I suspect, to just about every site out there: "trying to make theguardian.com load a lot faster in its new, responsive design, and there are a lot of ideas in here ready to be stolen by other news site developers. ... of 17 key product drivers, the speed of the site ranked No. 2, behind only whether content w…

Explain static, liquid, responsive & adaptive designs
liquidapsive.com

Excellent tool for explaining "the difference between Adaptive, Responsive, Static and Liquid sites ..." - Liquidapsive (Liqui-dap-sive)

New York Times redesign
money.cnn.com
Card image

"whole new publishing and technology system ... continually iterate on the site and take advantage of new technology trends ... instead of seeing major redesigns in the future, users will see more incremental changes" Key question: are the native ads clearly ads? - New York Times redesign points to future of online publishing - Jan. 8, 2014

Moving responsive design beyond screen size
www.niemanlab.org

#Context emerging as 2014 theme: "...newsrooms are going to reframe our understanding of “responsive design.” We’re going to see content move beyond simply responding to screen size and instead respond to reader context, adapting to behavior." - Nieman Journalism Lab

Cookies disclaimer

MyHub.ai saves very few cookies onto your device: we need some to monitor site traffic using Google Analytics, while another protects you from a cross-site request forgeries. Nevertheless, you can disable the usage of cookies by changing the settings of your browser. By browsing our website without changing the browser settings, you grant us permission to store that information on your device. More details in our Privacy Policy.