background preloader

Jesse James Garrett: Visual Vocabulary for Information Architecture

Jesse James Garrett: Visual Vocabulary for Information Architecture
Looking for more? My book The Elements of User Experience puts information architecture and interaction design in context for beginners and experts alike. You can now order the book from version 1.1b (6 March 2002) Jesse James Garrett (contact) Translations of this document are available: Chinese (thanks to Arky Tan) Japanese (thanks to Atsushi Hasegawa) Spanish (thanks to Javier Velasco) Italian (thanks to Laura Caprio and Beatrice Ghiglione) French (thanks to Francois Lamotte) German (thanks to Marcus Brinckhoff) Portuguese (thanks to Livia Labate and Laura Cretton Lessa) Table of Contents Summary Diagrams are an essential tool for communicating information architecture and interaction design in Web development teams. Version history 1.1b (6 Mar 2002) Information on built-in support in OmnGraffle 2.0 New shape library for iGrafx Flowcharter 1.1a (17 Sep 2001) New shape libraries for Macromedia FreeHand Posted cheat sheet and PDF shape template 1.1 (31 Jan 2001) 1.0 (17 Oct 2000)

Successful Web Development Methodologies Article Commercial Web development has been around for more than 10 years. As an industry, this one’s still fairly young when you consider others that have been around for centuries. But relative youth as an industry is no excuse for not doing better. Consider the number of sites that are rebuilt for clients every day, and you’ll likely agree that there’s still much poor quality work being done, which affects us all: it means that clients are more wary and less trustful of Web developers. Anything that tarnishes our industry can tarnish all of us individually. Having tried, trusted and standardised approach to Web development would go a long way to helping avoid the mistakes we all see over and over again. As the Development Manager for a team of 20, in the heady dotcom days, this was exactly the dilemma I faced. The Symptoms A number of factors combined to force the Web development team to make a change in the way we did things. First and foremost, projects were constantly going over-time. Size

Google Guava - Monitor The Google Guava project is a collection of libraries that every Java developer should become familiar with. The Guava libraries cover I/O, collections, string manipulation, and concurrency just to name a few. In this post I am going to cover the Monitor class. Comparing Monitor and ReentrantLock For starters it would be helpful to do a side by side comparison the Monitor and ReentrantLock. As you can see from the example, both have virtually the same number of lines of code. while(something==true){ condition.await() } to be a little awkward. Usage Guidelines It should be noted that enter methods that return void should always take the form of: monitor.enter() try{ }finally{ monitor.leave(); } and enter methods that return a boolean should look like: if(monitor.enterIf(guard)){ try{ }finally{ monitor.leave(); } }else{ .. monitor not available.. } Boolean Conditions Conclusion Resources

IAFACTORY, conseil en architecture de l'information English 50 Exercises for Story Writers English 50 – Intro to Creative Writing: Exercises for Story Writers Basic Theory: What is a short story? As soon as someone delivers a definition, some good writer will write a story that proves the theory wrong. Short stories have a narrator; that is, someone tells the story; have at least one character in them; have some action occur (or perhaps fails to occur); take place somewhere; that is, there is a setting for the action; and someone either learns something or fails to learn something (theme).With these five characteristics in mind, we can create an almost endless supply of exercises to help sharpen our techniques of story telling. Narrative Voice Twenty or so years ago, voice was the "rite of passage" into a successful writing career. Nevertheless, a narrative voice that sounds like it could be anyone's voice or is bland and boring, or riddled with pointless clichés will fail to capture and hold the reader's attention. If you've written a story in third person, try it in first.

Data Visualization: Modern Approaches Data presentation can be beautiful, elegant and descriptive. There is a variety of conventional ways to visualize data – tables, histograms, pie charts and bar graphs are being used every day, in every project and on every possible occasion. However, to convey a message to your readers effectively, sometimes you need more than just a simple pie chart of your results. So what can we expect? Let’s take a look at the most interesting modern approaches to data visualization as well as related articles, resources and tools. 1. Trendmap 20071 Informationarchitects.jp3 presents the 200 most successful websites on the web, ordered by category, proximity, success, popularity and perspective in a mindmap. 2. Newsmap4 is an application that visually reflects the constantly changing landscape of the Google News news aggregator. Digg BigSpy arranges popular stories at the top when people digg them. Digg Stack: Digg stories arrange themselves as stack as users digg them. 3. 4. 5. 6.

