background preloader

Fantastic Information Architecture and Data Visualization Resources - Noupe Design Blog

Fantastic Information Architecture and Data Visualization Resources - Noupe Design Blog
Jan 15 2010 Information architecture can be a daunting subject for designers who’ve never tried it before. Also, creating successful infographics and visualizations takes skill and practice, along with some advance planning. But anyone with graphic design skills can learn to create infographics that are effective and get data across in a user-friendly manner. Below are a collection of resources to get you going down the information architecture and data visualization path. Whether you just want to become more familiar with infographics and data visualizations for occasional use or are thinking of making it a career, the resources below will surely come in handy. 1. Information architecture can be so complex, it’s no wonder there are entire sites dedicated to it. Info Design Patterns Info Design Patterns offers up information architecture news (a fairly new section without a lot of content) and a searchable database of info design patterns. InfoDesign Information Design Watch 2. 3. Related:  Visual information resources

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.

22 Useful Online Chart & Graph Generators Have you ever encounter situations where you need to create a simple yet good-looking chart, graphs or diagrams and all you have is your browser? Charts are good and effective way to show relationship between entities but sometimes creating one can be pretty challenging especially when your favorite word processing software is not around. In today’s post, we want to highlight some of the best web services that allow you to create various charts and graphs online on-the-fly. Rich Chart LiveCreate enjoyable and captivating Flash Charts from your web browser. DIY ChartDIY (Do it yourself) Chart is a Web-based, simple and powerful online tool to create interactive charts and graphs from static or dynamic data which may be generated using any scripting language. Online Chart Generator The best online chart and graph generator tool, Generate amazing 3D graphs instantly in few seconds. JS ChartsJS Charts is a JavaScript chart generator that requires little or no coding.

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, 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 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.