Infographics | § Section Design A poster created for Texas-based creative agency Test Monki. It was used to promote their s’mores themed open house event to show off their new studio space. We decided to use the idea of a s’more as a metaphor for the services that Test Monki provide. More images » A personal project inspired by reading a book about what was at the time the longest and most complicated bombing raid ever devised. More images » A 1 page graphic which illustrates every single manned space flight in history, and categorises them by country of origin and destination. This was published in a special issue of the Financial Times Weekend magazine – April 2/3 2011. More images » This 1 page graphic was for GQ magazine and showed the complex relationships and connections in the Nu-Folk music scene, of which Laura Marling appears to be a central figure. This was published in GQ UK September 2011 issue. More images » More images » More images » More images » The full issue of MAS Context can be downloaded here.
Maps In Modern Web Design: Showcase and Examples - Smashing Maga Advertisement Geo-location was a hot topic in 2009. With so many applications on GPS-enabled smartphones, more maps than ever were accessible to the average person. But how can Web designers and developers take advantage of an increasingly location-aware user base? This article explores existing trends, conventions and the possible future of interactive maps online. The Fundamentals Of Online Maps When most people think of maps on the Internet, Google, MapQuest and TomTom might come to mind. This isn’t a lesson in cartography, but understanding the purposes that maps can serve in modern Web design is important. Navigation and directions,Show relationships and trends geographically,Show points of interest. Interactive Maps The expansion of Web technology over the past decade has opened a number of doors to presenting data online. Interactive maps on the Internet present data most effectively when they invite action from the user. Panning and zooming are fundamental to the interactive map.
Trendspotting: Rich Autocomplete in Site Search | Get Elastic One trend I’ve noticed on a few enterprise software sites is the use of rich autocomplete in search results, although I haven’t seen it on other retail categories. For example, Dell.com uses a simple autocomplete feature in its search box. Autocomplete is helpful to the customer because it prevents errors from misspellings or synonyms the search engine doesn’t support (and the dreaded “0 results found”). For example, I may be thinking “USB stick” and when I type USB into the search box I see “USB flash drive” suggested as I type, so I select that (which as it turns out delivers much more relevant results than a search for “stick.”) With rich autocomplete, the retailer can include thumbnail images, prices, value propositions, special offers etc. Apple Store Because the brain recognizes and interprets images faster than text, showing thumbnails of Final Cut Pro software for quick scanning is better than a list of text links. I like how Apple has chunked out its category menus. Adobe Microsoft
60 Informative Social Networking and Social Media Infographics Infographics have become the method of choice to communicate data, facts, figures and statistics about a given topic. Social media has fueled their growth and popularity, and there have been a large number of social media infographics created over the past year. Whether you’re interested in analyzing the growth and history of social networking, or you want to break down a given social network and analyze it, there are plenty of social networking infographics to provide all the data you could need, in an easy to read format. We’ve gathered up 60 informative social networking infographics and social media infographics that will show you the differences, growth and social network demographics, as well as the rise in social media advertising spending, social media addiction, and where the blogosphere may be headed next. If you enjoyed this post, please consider sharing it with your favorite social network, it would only make sense to after all. Enjoy. The Biggest Shift Facebook vs Twitter
Amazon launches Storyteller to turn scripts into storyboards — automagically NOTE: GrowthBeat -- VentureBeat's provocative new marketing-tech event -- is a week away! We've gathered the best and brightest to explore the data, apps, and science of successful marketing. Get the full scoop here, and grab your tickets while they last. Upload your script, choose some backgrounds, and magically create a professional-looking storyboard of your movie. Amazon Studios released Storyteller today to allow writers and filmmakers to quickly, easily, and cheaply storyboard their scripts. And it can be used for much, much more than just scripts. “We’ve found that many writers want to see their story up on its feet in visual form but find it harder than it should be to create a storyboard,” Roy Price, Amazon’s director of Studios said in a statement. You start by uploading a script to Amazon Studios — or by playing with one that’s already there. Above: You can choose shot framing Image Credit: John Koetsier You need a visual story? Who knows — perhaps your script will too.
Data Visualization and Infographics Resources - Smashing Magazin Advertisement Data visualizations and infographics can make complex datasets easier to understand and comprehend. By creating a graphical represenatation of data and statistics, complicated concepts and information can make more sense in less time. Many visualizations focus on representing a specific set of data or statistical information. But visualizations and infographics can be used poorly, too. Also consider our previous articles: Data Visualizations and Infographics which lists examples and types of infographics and data visualizations.Data Visualization: Modern Approaches showcases modern examples of data visualization and infographics. 1. Here are some blogs and website that provide great information for information designers, including how-to articles, visualization showcases and galleries, and other resources. Strange Maps Strange Maps features only map-based graphics, both modern and historical. Wall Stats Visual Complexity Cool Infographics Data Mining Edward Tufte Infographics News
How Conceptual Metaphors are Stunting Web Innovation Venkatesh Rao is a researcher in the Xerox Innovation Group, and the project manager for Trailmeme, a research beta technology that allows users to blaze and follow trails through web content and the Trailmeme for WordPress plugin. He blogs at ribbonfarm.com. As much as we focus on developing new technologies, it is also essential that we break free of certain metaphors that bind and restrict our thinking about what these technologies can ultimately achieve. The familiar "document" metaphor, among others, has cast a long shadow on how we think about the web, and is standing in the way of some innovation. The Conceptual Metaphor In his classic study of media theory, Understanding Media, Marshall McLuhan wrote, “We look at the present through a rear-view mirror. Consider these terms: page, scroll, file, folder, trash can, bookmark, inbox, email, desktop, library, archive and index. It is important to understand that the document metaphor is more than a UI metaphor. The solution? Conclusion
- Looking 4 datavisualization Periodic Table of Typefaces Large original English version HERESpanish version HEREPortuguese version HERE PRINTS, SOURCE FILES, and other Periodic Table of Typeface related goodies are available HERE The Periodic Table of Typefaces is obviously in the style of all the thousands of over-sized Periodic Table of Elements posters hanging in schools and homes around the world. This particular table lists 100 of the most popular, influential and notorious typefaces today. As with traditional periodic tables, this table presents the subject matter grouped categorically. Each cell of the table lists the typeface and a one or two character "symbol" (made up by me simply based on logic), the designer, year designed and a ranking of 1 through 100. Ranking was determined by statistically sorting and combining lists and opinions from the the sites listed below. Unfortunately, the typefaces could not be sorted exactly numerically on the table while at the same time keeping them in groups of families and classes.