Developing Information Architecture with Non-Technical Stakeholders

Developing Information Architecture
with Non-Technical Stakeholders
Vanessa Turke (@vcreatrix)
Senior Solution Architect at ImageX Media




“Information Architecture: The art and science of organizing and labeling web sites,
intranets, online communities and software to support usability and findability.”
     ~ The IA Institute
presentation outline

★   What is the value of good information architecture?
★   Identifying project stakeholders
★   Effectively facilitating stakeholder groups
★   Where does information architecture begin?
★   What is the process for developing IA for Drupal?
★   How do you know when you’re done?
information architecture components


 1. Organization systems - How we categorize information

 2. Labeling systems - How we represent information

 3. Navigation systems - How we move through information

 4. Searching systems - How we search information




  Peter Morville, Louis Rosenfeld. Information Architecture for the World Wide Web O'Reilly, 2006
IA process overview

 ★   Identify the project needs
 ★   Conduct research
 ★   Review content life cycle
 ★   Document user experience
 ★   Organize, classify & label
 ★   Create information and access model
 ★   Design navigation system
 ★   Create wireframes
who are project stakeholders
identifying stakeholders
potential stakeholders

 ★   Marketing & Sales
 ★   Content Strategist
 ★   HR People
 ★   Faculty / Educational Consultants
 ★   Board Members / Executive Director
 ★   Project Managers / IT Team
 ★   Copywriter / Editor
 ★   Remote Team
 ★   In House Designer
 ★   Outside Vendors
 ★   Volunteers
 ★   Customers / Focus Group
effectively facilitating stakeholder groups

  ★   Agree on what the project is about on a high level
  ★   Take an evidence based approach
  ★   Outline the value of content management
  ★   Work with actual users
  ★   Work with actual content
  ★   Discuss the entire content life cycle (7 ‘C’s)
  ★   Review access and workflow from every angle
  ★   Look at the requirements through different lenses
first agree on the purpose of the project
background and high-level analysis


 ★    Type of Organization
 ★    Type of Website
 ★    Type of Audience




     Carolyn Chandler & Unger, Russ. Project Guide to UX Design, A: For user experience designers in the field or
     in the making: New Riders, the Voices That Matter series, 2009
organization type


 ★    Company, Non-profit, etc.
 ★    Philosophy
 ★    Process
 ★    Role of website in their organization




     Carolyn Chandler & Unger, Russ. Project Guide to UX Design, A: For user experience designers in the field or
     in the making: New Riders, the Voices That Matter series, 2009
website type

 1.   Brand Presence
 2.   Marketing Campaign
 3.   Content Source
 4.   Task-based application


 5.   E-Commerce (combines 1-4)
 6.   E-Learning (combines 3 & 4)
 7.   Social Network (can combine 1,2,3 & 4)

  Carolyn Chandler & Unger, Russ. Project Guide to UX Design, A: For user experience designers in the field or
  in the making: New Riders, the Voices That Matter series, 2009
primary audience


 ★   Customers/Clients
 ★   Organizational Members
 ★   Employees/Staff
 ★   ???
conducting research
research

★    Research Meetings
★    Stakeholder Interviews
★    Content Analysis
★    Content Mapping
★    Competitive Research and Benchmarking
★    Heuristic Evaluation
★    Usage Statistics
★    User Surveys
★    Usability Testing
★    Card Sorting

    http://www.jojest.com/process
stakeholder meetings and interviews

★   Sales & Marketing Team - branding, direction
★   Strategy Team - mission, vision, audience
★   Subject Matter Experts - data modeling, metadata
★   Content Creators - publishing workflow, content life cycle
★   Content Management Team - web policy, standards & governance
★   IT Team - infrastructure, integrations, technological constraints
information gathering tools

 ★   Spreadsheet
 ★   PowerPoint
 ★   Websort / Optimalsort
 ★   Naview
 ★   Usertesting.com
 ★   Usabilityhub
 ★   Google Analytics
 ★   Usabilla
 ★   SilverBack
 ★   IntuitionHQ
 ★   Custom tool
consulting analytics




          http://www.alistapart.com/articles/taking-the-guesswork-out-of-design/
