The document discusses redesigning the digital space of an English department's website using a user-centered design approach. It describes conducting stakeholder interviews, analyzing competitor websites, inventorying existing content, card sorting exercises to define site sections, wireframing, prototyping, and usability testing an interactive mockup. The results of this process included reorganizing content into more logical sections, addressing usability issues, and developing standardized templates for different page types to create a more effective online experience for users.

1. From Website to ExperienceRedesigning the English Department’s Digital SpaceChris Backus ▪ Geoffrey Owens ▪ Bradley WetzellODU Undergraduate Research Symposium, 2010

2. OverviewConventional Design WorkflowSolutionRedesign ArtifactAssess Client’s NeedsFrom Website to Experience2Problem

3. User-Centered Design WorkflowRequirements GatheringProblemStakeholder Interviews

4. Landscape Analysis

5. Content Inventory

6. Card Sorting

7. Controlled VocabularyUsability TestingSolutionInformation DesignSite Mapping

8. Wireframing

9. Prototyping

10. ProductFrom Website to ExperienceOverview3

11. The ProblemFrom Website to ExperienceFrom Website to Experience4Requirements GatheringProblemUsability TestingSolutionInformation Design

12. From Website to Experience5The Problem

13. From Website to Experience6The Problem

14. From Website to Experience7The Problem

15. From Website to Experience8The Problem

16. From Website to Experience9The Problem

17. Requirements GatheringFrom Website to ExperienceFrom Website to Experience10Requirements GatheringProblemUsability TestingSolutionInformation Design

18. PurposeDiscover wants Deduce needs Achieve ‘buy-in’Our StakeholderDr. Kathie GossettIn charge of maintaining the digital spaceFrom Website to Experience11Requirements GatheringStakeholder Interviews

19. From Website to Experience12Stakeholder InterviewsCopyright by Alex Gorbatchev

20. Results3 Main User GroupsProspective studentsCurrent studentsFacultyWantsSearchable (No Flash Content)No framesNeedsStreamlinedEasily updatedFrom Website to Experience13Requirements GatheringStakeholder Interviews

21. PurposeFind similar products, same target audienceSee what works / doesn’t workOur LandscapeChristopher NewportNorfolk StateVirginia CommonwealthWilliam & MaryFrom Website to Experience14Requirements GatheringLandscape Analysis

22. Evaluation Criteria (IBM)Home PageNavigationContentROTLinksLabelsPerformanceReadabilityOrganizationSearchVisual AppealFrom Website to Experience15Requirements GatheringLandscape Analysis

23. From Website to Experience16Christopher Newport

24. From Website to Experience17Norfolk State

25. From Website to Experience18Va. Commonwealth

26. From Website to Experience19William & Mary

27. ResultsNavigation LocationStandardized informationLess is morePhotographs make a differenceFrom Website to Experience20Requirements GatheringLandscape Analysis

28. PurposeDiscover what we have nowFind potential improvementsFrom Website to Experience21Requirements GatheringContent Inventory

29. ExampleCurrent ‘Academics’ Section InventoryFrom Website to Experience22Requirements GatheringContent Inventory

30. ResultsContent overlapROT (Redundant, Outdated, or Trivial)Disorganized mapText overloadFrom Website to Experience23Requirements GatheringContent Inventory

31. PurposeDiscover logical information groupsDevelop controlled vocabularyGuide site map designFrom Website to Experience24Requirements GatheringOpen Card Sorting

32. Results8 main sectionsControlled vocabulary‘Undergraduate Programs’‘Graduate Programs’‘Advising’‘Faculty and Staff’‘Research and Publications’‘Writing Assistance’‘External Links’From Website to Experience25Requirements GatheringOpen Card Sorting

33. Information Design(Part I)From Website to ExperienceFrom Website to Experience26Requirements GatheringProblemUsability TestingSolutionInformation Design

34. PurposeIllustrate new site organizationProvide easy reference for designersFrom Website to Experience27Information Design ISite Mapping

35. From Website to Experience28Site Map Example

36. PurposeProvide information organization templateCreate standard structure for each ‘type’ of pageFrom Website to Experience29Information Design IWireframing

37. From Website to Experience30Wireframe Examples

38. From Website to Experience31Wireframe Examples

39. From Website to Experience32Site Map Example

40. From Website to Experience33Wireframe Examples

41. PurposeCreate interactive mockup for usability testing‘Stripped down’ designMinimize reaction to design / color choicesFrom Website to Experience34Information Design IInteractive Prototyping

42. From Website to Experience35Examples

43. From Website to Experience36Examples

44. Usability TestingFrom Website to ExperienceFrom Website to Experience37Requirements GatheringProblemUsability TestingSolutionInformation Design

45. PurposeAllow users to interact with information architectureEnsure expected interactions ProcedureDevelop use scenariosInstruct users to ‘think out loud’From Website to Experience38Usability Testing

46. Usability Testing DemonstrationFrom Website to Experience39Usability Testing

47. Results16 Participants0% had problems with right-hand navigation links63% had difficulty navigating back to home pageNeed to create a ‘Home’ link in navigation bar92% able to navigate to required informationFrom Website to Experience40Usability Testing

48. Information Design(Part II)From Website to ExperienceFrom Website to Experience41Requirements GatheringProblemUsability TestingSolutionInformation Design

49. PurposeCreate the environment that the site will ‘live in’Refine the user experience / interactionFrom Website to Experience42Information Design IIProduct

50. ExamplesFrom Website to Experience43Information Design IIProduct

51. ExamplesFrom Website to Experience44Information Design IIProduct

52. ExamplesFrom Website to Experience45Information Design IIProduct

53. ExamplesFrom Website to Experience46Information Design IIProduct

54. ExamplesFrom Website to Experience47Information Design IIProduct

55. The SolutionFrom Website to ExperienceFrom Website to Experience48Requirements GatheringProblemUsability TestingSolutionInformation Design

56. From Website to Experience49

57. From Website to Experience50

58. From Website to Experience51