background preloader

Fantastic Information Architecture and Data Visualization Resources

Fantastic Information Architecture and Data Visualization Resources
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. 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 InfoDesign is an excellent resource for anyone interested in information architecture. Information Design Watch UXBooth – Information Architecture Design Crux – Information Design Cool Infographics JJG.net Boxes and Arrows Good Magazine Related:  Visual information resources

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. Most of them are easy to use and don’t you even worry about the design. Your output will be as good as what you see in the screen shots below. 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. JS ChartsJS Charts is a JavaScript chart generator that requires little or no coding.

Maps In Modern Web Design: Showcase and Examples - Smashing Magazine 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? 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. No Legend Required On traditional print maps, the legend serves as a translator for the symbols used.

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. Or the graphic novel version of your text-based anything. 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

Understanding by Design 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. 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. The sites used to determine the rankings are as follows :

ARISTOTLE" (THE KNOWLEDGE WEB) By W. Daniel Hillis Bush's imagined solution to this problem was something he called Memex. Memex was envisioned as a system for manipulating and annotating microfilm (computers were just then being invented). The system would contain a vast library of scholarly text that could be indexed by associations and personalized to the user Although Memex was never built, the World Wide Web, which burst onto the scene half a century later, is a rough approximation of it. As useful as the Web is, it still falls far short of Alexander's tutor or even Bush's Memex. For one thing, the Web knows very little about you (except maybe your credit card number). A New Tool for Learning Let's put aside the World Wide Web for a moment to consider what kind of automated tutor could be created using today's best technology. For example, one topic in the knowledge web might be Kepler's third law (that the square of a planet's orbital period is proportional to the cube of its distance from the sun). Table of Affordances

Elements of Design Quick Reference Sheet Last year, we created a Color Theory Quick Reference Poster - a cheat sheet designed to give you a quick overview of color theory at a glance. It proved fairly popular with the design community, as we received our biggest bump in traffic yet from it, and it remains one of our most popular posts. I know I still reference it quite often. One thing that quite a few readers have asked for is a similar quick reference poster, or cheat sheet, for the Elements of Design. Well, wait no longer readers – it’s here, it’s free, and it’s pretty sweet (in my humble opinion). *Edit: Guess what? Hit the jump for downloadable wallpapers, printable posters, and the original .EPS files. We took what we learned from the creation of the Color Theory poster and applied it to this Elements of Design cheat sheet. We made various files available for you to download, below. Desktop Wallpaper Posters Click to download a zipped folder of the print-ready 11×17″ PDF poster, containing both the grey & white versions.

Dynamic Diagrams' take on the world of visual explanation, information architecture, design, and technology Color Theory Quick Reference Poster It’s always good to be able to articulate design choices to your clients; why you put something where, why you chose the color scheme you did, etc. This knowledge is one of the biggest differences between a designer and a non-designer. But there is a lot to remember when it comes to the realm of graphic design – so much so that it’s pretty much impossible to remember everything from all the theories of graphic design, to web design best practices to Photoshop keyboard shortcuts. With that in mind, I decided it would be useful to have all of the basics of color theory contained in one place – specifically, a cool infographic-esque poster. *Edit: we now have an Elements of Design Quick Reference Poster as well as a Principles of Design Quick Reference poster too! The idea is that this graphic can be either printed out or used as a desktop wallpaper. The graphic contains info on: Hopefully this will be as useful to you as I’m hoping it will be to us here at Paper Leaf.

UX Booth: User Experience & Usability Blog

Related: