Information Architecture: Making Sense of Unstructured Contentnbaloian/Arquitectur... ·...
Transcript of Information Architecture: Making Sense of Unstructured Contentnbaloian/Arquitectur... ·...
Bill LenoirSr. User Experience ArchitectTen Mile Square Technologies, [email protected]
Information Architecture:Making Sense of Unstructured Content
Monday, October 5, 2009
Why isInformation Architecture
important?
Monday, October 5, 2009
Information Architecture: Everyone Has One1. Do you know what yours is?
2. How good is it?
3. How do you use it?
Monday, October 5, 2009
Interfaces Naturally Flow from a Well Structured Data Set
1. Know your content.
2. Know your users.
3. Your metadata will make or break you.
4. Test on a regular basis.
5. Google may very well be your most important user.
Monday, October 5, 2009
Case Studies‣Recipes: FoodNetwork vs. RecipeZaar
‣Animals.com
‣Limo Reservation System
Monday, October 5, 2009
TheInformation Architecture
of Recipes
Monday, October 5, 2009
Grant me the serenityTo accept the things I cannot change,Courage to change the things I can,and wisdom to know the difference.
Monday, October 5, 2009
The Lady's Cheesy Mac:
• 4 cups cooked elbow macaroni, drained• 2 cups grated Cheddar• 3 eggs, beaten• 1/2 cup sour cream• 4 tablespoons butter, cut into pieces• 1/2 teaspoon salt• 1 cup milk
1.Preheat oven to 350 degrees F.
2.Once you have the macaroni cooked and drained, place in a large bowl and while still hot and add the cheddar. In a separate bowl, combine the remaining ingredients and add to the macaroni mixture. Pour macaroni mixture into a casserole dish and bake for 30 to 45 minutes. Top with additional cheese if desired.
Recipe Data
Monday, October 5, 2009
The Lady's Cheesy Mac:
• 4 cups cooked elbow macaroni, drained• 2 cups grated Cheddar• 3 eggs, beaten• 1/2 cup sour cream• 4 tablespoons butter, cut into pieces• 1/2 teaspoon salt• 1 cup milk
1.Preheat oven to 350 degrees F.
2.Once you have the macaroni cooked and drained, place in a large bowl and while still hot and add the cheddar. In a separate bowl, combine the remaining ingredients and add to the macaroni mixture. Pour macaroni mixture into a casserole dish and bake for 30 to 45 minutes. Top with additional cheese if desired.
Recipe Data: Titles vs. Dishes
Monday, October 5, 2009
The Lady's Cheesy Mac:
• 4 cups cooked elbow macaroni, drained• 2 cups grated Cheddar• 3 eggs, beaten• 1/2 cup sour cream• 4 tablespoons butter, cut into pieces• 1/2 teaspoon salt• 1 cup milk
1.Preheat oven to 350 degrees F.
2.Once you have the macaroni cooked and drained, place in a large bowl and while still hot and add the cheddar. In a separate bowl, combine the remaining ingredients and add to the macaroni mixture. Pour macaroni mixture into a casserole dish and bake for 30 to 45 minutes. Top with additional cheese if desired.
Recipe Data: Ingredients, how granular?
Monday, October 5, 2009
The Lady's Cheesy Mac:
• 4 cups cooked elbow macaroni, drained• 2 cups grated Cheddar• 3 eggs, beaten• 1/2 cup sour cream• 4 tablespoons butter, cut into pieces• 1/2 teaspoon salt• 1 cup milk
1.Preheat oven to 350 degrees F.
2.Once you have the macaroni cooked and drained, place in a large bowl and while still hot and add the cheddar. In a separate bowl, combine the remaining ingredients and add to the macaroni mixture. Pour macaroni mixture into a casserole dish and bake for 30 to 45 minutes. Top with additional cheese if desired.
Recipe Data: Ingredients, how granular?
Monday, October 5, 2009
Recipe Data: Ingredients, how granular?
The Lady's Cheesy Mac:
• 4 cups cooked elbow macaroni, drained• 2 cups grated Cheddar• 3 eggs, beaten• 1/2 cup sour cream• 4 tablespoons butter, cut into pieces• 1/2 teaspoon salt• 1 cup milk
1.Preheat oven to 350 degrees F.
2.Once you have the macaroni cooked and drained, place in a large bowl and while still hot and add the cheddar. In a separate bowl, combine the remaining ingredients and add to the macaroni mixture. Pour macaroni mixture into a casserole dish and bake for 30 to 45 minutes. Top with additional cheese if desired.
2 cups grated Cheddar- Amount- Units- Form- Ingredient
Monday, October 5, 2009
The Lady's Cheesy Mac:
• 4 cups cooked elbow macaroni, drained• 2 cups grated Cheddar• 3 eggs, beaten• 1/2 cup sour cream• 4 tablespoons butter, cut into pieces• 1/2 teaspoon salt• 1 cup milk
1.Preheat oven to 350 degrees F.
2.Once you have the macaroni cooked and drained, place in a large bowl and while still hot and add the cheddar. In a separate bowl, combine the remaining ingredients and add to the macaroni mixture. Pour macaroni mixture into a casserole dish and bake for 30 to 45 minutes. Top with additional cheese if desired.
Recipe Data: A Step Should Be a Single Action
Monday, October 5, 2009
The Lady's Cheesy Mac:
• 4 cups cooked elbow macaroni, drained• 2 cups grated Cheddar• 3 eggs, beaten• 1/2 cup sour cream• 4 tablespoons butter, cut into pieces• 1/2 teaspoon salt• 1 cup milk
1.Preheat oven to 350 degrees F.
2.Once you have the macaroni cooked and drained, place in a large bowl and while still hot and add the cheddar. In a separate bowl, combine the remaining ingredients and add to the macaroni mixture. Pour macaroni mixture into a casserole dish and bake for 30 to 45 minutes. Top with additional cheese if desired.
Recipe Data: A Step Should Be a Single Action
1.The macaroni cooked and drained.
2.Place in a large bowl3.Add the cheddar4.Combine the remaining
ingredients5.Add to the macaroni
mixture6.Pour macaroni mixture
into a casserole dish7.Bake for 30 to 45 minutes.8.Top with additional cheese
if desired.
Monday, October 5, 2009
Recipe Metadata: Source
Monday, October 5, 2009
Recipe Metadata: Cuisine
Mexican cuisine is a style of food that originated in Mexico.
-- Mexican cuisine - Wikipedia
‣ For every taxonomy or controlled vocabulary you intend to user, consider:
‣Do you need it?
‣Do your users understand it?
‣Build a bridge between it and your users’ language.
Monday, October 5, 2009
Metadata vs. Data: Ingredient or Dish?
Monday, October 5, 2009
HowInformation Architecture
Can Help You Findthe Right Recipe
Monday, October 5, 2009
Who Is Searching?The Viewer‣ Someone who saw a recipe on a show.
‣ Will search once and then filter.
‣ Needs cues.
The Cook‣ Has or will soon purchase one or more
ingredients with which they hope to cook a meal.
‣ May conduct multiple searches that may also include filtering.
‣ Needs guidance.
The Chef‣ Has a menu in mind and wants to find
recipes for one or more dishes.
‣ Will conduct multiple searches looking for multiple recipes.
‣ Needs suggestions.
The Foodie‣ Wants to prove her skill and taste.
‣ Will conduct multiple searches until she homes in on an idea.
‣ Wants inspiration.
Monday, October 5, 2009
What Is Right? -- Look at the Recipe‣Who is the source?
‣How recent is the recipe?
‣How similar is it to other recipes?
Monday, October 5, 2009
What Is Right? -- Look at the Current User‣What are the search terms?
‣What path did he follow?
‣What do you think he liked in the past?
Monday, October 5, 2009
What Is Right? -- Look at All Users
Monday, October 5, 2009
Rule #1: Know Your Content
Monday, October 5, 2009
Rule #2: Test Your Searches‣What are your most popular searches?‣Over all‣Without hits‣With re-search‣Without clicks
‣ For each of the top 10 searches, evaluate the top 10 hits:‣Does it belong here?‣ Is it a good result?‣What’s missing?
Monday, October 5, 2009
Rule #3: Show Only What the User Wants to See
Object
copycopycopycopy
Manifestation Manifestation
copycopycopycopy
Monday, October 5, 2009
The Information Architecture of
Animals
Monday, October 5, 2009
Animals vs. Content about Animals
Article
Link
Photo
Video
GameUGC
Monday, October 5, 2009
What do users want to see?
Tiger Tiger Photos Photos
Tiger PicturesTiger PictsTiger Shots
Monday, October 5, 2009
Animals Taxonomy: Sorry Mr. Linnaeus
Tiger
Big Cats
Wild
Animals
Monday, October 5, 2009
Animals Taxonomy: Attributes
Tiger
Endangered
Big Cats
Wild
Animals
Monday, October 5, 2009
Animals Taxonomy: Relationships
Tiger
Endangered
Big Cats
Wild
Animals
Swamp
Deer
Deer
Is Prey of
Preys on
Monday, October 5, 2009
Animals Taxonomy: Relationships
Tiger
Endangered
Big Cats
Wild
Animals
Swamp
Deer
Deer
Is Prey of
Preys on
India
South Asia
Land
Monday, October 5, 2009
Um, wait!We don’t have any content!
Monday, October 5, 2009
Step 1: What Do Users Want?
Monday, October 5, 2009
Step 2: Generate the Content
Monday, October 5, 2009
Step 3: Evaluate the Content‣Do we even display the content?‣Accepted‣Rejected‣Queued
‣Generate and maintain a Black and White list.
‣ Same process as with recipes: Look at the content, the current user and all users.
‣No decision should ever be final.
Monday, October 5, 2009
Rule #3: (again) Give the people what they want‣Everyone loves photos.
‣ Provide interactions‣Video‣Games‣Messages Boards
‣Avoid displaying large quantities of text until the user wants to see it.
Monday, October 5, 2009
Rule #4: Put Some Thought into Your Search Results Page
‣ It doesn’t have to be a simple list of hits.
‣Think specialized home pages.
‣Think search engine landing pages.
Monday, October 5, 2009
Rule #5: Employ Your Users‣ People want to belong and feel valued.
‣ People will work for free.
‣Quantity has a quality all its own.
Monday, October 5, 2009
The Information Architectureof a
Limo Reservation System
Monday, October 5, 2009
The Domain
Res Agent
Reservation System
Passenger
Dispatch System
Res Supervisor
Operations Director
Arranger
Monday, October 5, 2009
The Most Important User: Passenger‣ Profiles (DOs and DON’Ts)
‣ Previous History
Monday, October 5, 2009
Agent Receives Call and TakesCaller’s and Passenger’s Name
New Passenger?
Create Passenger
Select Passenger
Create Arranger
Select Arranger
Select Account
Enter Trip Info
Find Passenger
NoYes
Can take longer if caller does not have all of the info.
Never Arrangedfor this PassengerNew Arranger
Find Arranger
Can take longer if the Arranger is from a travel agency that hasn’t done business with Carey before and is not in the ARC database.
Incomplete Passenger info may cause a delay or even lead the agent to create a new Passenger.
Previously Arrangedfor this Passenger
Will take longer if Service City is not obvious (e.g., “The passenger is in Idaho.”)
Enter Pick Up Info
Enter Drop Off Info
Enter Itinerary DataThere may not be any for this trip.
Is thereanother Trip?
Customer Calls Carey
Can take longer if Location info is not on file.
Can take significantly longer if Caller is unsure of travel time.
Enter Payment InfoMuch faster if Reservation is charged to an account.
Can take longer if there are issues with the credit card (e.g., Card’s in the name of someone other than the passenger).
Confirm Reservation
Save Reservation
Yes
Each additional trip can lengthen the time of the call depending on how different the new trip is. There-and-Back reservations are concluded rather quickly.
Best CaseExtra WorkWorst Case
No
Process Flow
Monday, October 5, 2009
Proposed Interface
Monday, October 5, 2009
Rule #6: Follow the Road Most Taken‣What is a natural action for your user?
‣How many possible paths could a process follow?
‣ Pre-populate with useful default values.
‣What is truly required?‣What’s optional?
Monday, October 5, 2009
In Conclusion...
Monday, October 5, 2009
The correct answer is:It Depends
Monday, October 5, 2009
1.Know your content.
2.Know your users.
3.Your metadata will make or break you.
4.Test on a regular basis.
5.Google may very well be your most important user.
In the “real world”:
Monday, October 5, 2009
Bill LenoirSr. User Experience ArchitectTen Mile Square Technologies, [email protected]
Monday, October 5, 2009