background preloader

Complete Beginner’s Guide to Information Architecture

Complete Beginner’s Guide to Information Architecture
Timothy Greig structures the information flow of a library website. Photo by Timothy Greig Information architecture is an often misunderstood job title. Are they Designers? Along the way we’ll share some of the tweeters, books, and resources we found useful for budding information architects. A Common Workplace Scenario An information architect joined my team on a project I worked on in Atlanta. Who is an Information Architect? I find it easiest to derive what a job entails by listening to the people who do that job. Jesse James Garrett says: Information architecture encompasses a wide range of problems. Jesse James Garrett The Information Architecture Institute defines Information Architecture as: The art and science of organizing and labeling web sites, intranets, online communities and software to support usability and findability. Information Architecture Institute Lastly, to quote Andrew Hinton: Flickr allows me to upload my pictures and organize them, tag them, however I see fit.

FlowingData | Data Visualization and Statistics NewsTools Apps | Spectra| msnbc.com Spectra Spectra merges the news spectrum and the color spectrum into an expansive news viewing experience. With comprehensive live news coverage, striking design, complete customization, dynamic browsing, human body interaction and many other unique features, Spectra brings A Fuller Spectrum of News to life in our most immersive extension yet. Select msnbc.com topics fromthe news channel palette. Use your webcamfor human interaction. Apps & Games Podcasts Podcast Gallery Dispatch Feeds RSS Channel Directory Radder Latest headlines Tenn. plane crash devastates Kansas ranching family The hero pilot of the light plane that crashed in Nashville, Tenn., was a prominent Kansas rancher on his way to the nation's largest cattle industry trade show, authorities said Tuesday. 4 killed in Tenn. crash; pilot avoided building Olympic construction leaves Sochi residents in the cold 2013 a record year for exonerations of prisoners Avalanche-choked road into Alaska town to reopen Multimedia Nightly News Video Topics Autos

kev/null - Presentations ##See What I Mean For those who’ve attended the session or workshops previously, thanks! Hope you enjoyed it and as always, we’d love to hear how it was applied and whether it was useful. This post will serve as the place where I’ll keep the resources related to the presentation updated. ##Upcoming Presentations / Workshops VizThink 2009, San Jose, CA: 60min SessionIA Summit 2009, Memphis, TN: Full day workshop ##Presentations / Slides Unfortunately, the slides use very few bullet points so it may be hard to follow without being there. - AOL Mountain View’s post session interview is up. - Livia Labate has a recording of the session. ###Resources If you have any feedback, pictures, links or suggestions, feel free to drop a comment. Also check out all my Del.icio.us bookmarks that I save related to this topic.

Content Analysis Heuristics Most website designers are aware that an important part of understanding the background of any website redesign project is performing a content inventory as well as a content analysis. After all, authorities Lou Rosenfeld and Peter Morville include this famous Venn diagram in their classic Information Architecture for the World Wide Web: Clearly, we are supposed to understand the current website content before we begin the process of redefining and reorganizing the website. So we all dutifully go through the website and prepare a content inventory spreadsheet capturing page titles, details of page content, and so on. Each content inventory contains a different set of columns and fields; each has a purpose specific to the needs of the particular site being analyzed. Sarah Rice has developed another example(xls) that’s available as part of the IAInstitute’s tools project. Content Analysis Heuristics Each of these heuristics will be discussed in detail in turn. Collocation Differentiation Currency

40 Online Generators for Web Designers Should Bookmark Online Generators for Web Designers can be a great way to save time in your web design projects. High-quality generators can create graphics or code or even layouts in a matter of seconds or minutes, things that might take an hour or more if done by hand. Online generator are those tools that help us to create those popular “XHTML valid” CSS banners, micro buttons or css website templates in seconds. Advertisement 1. XML /SWF charts are used to create attractive graphs and charts from XML data, Create a source either manually or generate dynamically then pass it to the XML chart’s flash file. 2. The web form generator from Web Form Factory automatically generates he necessary backend code to tie your form to a database. 3. Typetester is used to compare three different type of fonts on screen making your designing job easier , Just specify the specifications and compare them 4. 256 Pixels 5. 80 x 15 brilliant Button Maker 6. 7. 8. 9. 10. 11. 12. 13. pForm pForm is a free HTML form builder.