a content audit
usability audit




                  http://www.userfocus.co.uk/articles/heuristics.html
documenting the user experience
high level questions


1.   What is the business goal of the website?
2.What is the mission critical task for a user to
 complete?




 http://www.slideshare.net/rhanna/preparing-for-successful-content-management
user goal: information

★    Browsing, comparing, comprehending:
★    Maps
★    News readers
★    Dashboards
★    Media players
★    Online stores




    http://insidetech.monster.com/training/articles/7760-how-to-create-a-rich-internet-application-screen-design
user goal: process

★    Providing information in a structured manner:
★    Product configuration
★    Tool setup, or installation
★    Signup & Registration
★    Store checkout
★    Booking resources




    http://insidetech.monster.com/training/articles/7760-how-to-create-a-rich-internet-application-screen-design
user goal: creation
★    Create new content or modify existing content:
★    Publishing new content
★    Revising / editing content
★    Formatting / styling
★    Submitting content for moderation




    http://insidetech.monster.com/training/articles/7760-how-to-create-a-rich-internet-application-screen-design
leading stakeholder conversations
★   “Walk me through the current process of...”
★   “Would you imagine that it would work this way...”
★   “So ideally you would see this piece working like this..?”
★   “I am hearing that the most important piece of this is...”
★    “Would you see an immediate need for [feature XYZ], or
    can this wait until phase two?”
as a [type of user] I want to [goal] so
         that I can [reason].
writing user stories




http://blog.mountaingoatsoftware.com/advantages-of-the-as-a-user-i-want-user-story-
template
reviewing the content life cycle
the 7 ‘C’s of content management
the 7 ‘C’s of content management

1.   Conception
the 7 ‘C’s of content management

1.   Conception
2.   Creation
the 7 ‘C’s of content management

1.   Conception
2.   Creation
3.   Categorization
the 7 ‘C’s of content management

1.   Conception
2.   Creation
3.   Categorization
4.   Confirmation
the 7 ‘C’s of content management

1.   Conception
2.   Creation
3.   Categorization
4.   Confirmation
5.   Changes
the 7 ‘C’s of content management

1.   Conception
2.   Creation
3.   Categorization
4.   Confirmation
5.   Changes
6.   Community
the 7 ‘C’s of content management

1.   Conception
2.   Creation
3.   Categorization
4.   Confirmation
5.   Changes
6.   Community
7.   Consumption
organize, classify & label
organizing, classifying & labeling


★    Identify content types
★    Identify attributes & values
★    Identify relationships
★    Identify terms & vocabulary




    http://www.agiledata.org/essays/dataModeling101.html
Developing Information Architecture with Non-Technical Stakeholders
Developing Information Architecture with Non-Technical Stakeholders
when labeling, eschew obfuscation!

★    Research industry terms
★    Highlight every industry term, phrase, or buzzword
★    Ask repeated ‘why’ questions regarding terms and concepts
★    Ask random people what they mean
★    Come up with answers a 10-year old would understand



    http://www.grokdotcom.com/2009/08/07/im-not-an-idiot-but-i-play-one-on-online-and-so-should-you/
varied search titles by user

★   Human Resources Manager, “HR Form V3051”
★   Team Manager, “Leave Application”
★   Staff Member, “going on vacation” or “holiday request”




    http://www.zefamedia.com/websites/card-sorting-doesnt-cut-the-custard/
example of inconsistent site-wide labels for “locations”

  ★   Branch
  ★   Store
  ★   Location
  ★   Bureaux
  ★   Airport locations
  ★   Airport branches
  ★   Retail locations
  ★   City Locations
  ★   Boutique storefront locations
designing the navigation and
     information model
cardsorting

★    Do the users want to see the information grouped by
    subject, process, business group, or information type?
★    How similar are the needs of the different user groups?
★    How different are their needs?
★    How many potential main categories are there?
    (typically relates to navigation)
★    What should those groups be called?


    http://www.boxesandarrows.com/view/card_sorting_a_definitive_guide
Developing Information Architecture with Non-Technical Stakeholders
Developing Information Architecture with Non-Technical Stakeholders
sitemap
Developing Information Architecture with Non-Technical Stakeholders
navigation stress test

★    What is this page about?
★    What site is this?
★    What are the major sections of this site?
★    What major section is this page in?
★    What is "up" 1 level from here?
★    How do I get to the home page of this site?
★    How do I get to the top of this section of the site?
★    What does each group of links represent?

    http://instone.org/navstress
content types
title

 Author

 Date

 Body text Body text Body text Body text
 Body text Body text Body text Body text Image
 Body text Body text Body text Body text Body text Body


 Attachment (PDF 131 MB)



 Resource Link
Developing Information Architecture with Non-Technical Stakeholders
user roles
understanding search approach


 ★    Known-item
 ★    Exploratory
 ★    Don’t know what you need to know
 ★    Re-finding




     http://www.boxesandarrows.com/view/four_modes_of_seeking_information_and_how_to_design_for_them
multiple pathways example: “vegan chocolate cake”

★   By ingredient (e.g. “chocolate”)
★   By dietary consideration (“vegan”)
★   By category (e.g. “desserts”)
★   By searching (e.g. “vegan cakes”)
keyword search issues example: “DRESSING”
pattern libraries, mockups and/or proof of concept
creating wireframes
create attention map to prioritize page elements




   http://webdesignfromscratch.com/web-design/attention-map.php
   http://www.alistapart.com/articles/taking-the-guesswork-out-of-design/
sketching out initial layout




   http://37signals.com/svn/posts/466-sketching-with-a-sharpie
Developing Information Architecture with Non-Technical Stakeholders
Developing Information Architecture with Non-Technical Stakeholders
IA deliverables

  ★   Content Audit
  ★   Data modeling: content types, relationships and taxonomy
  ★   Access Matrix
  ★   Sitemap / navigation system
  ★   Publishing workflow & conversion workflow
  ★   User Stories
  ★   Wireframes
common stumbling blocks

 ★   Conflicting vocabularies
 ★   Inexperience with CMS (still thinking in terms of pages)
 ★   Steep learning curve
 ★    Organizational shift (from submitting copy to a webmaster
     to editing and publishing own content)
 ★   Unfinished site content (BIG RED FLAG!)
symptoms of an unproductive committee

 ★   Unable to come to decisions
 ★   Revisiting the decisions multiple times
 ★   Changes in communication pattern
 ★   Excessive rabbit hole or spinoff discussions
 ★   Excessive time between meetings
 ★   Undermining committee member behavior
 ★   Private communications
causes of an unproductive committee

 ★   Lack of a clearly stated objective
 ★   Lack of milestone based deadline
 ★   No process roadmap
 ★   Suggestions based on individual preferences
 ★   Absence of leader or final decision maker
 ★   Disorganized feedback process
 ★   Diffused resources and priorities
 ★   Personal or political agendas
 ★   Policy Roadblocks
staying focused

★    Schedule regular web meetings and stick to the schedule
★    Provide regular status updates
★    Provide opportunities for brainstorming
★    Version control of project documentation
★    Task delegation: Recognize each one’s strengths and work
    autonomously




    http://sixrevisions.com/project-management/how-to-make-remote-team-collaboration-work/
stakeholder communications structure
thank you!
Vanessa Turke
http://imagexmedia.com/vanessa

Presentation Resources:
http://www.vanessaturke.net/ia-ux
1 of 71

Recommended

Information Architecture for Drupal by
Information Architecture for DrupalInformation Architecture for Drupal
Information Architecture for DrupalVanessa Turke
4K views39 slides
User Testing your Drupal Administration Process by
User Testing your Drupal Administration ProcessUser Testing your Drupal Administration Process
User Testing your Drupal Administration ProcessVanessa Turke
1.9K views47 slides
Beyond Budget and Scope: Managing Client Expectations and Delivering Value by
Beyond Budget and Scope: Managing Client Expectations and Delivering ValueBeyond Budget and Scope: Managing Client Expectations and Delivering Value
Beyond Budget and Scope: Managing Client Expectations and Delivering ValueVanessa Turke
5.8K views58 slides
Improving your site's usability - what users really want by
Improving your site's usability - what users really wantImproving your site's usability - what users really want
Improving your site's usability - what users really wantleisa reichelt
5.2K views87 slides
Creating Sustainable Website Processes by
Creating Sustainable Website ProcessesCreating Sustainable Website Processes
Creating Sustainable Website ProcessesNatalie Semczuk
390 views147 slides
The Ultimate Website Development Roadmap by
The Ultimate Website Development RoadmapThe Ultimate Website Development Roadmap
The Ultimate Website Development RoadmapAdina Zaiontz
29.4K views78 slides

