• Save
Eng Site Presentation
Upcoming SlideShare
Loading in...5
×
 

Eng Site Presentation

on

  • 479 views

 

Statistics

Views

Total Views
479
Views on SlideShare
479
Embed Views
0

Actions

Likes
0
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • BRAD:INTRO
  • BRAD
  • BRAD
  • BRADPOINT OUT LACK OF CONTRASTREPITITIONALLIGNMENTPROXIMITY
  • GEOFF
  • GEOFF

Eng Site Presentation Eng Site Presentation Presentation Transcript

  • From Website to Experience
    Redesigning the English Department’s Digital Space
    Chris Backus ▪ Geoffrey Owens ▪ Bradley Wetzell
    ODU Undergraduate Research Symposium, 2010
  • Overview
    Conventional Design Workflow
    Solution
    Redesign Artifact
    Assess Client’s Needs
    From Website to Experience
    2
    Problem
  • User-Centered Design Workflow
    Requirements Gathering
    Problem
    • Stakeholder Interviews
    • Landscape Analysis
    • Content Inventory
    • Card Sorting
    • Controlled Vocabulary
    Usability Testing
    Solution
    Information Design
    • Site Mapping
    • Wireframing
    • Prototyping
    • Product
    From Website to Experience
    Overview
    3
  • The Problem
    From Website to Experience
    From Website to Experience
    4
    Requirements Gathering
    Problem
    Usability Testing
    Solution
    Information Design
  • From Website to Experience
    5
    The Problem
  • From Website to Experience
    6
    The Problem
  • From Website to Experience
    7
    The Problem
  • From Website to Experience
    8
    The Problem
  • From Website to Experience
    9
    The Problem
  • Requirements Gathering
    From Website to Experience
    From Website to Experience
    10
    Requirements Gathering
    Problem
    Usability Testing
    Solution
    Information Design
  • 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
  • From Website to Experience
    12
    Stakeholder Interviews
    Copyright by Alex Gorbatchev
  • 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
  • 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
  • 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
  • From Website to Experience
    16
    Christopher Newport
  • From Website to Experience
    17
    Norfolk State
  • From Website to Experience
    18
    Va. Commonwealth
  • From Website to Experience
    19
    William & Mary
  • Results
    Navigation Location
    Standardized information
    Less is more
    Photographs make a difference
    From Website to Experience
    20
    Requirements Gathering
    Landscape Analysis
  • Purpose
    Discover what we have now
    Find potential improvements
    From Website to Experience
    21
    Requirements Gathering
    Content Inventory
  • Example
    Current ‘Academics’ Section Inventory
    From Website to Experience
    22
    Requirements Gathering
    Content Inventory
  • Results
    Content overlap
    ROT (Redundant, Outdated, or Trivial)
    Disorganized map
    Text overload
    From Website to Experience
    23
    Requirements Gathering
    Content Inventory
  • Purpose
    Discover logical information groups
    Develop controlled vocabulary
    Guide site map design
    From Website to Experience
    24
    Requirements Gathering
    Open Card Sorting
  • 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
  • Information Design(Part I)
    From Website to Experience
    From Website to Experience
    26
    Requirements Gathering
    Problem
    Usability Testing
    Solution
    Information Design
  • Purpose
    Illustrate new site organization
    Provide easy reference for designers
    From Website to Experience
    27
    Information Design I
    Site Mapping
  • From Website to Experience
    28
    Site Map Example
  • Purpose
    Provide information organization template
    Create standard structure for each ‘type’ of page
    From Website to Experience
    29
    Information Design I
    Wireframing
  • From Website to Experience
    30
    Wireframe Examples
  • From Website to Experience
    31
    Wireframe Examples
  • From Website to Experience
    32
    Site Map Example
  • From Website to Experience
    33
    Wireframe Examples
  • 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
  • From Website to Experience
    35
    Examples
  • From Website to Experience
    36
    Examples
  • Usability Testing
    From Website to Experience
    From Website to Experience
    37
    Requirements Gathering
    Problem
    Usability Testing
    Solution
    Information Design
  • 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
  • Usability Testing Demonstration
    From Website to Experience
    39
    Usability Testing
  • 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
  • Information Design(Part II)
    From Website to Experience
    From Website to Experience
    41
    Requirements Gathering
    Problem
    Usability Testing
    Solution
    Information Design
  • Purpose
    Create the environment that the site will ‘live in’
    Refine the user experience / interaction
    From Website to Experience
    42
    Information Design II
    Product
  • Examples
    From Website to Experience
    43
    Information Design II
    Product
  • Examples
    From Website to Experience
    44
    Information Design II
    Product
  • Examples
    From Website to Experience
    45
    Information Design II
    Product
  • Examples
    From Website to Experience
    46
    Information Design II
    Product
  • Examples
    From Website to Experience
    47
    Information Design II
    Product
  • The Solution
    From Website to Experience
    From Website to Experience
    48
    Requirements Gathering
    Problem
    Usability Testing
    Solution
    Information Design
  • From Website to Experience
    49
  • From Website to Experience
    50
  • From Website to Experience
    51
  • From Website to Experience
    52
  • From Website to Experience
    53
  • From Website to Experience
    54
  • From Website to Experience
    55
  • From Website to Experience
    56
  • User-Centered Design Workflow
    Requirements Gathering
    Problem
    • Stakeholder Interviews
    • Landscape Analysis
    • Content Inventory
    • Card Sorting
    • Controlled Vocabulary
    Usability Testing
    Solution
    Information Design
    • Site Mapping
    • Wireframing
    • Prototyping
    • Product
    From Website to Experience
    Conclusion
    57
  • From Website to Experience
    Redesigning the English Department’s Digital Space
    Chris Backus ▪ Geoffrey Owens ▪ Bradley Wetzell
    ODU Undergraduate Research Symposium, 2010