Your SlideShare is downloading. ×
  • Like
  • Save
Eng Site Presentation
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Eng Site Presentation

  • 347 views
Published

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
347
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
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