More Related Content

Similar to Developing Information Architecture with Non-Technical Stakeholders

User centered design process - Measurefest Presentation by
User centered design process - Measurefest PresentationUser centered design process - Measurefest Presentation
User centered design process - Measurefest Presentationflashbender
1.8K views41 slides
graham-morton-resume by
graham-morton-resumegraham-morton-resume
graham-morton-resumeGraham Morton
242 views4 slides
Devportal Information Architecture: A 4-step Method by
Devportal Information Architecture: A 4-step MethodDevportal Information Architecture: A 4-step Method
Devportal Information Architecture: A 4-step MethodPronovix
343 views27 slides
Keywords and beyond by
Keywords and beyondKeywords and beyond
Keywords and beyondWellfire Interactive
236 views46 slides
How to Ease Scaleup Growing Pains - from Startup to Scaleup without the pain by
How to Ease Scaleup Growing Pains - from Startup to Scaleup without the painHow to Ease Scaleup Growing Pains - from Startup to Scaleup without the pain
How to Ease Scaleup Growing Pains - from Startup to Scaleup without the painNeerventure.com
144 views39 slides
User Experience from a Business Perspective by
User Experience from a Business PerspectiveUser Experience from a Business Perspective
User Experience from a Business PerspectiveDanny Mittleman
881 views36 slides

Similar to Developing Information Architecture with Non-Technical Stakeholders(20)

User centered design process - Measurefest Presentation by flashbender
User centered design process - Measurefest PresentationUser centered design process - Measurefest Presentation
User centered design process - Measurefest Presentation
flashbender1.8K views
Devportal Information Architecture: A 4-step Method by Pronovix
Devportal Information Architecture: A 4-step MethodDevportal Information Architecture: A 4-step Method
Devportal Information Architecture: A 4-step Method
Pronovix343 views
How to Ease Scaleup Growing Pains - from Startup to Scaleup without the pain by Neerventure.com
How to Ease Scaleup Growing Pains - from Startup to Scaleup without the painHow to Ease Scaleup Growing Pains - from Startup to Scaleup without the pain
How to Ease Scaleup Growing Pains - from Startup to Scaleup without the pain
Neerventure.com144 views
User Experience from a Business Perspective by Danny Mittleman
User Experience from a Business PerspectiveUser Experience from a Business Perspective
User Experience from a Business Perspective
Danny Mittleman881 views
Recruiting for Drupal #Hiring by Gaurav Gaur
Recruiting for Drupal #HiringRecruiting for Drupal #Hiring
Recruiting for Drupal #Hiring
Gaurav Gaur674 views
Prototyping Workshop - Wireframes, Mockups, Prototypes by Marta Soncodi
Prototyping Workshop - Wireframes, Mockups, PrototypesPrototyping Workshop - Wireframes, Mockups, Prototypes
Prototyping Workshop - Wireframes, Mockups, Prototypes
Marta Soncodi3.6K views
UX and SEO: Building an awesome UX and SEO strategy for your website by Red Blue Blur Ideas
UX and SEO: Building an awesome UX and SEO strategy for your websiteUX and SEO: Building an awesome UX and SEO strategy for your website
UX and SEO: Building an awesome UX and SEO strategy for your website
Find your path in the web industry by Jon Thomas
Find your path in the web industryFind your path in the web industry
Find your path in the web industry
Jon Thomas148 views
6 Questions to Ponder When Planning Your New Website w/ Sara Isenberg by Sara Isenberg
6 Questions to Ponder When Planning Your New Website w/ Sara Isenberg6 Questions to Ponder When Planning Your New Website w/ Sara Isenberg
6 Questions to Ponder When Planning Your New Website w/ Sara Isenberg
Sara Isenberg663 views
T2L3.doc by butest
T2L3.docT2L3.doc
T2L3.doc
butest294 views
Chip_Swanson-Resume-2016-1 by Chip Swanson
Chip_Swanson-Resume-2016-1Chip_Swanson-Resume-2016-1
Chip_Swanson-Resume-2016-1
Chip Swanson207 views
Becoming A User Advocate by Karl Kaufmann
Becoming A User AdvocateBecoming A User Advocate
Becoming A User Advocate
Karl Kaufmann650 views
What is Drupal? An Introduction to Drupal 8 by Suzanne Dergacheva
What is Drupal? An Introduction to Drupal 8What is Drupal? An Introduction to Drupal 8
What is Drupal? An Introduction to Drupal 8
Suzanne Dergacheva3.3K views
Creating UI Marketers Won't F*Up by LOIC BURDET
Creating UI Marketers Won't F*UpCreating UI Marketers Won't F*Up
Creating UI Marketers Won't F*Up
LOIC BURDET2.9K views

