Your SlideShare is downloading. ×

Eng Site Presentation

367
views

Published on


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

  • Be the first to like this

No Downloads
Views
Total Views
367
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

    ×