Your SlideShare is downloading. ×
0
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Eng Site Presentation
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Eng Site Presentation

373

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
373
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • BRAD:INTRO
  • BRAD
  • BRAD
  • BRADPOINT OUT LACK OF CONTRASTREPITITIONALLIGNMENTPROXIMITY
  • GEOFF
  • GEOFF
  • Transcript

    • 1. From Website to Experience
      Redesigning the English Department’s Digital Space
      Chris Backus ▪ Geoffrey Owens ▪ Bradley Wetzell
      ODU Undergraduate Research Symposium, 2010
    • 2. Overview
      Conventional Design Workflow
      Solution
      Redesign Artifact
      Assess Client’s Needs
      From Website to Experience
      2
      Problem
    • 3. User-Centered Design Workflow
      Requirements Gathering
      Problem
      • Stakeholder Interviews
      • 4. Landscape Analysis
      • 5. Content Inventory
      • 6. Card Sorting
      • 7. Controlled Vocabulary
      Usability Testing
      Solution
      Information Design
      From Website to Experience
      Overview
      3
    • 11. The Problem
      From Website to Experience
      From Website to Experience
      4
      Requirements Gathering
      Problem
      Usability Testing
      Solution
      Information Design
    • 12. From Website to Experience
      5
      The Problem
    • 13. From Website to Experience
      6
      The Problem
    • 14. From Website to Experience
      7
      The Problem
    • 15. From Website to Experience
      8
      The Problem
    • 16. From Website to Experience
      9
      The Problem
    • 17. Requirements Gathering
      From Website to Experience
      From Website to Experience
      10
      Requirements Gathering
      Problem
      Usability Testing
      Solution
      Information Design
    • 18. Purpose
      Discover wants
      Deduce needs
      Achieve ‘buy-in’
      Our Stakeholder
      Dr. Kathie Gossett
      In charge of maintaining the digital space
      From Website to Experience
      11
      Requirements Gathering
      Stakeholder Interviews
    • 19. From Website to Experience
      12
      Stakeholder Interviews
      Copyright by Alex Gorbatchev
    • 20. Results
      3 Main User Groups
      Prospective students
      Current students
      Faculty
      Wants
      Searchable (No Flash Content)
      No frames
      Needs
      Streamlined
      Easily updated
      From Website to Experience
      13
      Requirements Gathering
      Stakeholder Interviews
    • 21. Purpose
      Find similar products, same target audience
      See what works / doesn’t work
      Our Landscape
      Christopher Newport
      Norfolk State
      Virginia Commonwealth
      William & Mary
      From Website to Experience
      14
      Requirements Gathering
      Landscape Analysis
    • 22. Evaluation Criteria (IBM)
      Home Page
      Navigation
      Content
      ROT
      Links
      Labels
      Performance
      Readability
      Organization
      Search
      Visual Appeal
      From Website to Experience
      15
      Requirements Gathering
      Landscape Analysis
    • 23. From Website to Experience
      16
      Christopher Newport
    • 24. From Website to Experience
      17
      Norfolk State
    • 25. From Website to Experience
      18
      Va. Commonwealth
    • 26. From Website to Experience
      19
      William & Mary
    • 27. Results
      Navigation Location
      Standardized information
      Less is more
      Photographs make a difference
      From Website to Experience
      20
      Requirements Gathering
      Landscape Analysis
    • 28. Purpose
      Discover what we have now
      Find potential improvements
      From Website to Experience
      21
      Requirements Gathering
      Content Inventory
    • 29. Example
      Current ‘Academics’ Section Inventory
      From Website to Experience
      22
      Requirements Gathering
      Content Inventory
    • 30. Results
      Content overlap
      ROT (Redundant, Outdated, or Trivial)
      Disorganized map
      Text overload
      From Website to Experience
      23
      Requirements Gathering
      Content Inventory
    • 31. Purpose
      Discover logical information groups
      Develop controlled vocabulary
      Guide site map design
      From Website to Experience
      24
      Requirements Gathering
      Open Card Sorting
    • 32. Results
      8 main sections
      Controlled vocabulary
      ‘Undergraduate Programs’
      ‘Graduate Programs’
      ‘Advising’
      ‘Faculty and Staff’
      ‘Research and Publications’
      ‘Writing Assistance’
      ‘External Links’
      From Website to Experience
      25
      Requirements Gathering
      Open Card Sorting
    • 33. Information Design(Part I)
      From Website to Experience
      From Website to Experience
      26
      Requirements Gathering
      Problem
      Usability Testing
      Solution
      Information Design
    • 34. Purpose
      Illustrate new site organization
      Provide easy reference for designers
      From Website to Experience
      27
      Information Design I
      Site Mapping
    • 35. From Website to Experience
      28
      Site Map Example
    • 36. Purpose
      Provide information organization template
      Create standard structure for each ‘type’ of page
      From Website to Experience
      29
      Information Design I
      Wireframing
    • 37. From Website to Experience
      30
      Wireframe Examples
    • 38. From Website to Experience
      31
      Wireframe Examples
    • 39. From Website to Experience
      32
      Site Map Example
    • 40. From Website to Experience
      33
      Wireframe Examples
    • 41. Purpose
      Create interactive mockup for usability testing
      ‘Stripped down’ design
      Minimize reaction to design / color choices
      From Website to Experience
      34
      Information Design I
      Interactive Prototyping
    • 42. From Website to Experience
      35
      Examples
    • 43. From Website to Experience
      36
      Examples
    • 44. Usability Testing
      From Website to Experience
      From Website to Experience
      37
      Requirements Gathering
      Problem
      Usability Testing
      Solution
      Information Design
    • 45. Purpose
      Allow users to interact with information architecture
      Ensure expected interactions
      Procedure
      Develop use scenarios
      Instruct users to ‘think out loud’
      From Website to Experience
      38
      Usability Testing
    • 46. Usability Testing Demonstration
      From Website to Experience
      39
      Usability Testing
    • 47. Results
      16 Participants
      0% had problems with right-hand navigation links
      63% had difficulty navigating back to home page
      Need to create a ‘Home’ link in navigation bar
      92% able to navigate to required information
      From Website to Experience
      40
      Usability Testing
    • 48. Information Design(Part II)
      From Website to Experience
      From Website to Experience
      41
      Requirements Gathering
      Problem
      Usability Testing
      Solution
      Information Design
    • 49. Purpose
      Create the environment that the site will ‘live in’
      Refine the user experience / interaction
      From Website to Experience
      42
      Information Design II
      Product
    • 50. Examples
      From Website to Experience
      43
      Information Design II
      Product
    • 51. Examples
      From Website to Experience
      44
      Information Design II
      Product
    • 52. Examples
      From Website to Experience
      45
      Information Design II
      Product
    • 53. Examples
      From Website to Experience
      46
      Information Design II
      Product
    • 54. Examples
      From Website to Experience
      47
      Information Design II
      Product
    • 55. The Solution
      From Website to Experience
      From Website to Experience
      48
      Requirements Gathering
      Problem
      Usability Testing
      Solution
      Information Design
    • 56. From Website to Experience
      49
    • 57. From Website to Experience
      50
    • 58. From Website to Experience
      51
    • 59. From Website to Experience
      52
    • 60. From Website to Experience
      53
    • 61. From Website to Experience
      54
    • 62. From Website to Experience
      55
    • 63. From Website to Experience
      56
    • 64. User-Centered Design Workflow
      Requirements Gathering
      Problem
      • Stakeholder Interviews
      • 65. Landscape Analysis
      • 66. Content Inventory
      • 67. Card Sorting
      • 68. Controlled Vocabulary
      Usability Testing
      Solution
      Information Design
      From Website to Experience
      Conclusion
      57
    • 72. From Website to Experience
      Redesigning the English Department’s Digital Space
      Chris Backus ▪ Geoffrey Owens ▪ Bradley Wetzell
      ODU Undergraduate Research Symposium, 2010

    ×