Recently uploaded

Computer Digital Arts.pptx by
Computer Digital Arts.pptxComputer Digital Arts.pptx
Computer Digital Arts.pptxMARYFLORDATANGEL1
22 views13 slides
PROGRAMME.pdf by
PROGRAMME.pdfPROGRAMME.pdf
PROGRAMME.pdfHiNedHaJar
7 views13 slides
Cat & Art96 by
Cat & Art96Cat & Art96
Cat & Art96michaelasanda *
8 views42 slides
pinkman slideshow.pdf by
pinkman slideshow.pdfpinkman slideshow.pdf
pinkman slideshow.pdfwill521124
7 views5 slides
witch fraud board sequence by
witch fraud board sequencewitch fraud board sequence
witch fraud board sequenceLeahAbrams4
24 views191 slides
Allois Art Portfolio 2023.pdf by
Allois Art Portfolio 2023.pdfAllois Art Portfolio 2023.pdf
Allois Art Portfolio 2023.pdfHelenAllois1
7 views27 slides

Recently uploaded(20)

pinkman slideshow.pdf by will521124
pinkman slideshow.pdfpinkman slideshow.pdf
pinkman slideshow.pdf
will5211247 views
witch fraud board sequence by LeahAbrams4
witch fraud board sequencewitch fraud board sequence
witch fraud board sequence
LeahAbrams424 views
Allois Art Portfolio 2023.pdf by HelenAllois1
Allois Art Portfolio 2023.pdfAllois Art Portfolio 2023.pdf
Allois Art Portfolio 2023.pdf
HelenAllois17 views
The beauty of a tear ….ppsx by guimera
The beauty of a tear ….ppsxThe beauty of a tear ….ppsx
The beauty of a tear ….ppsx
guimera 10 views
예산출장마사지&카톡dio77 예산출장만남 ヘ 예산모텔출장 ヘ 예산성인안마(오일)『예산무한샷출장』 by 08ac158741
예산출장마사지&카톡dio77 예산출장만남 ヘ 예산모텔출장 ヘ 예산성인안마(오일)『예산무한샷출장』예산출장마사지&카톡dio77 예산출장만남 ヘ 예산모텔출장 ヘ 예산성인안마(오일)『예산무한샷출장』
예산출장마사지&카톡dio77 예산출장만남 ヘ 예산모텔출장 ヘ 예산성인안마(오일)『예산무한샷출장』
08ac1587418 views
PALLS - LOVE TOWN.pptx by Eric Parein
PALLS - LOVE TOWN.pptxPALLS - LOVE TOWN.pptx
PALLS - LOVE TOWN.pptx
Eric Parein9 views
Ballerina by mattenro
BallerinaBallerina
Ballerina
mattenro46 views
Bobbie goods coloring book.pdf by papecande4
Bobbie goods coloring book.pdfBobbie goods coloring book.pdf
Bobbie goods coloring book.pdf
papecande44.6K views
Algorithms are the New Historians by George Oates
Algorithms are the New HistoriansAlgorithms are the New Historians
Algorithms are the New Historians
George Oates8 views
익산콜걸샵{카톡dio77}익산모텔콜걸ホ 익산24시출장마사지ホ 익산출장만남ホ 익산업체안전보장 by 08ac158741
익산콜걸샵{카톡dio77}익산모텔콜걸ホ 익산24시출장마사지ホ 익산출장만남ホ 익산업체안전보장익산콜걸샵{카톡dio77}익산모텔콜걸ホ 익산24시출장마사지ホ 익산출장만남ホ 익산업체안전보장
익산콜걸샵{카톡dio77}익산모텔콜걸ホ 익산24시출장마사지ホ 익산출장만남ホ 익산업체안전보장
08ac1587416 views

Developing Information Architecture with Non-Technical Stakeholders

  • 1. Developing Information Architecture with Non-Technical Stakeholders Vanessa Turke (@vcreatrix) Senior Solution Architect at ImageX Media “Information Architecture: The art and science of organizing and labeling web sites, intranets, online communities and software to support usability and findability.” ~ The IA Institute
  • 2. presentation outline ★ What is the value of good information architecture? ★ Identifying project stakeholders ★ Effectively facilitating stakeholder groups ★ Where does information architecture begin? ★ What is the process for developing IA for Drupal? ★ How do you know when you’re done?
  • 3. information architecture components 1. Organization systems - How we categorize information 2. Labeling systems - How we represent information 3. Navigation systems - How we move through information 4. Searching systems - How we search information Peter Morville, Louis Rosenfeld. Information Architecture for the World Wide Web O'Reilly, 2006
  • 4. IA process overview ★ Identify the project needs ★ Conduct research ★ Review content life cycle ★ Document user experience ★ Organize, classify & label ★ Create information and access model ★ Design navigation system ★ Create wireframes
  • 5. who are project stakeholders
  • 7. potential stakeholders ★ Marketing & Sales ★ Content Strategist ★ HR People ★ Faculty / Educational Consultants ★ Board Members / Executive Director ★ Project Managers / IT Team ★ Copywriter / Editor ★ Remote Team ★ In House Designer ★ Outside Vendors ★ Volunteers ★ Customers / Focus Group
  • 8. effectively facilitating stakeholder groups ★ Agree on what the project is about on a high level ★ Take an evidence based approach ★ Outline the value of content management ★ Work with actual users ★ Work with actual content ★ Discuss the entire content life cycle (7 ‘C’s) ★ Review access and workflow from every angle ★ Look at the requirements through different lenses
  • 9. first agree on the purpose of the project
  • 10. background and high-level analysis ★ Type of Organization ★ Type of Website ★ Type of Audience Carolyn Chandler & Unger, Russ. Project Guide to UX Design, A: For user experience designers in the field or in the making: New Riders, the Voices That Matter series, 2009
  • 11. organization type ★ Company, Non-profit, etc. ★ Philosophy ★ Process ★ Role of website in their organization Carolyn Chandler & Unger, Russ. Project Guide to UX Design, A: For user experience designers in the field or in the making: New Riders, the Voices That Matter series, 2009
  • 12. website type 1. Brand Presence 2. Marketing Campaign 3. Content Source 4. Task-based application 5. E-Commerce (combines 1-4) 6. E-Learning (combines 3 & 4) 7. Social Network (can combine 1,2,3 & 4) Carolyn Chandler & Unger, Russ. Project Guide to UX Design, A: For user experience designers in the field or in the making: New Riders, the Voices That Matter series, 2009
  • 13. primary audience ★ Customers/Clients ★ Organizational Members ★ Employees/Staff ★ ???
  • 15. research ★ Research Meetings ★ Stakeholder Interviews ★ Content Analysis ★ Content Mapping ★ Competitive Research and Benchmarking ★ Heuristic Evaluation ★ Usage Statistics ★ User Surveys ★ Usability Testing ★ Card Sorting http://www.jojest.com/process
  • 16. stakeholder meetings and interviews ★ Sales & Marketing Team - branding, direction ★ Strategy Team - mission, vision, audience ★ Subject Matter Experts - data modeling, metadata ★ Content Creators - publishing workflow, content life cycle ★ Content Management Team - web policy, standards & governance ★ IT Team - infrastructure, integrations, technological constraints
  • 17. information gathering tools ★ Spreadsheet ★ PowerPoint ★ Websort / Optimalsort ★ Naview ★ Usertesting.com ★ Usabilityhub ★ Google Analytics ★ Usabilla ★ SilverBack ★ IntuitionHQ ★ Custom tool
  • 18. consulting analytics http://www.alistapart.com/articles/taking-the-guesswork-out-of-design/
  • 20. usability audit http://www.userfocus.co.uk/articles/heuristics.html
  • 21. documenting the user experience
  • 22. high level questions 1. What is the business goal of the website? 2.What is the mission critical task for a user to complete? http://www.slideshare.net/rhanna/preparing-for-successful-content-management
  • 23. user goal: information ★ Browsing, comparing, comprehending: ★ Maps ★ News readers ★ Dashboards ★ Media players ★ Online stores http://insidetech.monster.com/training/articles/7760-how-to-create-a-rich-internet-application-screen-design
  • 24. user goal: process ★ Providing information in a structured manner: ★ Product configuration ★ Tool setup, or installation ★ Signup & Registration ★ Store checkout ★ Booking resources http://insidetech.monster.com/training/articles/7760-how-to-create-a-rich-internet-application-screen-design
  • 25. user goal: creation ★ Create new content or modify existing content: ★ Publishing new content ★ Revising / editing content ★ Formatting / styling ★ Submitting content for moderation http://insidetech.monster.com/training/articles/7760-how-to-create-a-rich-internet-application-screen-design
  • 26. leading stakeholder conversations ★ “Walk me through the current process of...” ★ “Would you imagine that it would work this way...” ★ “So ideally you would see this piece working like this..?” ★ “I am hearing that the most important piece of this is...” ★ “Would you see an immediate need for [feature XYZ], or can this wait until phase two?”
  • 27. as a [type of user] I want to [goal] so that I can [reason].
  • 29. reviewing the content life cycle
  • 30. the 7 ‘C’s of content management
  • 31. the 7 ‘C’s of content management 1. Conception
  • 32. the 7 ‘C’s of content management 1. Conception 2. Creation
  • 33. the 7 ‘C’s of content management 1. Conception 2. Creation 3. Categorization
  • 34. the 7 ‘C’s of content management 1. Conception 2. Creation 3. Categorization 4. Confirmation
  • 35. the 7 ‘C’s of content management 1. Conception 2. Creation 3. Categorization 4. Confirmation 5. Changes
  • 36. the 7 ‘C’s of content management 1. Conception 2. Creation 3. Categorization 4. Confirmation 5. Changes 6. Community
  • 37. the 7 ‘C’s of content management 1. Conception 2. Creation 3. Categorization 4. Confirmation 5. Changes 6. Community 7. Consumption
  • 39. organizing, classifying & labeling ★ Identify content types ★ Identify attributes & values ★ Identify relationships ★ Identify terms & vocabulary http://www.agiledata.org/essays/dataModeling101.html
  • 42. when labeling, eschew obfuscation! ★ Research industry terms ★ Highlight every industry term, phrase, or buzzword ★ Ask repeated ‘why’ questions regarding terms and concepts ★ Ask random people what they mean ★ Come up with answers a 10-year old would understand http://www.grokdotcom.com/2009/08/07/im-not-an-idiot-but-i-play-one-on-online-and-so-should-you/
  • 43. varied search titles by user ★ Human Resources Manager, “HR Form V3051” ★ Team Manager, “Leave Application” ★ Staff Member, “going on vacation” or “holiday request” http://www.zefamedia.com/websites/card-sorting-doesnt-cut-the-custard/
  • 44. example of inconsistent site-wide labels for “locations” ★ Branch ★ Store ★ Location ★ Bureaux ★ Airport locations ★ Airport branches ★ Retail locations ★ City Locations ★ Boutique storefront locations
  • 45. designing the navigation and information model
  • 46. cardsorting ★ Do the users want to see the information grouped by subject, process, business group, or information type? ★ How similar are the needs of the different user groups? ★ How different are their needs? ★ How many potential main categories are there? (typically relates to navigation) ★ What should those groups be called? http://www.boxesandarrows.com/view/card_sorting_a_definitive_guide
  • 51. navigation stress test ★ What is this page about? ★ What site is this? ★ What are the major sections of this site? ★ What major section is this page in? ★ What is "up" 1 level from here? ★ How do I get to the home page of this site? ★ How do I get to the top of this section of the site? ★ What does each group of links represent? http://instone.org/navstress
  • 53. title Author Date Body text Body text Body text Body text Body text Body text Body text Body text Image Body text Body text Body text Body text Body text Body Attachment (PDF 131 MB) Resource Link
  • 56. understanding search approach ★ Known-item ★ Exploratory ★ Don’t know what you need to know ★ Re-finding http://www.boxesandarrows.com/view/four_modes_of_seeking_information_and_how_to_design_for_them
  • 57. multiple pathways example: “vegan chocolate cake” ★ By ingredient (e.g. “chocolate”) ★ By dietary consideration (“vegan”) ★ By category (e.g. “desserts”) ★ By searching (e.g. “vegan cakes”)
  • 58. keyword search issues example: “DRESSING”
  • 59. pattern libraries, mockups and/or proof of concept
  • 61. create attention map to prioritize page elements http://webdesignfromscratch.com/web-design/attention-map.php http://www.alistapart.com/articles/taking-the-guesswork-out-of-design/
  • 62. sketching out initial layout http://37signals.com/svn/posts/466-sketching-with-a-sharpie
  • 65. IA deliverables ★ Content Audit ★ Data modeling: content types, relationships and taxonomy ★ Access Matrix ★ Sitemap / navigation system ★ Publishing workflow & conversion workflow ★ User Stories ★ Wireframes
  • 66. common stumbling blocks ★ Conflicting vocabularies ★ Inexperience with CMS (still thinking in terms of pages) ★ Steep learning curve ★ Organizational shift (from submitting copy to a webmaster to editing and publishing own content) ★ Unfinished site content (BIG RED FLAG!)
  • 67. symptoms of an unproductive committee ★ Unable to come to decisions ★ Revisiting the decisions multiple times ★ Changes in communication pattern ★ Excessive rabbit hole or spinoff discussions ★ Excessive time between meetings ★ Undermining committee member behavior ★ Private communications
  • 68. causes of an unproductive committee ★ Lack of a clearly stated objective ★ Lack of milestone based deadline ★ No process roadmap ★ Suggestions based on individual preferences ★ Absence of leader or final decision maker ★ Disorganized feedback process ★ Diffused resources and priorities ★ Personal or political agendas ★ Policy Roadblocks
  • 69. staying focused ★ Schedule regular web meetings and stick to the schedule ★ Provide regular status updates ★ Provide opportunities for brainstorming ★ Version control of project documentation ★ Task delegation: Recognize each one’s strengths and work autonomously http://sixrevisions.com/project-management/how-to-make-remote-team-collaboration-work/
  • 71. thank you! Vanessa Turke http://imagexmedia.com/vanessa Presentation Resources: http://www.vanessaturke.net/ia-ux

Editor's Notes

  1. \n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n
  8. \n
  9. \n
  10. \n
  11. \n
  12. \n
  13. \n
  14. \n
  15. \n
  16. \n
  17. \n
  18. \n
  19. \n
  20. \n
  21. \n
  22. \n
  23. \n
  24. \n
  25. \n
  26. \n
  27. \n
  28. \n
  29. \n
  30. \n
  31. \n
  32. \n
  33. \n
  34. \n
  35. \n
  36. \n
  37. \n
  38. \n
  39. \n
  40. \n
  41. \n
  42. \n
  43. \n
  44. \n
  45. \n
  46. \n
  47. \n
  48. \n
  49. \n
  50. \n
  51. \n
  52. \n
  53. \n
  54. \n
  55. \n
  56. \n
  57. \n
  58. \n
  59. \n
  60. \n
  61. \n
  62. \n
  63. \n
  64. \n
  65. \n
  66. \n
  67. \n
  68. \n
  69. \n
  70. \n