7 Interface Design Techniques to Simplify and De-clutter Your Interfaces What is simplicity? Simplicity is the quality of being natural, plain and easy to understand. It is not surprising then that simplicity is often thrived for in user interface design. Most people naturally dislike complexity in devices and software. Yes, some people find joy in figuring out how something works, but for most of us, being unable to operate a device leads to wasted time and frustration, and that’s not a good thing. If you can take a complex device or a piece of software and somehow rearrange, reorganize and redesign the interface to make it easy to use and understand, then you’re well on the way to delivering a better user experience. In this article I’m going to talk about 7 practical techniques that you can utilize in web design to make your websites or web applications simpler and less cluttered. 1. Modal windows are like pop-up windows, but instead of appearing in a separate browser window, they appear right inside the current one, over the top of the content. 2. 3. 4.

Why you have less than a second to deliver exceptional performance Application Performance The success of the Web performance movement shows that there is increasing interest and value in fast websites. That faster websites lead to more revenue and reduced costs is a well proven fact today. So being exceptionally fast is becoming the dogma for developing web applications. But what is exceptionally fast and how hard is it to build a top performing web site? Defining exceptionally fast First we have to define what exceptionally fast really means. There is no single value that defines which performance users expect. This research is also backed up by studies done by Forrester asking people about their expectations regarding web site response times. It seems like two seconds is the magic number for a web site to load. How much faster do we have to be? From a purely technical perspective everything faster than two seconds should be considered exceptionally. As a general rule we can say that humans are able to perceive time differences of about 20 percent. How much time do we have? Jakob Nielsen on Usability and Web Design 10 Usability Heuristics for User Interface Design April 24, 1994 | Article: 2 minutes to readJakob Nielsen's 10 general principles for interaction design. They are called "heuristics" because they are broad rules of thumb and not specific usability guidelines. When to Use Which User-Experience Research Methods October 12, 2014 | Article: 8 minutes to readModern day UX research methods answer a wide range of questions. Write or Die by Dr Wicked | Putting the 'Prod' in Productivity Boxes and Arrows: The design behind the design 10 Essential Tools for the Lean Web Developer There is no correct set of tools every developer should be using. The right tool is the one best suited to you. We've compiled a list of 10 exceptional free or open source apps for developers to help keep costs minimal, improve productivity and simplify workflow. You will find some old favorites listed; however, you might discover some new tools for your arsenal. Please note, it doesn't contain any browser tools. Are there any free or open source apps you use as a developer on a daily basis? Photo via iStockphoto, falcatraz

From the Mule’s Mouth » Give your application a voice of its own with Twilio The last time we talked I show you how you can easily build RESTful APIs on top of iON. I just covered just a very narrow scenario, the sky is the limit when talking about the kind of integrations that you can build using iON. So this week I’m going to walk you through another interesting use case, IVRs. If you don’t know what they are, don’t worry I will cover the basics in this article. Stick around it’s going to be wild. Now you know what IVR stands for. You have used IVR systems in the past. Most IVRs systems are very expensive to implement requiring heavy investments in CTI equipment, PSTN trunk connectivity and of course licenses for IVR software packages. Twilio Voice allows you to build voice applications that run on the telephony network. Twilio Voice only helps us solve half of the solution. Twilio Voice will only helps us solve 1, 2, 5, 6 and 7. For this exercise we will be using Zuora as the SaaS vendor. Let’s begin by building a Mule application: Ok. We are getting closer.

Alertbox: Jakob Nielsen's Newsletter on Web Usability 10 Usability Heuristics for User Interface Design April 24, 1994 | Article: 2 minutes to readJakob Nielsen's 10 general principles for interaction design. They are called "heuristics" because they are broad rules of thumb and not specific usability guidelines. When to Use Which User-Experience Research Methods October 12, 2014 | Article: 8 minutes to readModern day UX research methods answer a wide range of questions.