How can I learn to create beautiful infographics (with connectio Navigation stress test | Keith Instone The idea behind my navigation stress test is to ask some really hard questions about your web site navigation to see if it can "pass". It is called a "stress test" because most pages will not pass. The failures may be serious, or they may not matter at all, but at least by performing the test you will have discussed the navigation issues and made conscious design decisions. The questions are detailed ways to ask about 3 basic concerns users often have upon arriving at a page: Where am I? Process "Randomly" pick a low-level page, not a home page, from your site Print the page out in black and white, without the URL listed in the header/footer Pretend that you are entering this site for the first time at this page and try to answer to questions below Mark-up the piece of paper with what you think the answers are Have other members of your team, and people who know nothing about your site, do the stress test too. For the "problem" areas, you have several choices for action to take. Example

20 Email Design Best Practices and Resources for Beginners Even for experience designers, building email newsletters isn't easy. You receive a lovely looking design, and you crack on with the development. Unfortunately, it just doesn't work as it should in every email clients. Styles don't display, images aren't visible, etc. This is where these twenty best practices come in handy. 1: Keep the Design Simple Emails are not like complex website designs; they should be nicely designed, but somewhat basic. The cleaner the design, the easier it will be to code, and the less chance of any abnormalities happening between various browsers and email clients. 2: Use Tables Email clients live in the past, so all emails must be built using tables for layout. Not Accepted Accepted 3: Have Web Browsers at the Ready Make sure you have as many web browsers as possible available to you. At the very least, use these: Internet Explorer 6Internet Explorer 7Internet Explorer 8Mozilla Firefox 3Apple Safari 3Google Chrome 4: Sign Up for all the Major Email Clients No Alt Tags

Good Contract for Web Designers When you are getting started as a web designer, finding a good contract can be a real obstacle. Now, I am not a lawyer, but here is a contract for web designers that I used to use when I did consulting and web design projects for less than $10,000. It’s a great contract for those small brochure-type websites in the $0-$5,000 range (we used a different contract for engagements over $10,000). 1) it describes the process 2) it puts onus/responsibility on YOUR CLIENT – VERY IMPORTANT 3) it is short 4) it is easy to understand 5) it breaks down gracefully Over 6+ years I found this was all I needed for small web design projects. Feel free to use this contract if you like. Additional Costs: * Copyediting: $***/hour * Additional graphics and HTML: $***/hour * Programming: $***/hour * Significant updates to site and/or database: $***/hour (minimum $*** fee) * Search engine optimization consulting: $***/hour YOUR CLIENT is responsible for the provision of all site content in a timely manner.

This American Infographic Today I listened to Episode 2. It’s funny how current this whole program sounds, everything seeming perfectly natural as “the recession” and it’s effects were mentioned. While listening to the segment on the hacker/phreaker/phishers I wondered about what kind of internet crimes are committed nowadays, so I found some data on that. I also found poet Michael Warr’s description of his schedule as a Jehovah’s Witness very interesting. It was harder to create an infographic for this one than the first one. While doing the research I found this interesting summary of cybercrime cases (at justice.gov). Comparing User Research Methods for Information Architecture By Jim Ross Published: June 7, 2011 “Nowadays, there are multiple techniques and tools, both online and offline, for generative and evaluative user research for information architecture (IA), which provide greater insights on organizing and labeling information.” In the old days, card sorting was simple. In this column, I’ll summarize and compare the latest generative and evaluative methods for IA user research. Generative IA Research Methods Information architecture user research seeks to understand how people think about information to determine the best ways of organizing and labeling content. generative—gathering user input on the organization and labeling of content—orevaluative—determining whether people can correctly find things in an organizational structure we’ve created Using both methods in an iterative approach to user research is often the best way to ensure an intuitive information architecture. Initial User Research Open Card Sorting Individual Versus Group Card Sorting Endnotes

Related: