Your SlideShare is downloading. ×
0
Jisc Academic Networking
Jisc Academic Networking
Jisc Academic Networking
Jisc Academic Networking
Jisc Academic Networking
Jisc Academic Networking
Jisc Academic Networking
Jisc Academic Networking
Jisc Academic Networking
Jisc Academic Networking
Jisc Academic Networking
Jisc Academic Networking
Jisc Academic Networking
Jisc Academic Networking
Jisc Academic Networking
Jisc Academic Networking
Jisc Academic Networking
Jisc Academic Networking
Jisc Academic Networking
Jisc Academic Networking
Jisc Academic Networking
Jisc Academic Networking
Jisc Academic Networking
Jisc Academic Networking
Jisc Academic Networking
Jisc Academic Networking
Jisc Academic Networking
Jisc Academic Networking
Jisc Academic Networking
Jisc Academic Networking
Jisc Academic Networking
Jisc Academic Networking
Jisc Academic Networking
Jisc Academic Networking
Jisc Academic Networking
Jisc Academic Networking
Jisc Academic Networking
Jisc Academic Networking
Jisc Academic Networking
Jisc Academic Networking
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

Jisc Academic Networking

810

Published on

A user-centered design methodology for a social networking tool.

A user-centered design methodology for a social networking tool.

Published in: Technology, Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
810
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
15
Comments
0
Likes
1
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

Transcript

  • 1. JISC ACADEMIC NETWORKING A User-Centered Design Methodology For a Social Networking Tool
  • 2. OVERVIEW OF THE PRESENTATION <ul><ul><li>Introduction </li></ul></ul><ul><ul><ul><ul><li>Who we are </li></ul></ul></ul></ul><ul><ul><ul><ul><li>About the project in brief </li></ul></ul></ul></ul><ul><ul><li>Overview of the project </li></ul></ul><ul><ul><li>The project close-up </li></ul></ul><ul><ul><ul><ul><li>Preparation before starting with the project </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Research phase </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Design phase </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Coding and implementation phase </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Wrap-up </li></ul></ul></ul></ul><ul><ul><li>Feedback </li></ul></ul><ul><ul><ul><ul><li>Questions? </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Feedback and comments </li></ul></ul></ul></ul>
  • 3. INTRODUCTION <ul><li>WHO WE ARE </li></ul><ul><ul><li>About JISC and CARET </li></ul></ul><ul><ul><li>People involved in the project </li></ul></ul>John Norman (Director) Harriet Truscott (Lead Researcher) Anne-Sophie De Baets (Researcher) Nicolaas Matthijs (UI Developer) Tjhien Liao (UI Designer) Laura James (Project manager) Oszkar Nagy (UI Designer)
  • 4. INTRODUCTION <ul><li>ABOUT THE PROJECT </li></ul><ul><ul><li>Where did the idea come from & what is the aim? </li></ul></ul><ul><ul><ul><li>“ Create a system for use within universities, which will make sharing and communication </li></ul></ul></ul><ul><ul><ul><li>about teaching, learning and research between academics, postgraduate and </li></ul></ul></ul><ul><ul><ul><li>undergraduate students at the universities more effective bringing the best features of </li></ul></ul></ul><ul><ul><ul><li>social networking to academic networking.” </li></ul></ul></ul><ul><ul><li>End deliverable </li></ul></ul><ul><ul><li>Novelty of the project </li></ul></ul><ul><ul><ul><li>Experimented with user-centred design would this work in Academic world? </li></ul></ul></ul><ul><ul><ul><li>Intensive research phase design phase with user-testing sessions </li></ul></ul></ul><ul><ul><li>Flow Interactive </li></ul></ul><ul><ul><ul><li>www.flowinteractive.com </li></ul></ul></ul><ul><ul><ul><li>Training us in their methods </li></ul></ul></ul><ul><ul><ul><li>How well do commercial techniques work in a university software development environment? </li></ul></ul></ul>
  • 5. OVERVIEW OF THE PROJECT <ul><li>Preparation before starting </li></ul><ul><ul><li>Defining project planning </li></ul></ul><ul><ul><li>Defining research question </li></ul></ul><ul><li>Research phase </li></ul><ul><ul><li>Recruiting target audience </li></ul></ul><ul><ul><li>Gathering information: diary studies and interviews </li></ul></ul><ul><ul><li>Working with data: task goal analysis and affinity sorting </li></ul></ul><ul><ul><li>Working with data: behavioural axes </li></ul></ul><ul><ul><li>Working with data: use the analyzed data to create personas </li></ul></ul><ul><ul><li>Defining user and business requirements to start with design </li></ul></ul><ul><li>Design phase </li></ul><ul><ul><li>Using personas and requirements to create extreme designs of concepts </li></ul></ul><ul><ul><li>User recruitment and user testing sessions: using paper prototypes </li></ul></ul><ul><ul><li>Using user feedback to merge extreme concepts into 1 refined design </li></ul></ul><ul><ul><li>User recruitment and user testing sessions: using wire frames </li></ul></ul><ul><ul><li>Repeating process of user recruitment, user testing and concept refinement until project team </li></ul></ul><ul><ul><li>and target audience are happy </li></ul></ul><ul><ul><li>NEXT: We might do another round of design from scratch. </li></ul></ul><ul><li>Coding and implementation phase </li></ul><ul><ul><li>Implementing system in New CamTools / Sakai 3 </li></ul></ul>
  • 6. THE PROJECT CLOSE-UP Preparation before starting <ul><li>Defining the project planning </li></ul><ul><ul><li>= Guideline; what steps come next? </li></ul></ul><ul><ul><li>Giving an answer to: </li></ul></ul><ul><ul><ul><ul><li>How long will the project take? </li></ul></ul></ul></ul><ul><ul><ul><ul><li>How many people involved? Their roles? </li></ul></ul></ul></ul><ul><ul><ul><ul><li>How do our plans fit within academic year? Are students available when we need them? </li></ul></ul></ul></ul><ul><ul><ul><ul><li>What’s the budget? </li></ul></ul></ul></ul><ul><li>Defining a research question </li></ul><ul><ul><li>= Guideline of what you are trying to find out during the phases. Our question: “How do students and academics communicate about their teaching, learning and research activities?” </li></ul></ul>
  • 7. THE PROJECT CLOSE-UP Research phase <ul><li>RECRUITING THE TARGET AUDIENCE </li></ul><ul><ul><li>AIM : Gathering information from people who are representatives of target audience. </li></ul></ul><ul><ul><li>What are their needs? diary studies and interviews </li></ul></ul><ul><ul><li>But first recruit them How? </li></ul></ul><ul><ul><ul><li>Define criteria Spread of all the people </li></ul></ul></ul><ul><ul><ul><li>Define amount of participants More criteria = more people </li></ul></ul></ul><ul><ul><ul><li>Start looking for right participants: different ways </li></ul></ul></ul><ul><ul><ul><ul><ul><li>Running a survey </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Find appropriate people in different sources </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Find appropriate people through personal relationships </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Reusing lists of participants </li></ul></ul></ul></ul></ul><ul><ul><ul><li>Picking the right and useful people </li></ul></ul></ul><ul><ul><ul><li>Contacting participants </li></ul></ul></ul>
  • 8. A section in an online survey
  • 9. THE PROJECT CLOSE-UP Research phase <ul><li>GATHERING INFORMATION BY DOING DIARY STUDIES AND INTERVIEWS </li></ul><ul><ul><li>Thoughts </li></ul></ul><ul><ul><ul><li>AIM: gathering information What are their problems? What to design later? </li></ul></ul></ul><ul><ul><ul><li>BASIC PRINCIPLE : let them fulfill tasks </li></ul></ul></ul><ul><ul><li>Doing the diary and interview </li></ul></ul><ul><li>Capturing the information </li></ul><ul><ul><ul><li>Note taking </li></ul></ul></ul><ul><ul><ul><li>Task goal analysis or recording and analyzing afterwards </li></ul></ul></ul>Diary before the interview Diary combined with interview questions Questionnaire
  • 10. Documents used during interview Diary combined with interview questions Questionnaire : extra questions during interview
  • 11. THE PROJECT CLOSE-UP Research phase <ul><li>WORKING WITH THE DATA : TASK GOAL ANALYSIS </li></ul><ul><ul><ul><li>AIM: analyzing data from interview through linking it to categories </li></ul></ul></ul><ul><ul><ul><li>First phase in process of analyzing information </li></ul></ul></ul><ul><ul><li>Close-up </li></ul></ul><ul><li>Description of the process </li></ul>
  • 12. Description of the process
  • 13. THE PROJECT CLOSE-UP Research phase <ul><li>WORKING WITH THE DATA : AFFINITY SORTING </li></ul><ul><ul><li>So far : awful lot of data need to sort it </li></ul></ul><ul><ul><li>AIM : find patterns in the information, cluster similar behaviours </li></ul></ul><ul><ul><li>How? </li></ul></ul><ul><ul><ul><ul><li>Cut every single entry of every participant and put randomly on the wall </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Find entries which are similar and cluster them </li></ul></ul></ul></ul><ul><ul><ul><ul><li>End up with lots of sorted clusters which present similar behaviours of people included in our research </li></ul></ul></ul></ul>
  • 14. A lot of sorted post-it notes …
  • 15. THE PROJECT CLOSE-UP Research phase <ul><li>WORKING WITH THE DATA: BEHAVIOURAL AXES </li></ul><ul><ul><li>AIM: visually represent participants </li></ul></ul><ul><ul><ul><ul><ul><li>Compared to each other </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>According to behaviours found during Task Goal analysis </li></ul></ul></ul></ul></ul><ul><ul><li>Group in as few clusters as possible easier to work with </li></ul></ul><ul><ul><li>How? </li></ul></ul><ul><ul><ul><li>Create grid with only behavioural axes poles on it </li></ul></ul></ul><ul><ul><ul><li>Write down every participant’s name on colour coded post-its </li></ul></ul></ul><ul><ul><ul><li>Put every name on the grid compared to each other and try to find patters </li></ul></ul></ul>
  • 16. Behavioural axes with patterns
  • 17. THE PROJECT CLOSE-UP Research phase <ul><li>WORKING WITH THE DATA: USE ANALYZED DATA TO CREATE PERSONAS </li></ul><ul><ul><li>A persona: </li></ul></ul><ul><ul><ul><li>Represents needs of larger (the whole) group of users </li></ul></ul></ul><ul><ul><ul><li>Identifies user’s needs, motivations, expectations, goals </li></ul></ul></ul><ul><ul><ul><li>Brings the group of users to life presenting them as real people </li></ul></ul></ul><ul><ul><ul><li>Helps focusing during design phase </li></ul></ul></ul><ul><ul><ul><li>Can be a ‘Primary’ or ‘Secondary’ persona </li></ul></ul></ul><ul><ul><li>How to present them as real people </li></ul></ul><ul><ul><li>The 3 personas we ended up with </li></ul></ul>made-up name made-up picture Goals based on all participants’ information
  • 18. Primary persona: Isobel
  • 19. Secondary persona 1: Peter
  • 20. Secondary persona 2: Kate
  • 21. THE PROJECT CLOSE-UP Research phase <ul><li>DEFINING USER AND BUSINESS REQUIREMENTS TO START DESIGN PHASE </li></ul><ul><ul><ul><li>Bridge between research and design phase </li></ul></ul></ul><ul><ul><ul><li>How? Used goals of every persona to translate them into requirements </li></ul></ul></ul><ul><ul><ul><li>Example: Goal: “Discover what other people are working on.” Requirement: “The user needs to be notified about relevant people or content they wouldn’t otherwise know about.” </li></ul></ul></ul>
  • 22. THE PROJECT CLOSE-UP Design phase <ul><li>USING PERSONAS & REQUIREMENTS TO CREATE EXTREME DESIGNS OF </li></ul><ul><li>CONCEPTS </li></ul><ul><ul><ul><li>AIM : End up with extreme preliminary designs of concepts </li></ul></ul></ul><ul><ul><ul><li>How? </li></ul></ul></ul><ul><ul><ul><ul><li>Brainstorm about requirements and personas </li></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Initial thoughts </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Matching related thoughts </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><li>End up with more than 10 but picked 3 most important and useful ones. </li></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Each linked to a persona </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Extreme thoughts </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><li>Fleshed out so we got real ideas to start designing with </li></ul></ul></ul></ul><ul><ul><ul><li>Advantages of this step : </li></ul></ul></ul><ul><ul><ul><ul><li>Extreme ideas: designers can be more creative </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Every persona’s needs will be answered in a design </li></ul></ul></ul></ul>
  • 23. Initial brainstorm thoughts : The 3 extremes we picked Concept 1: ‘Get up, Go outside!’ Concept 2: ‘The board game vs. Ballroom dancing’ Concept 3: ‘The Switchboard’
  • 24. Fleshing out those 3 ideas: Getting ideas to start designing with Concept 1: ‘Get up, Go outside!’ with some extra thoughts Concept 3: ‘The switchboard’ with some extra thoughts Concept 2: ‘The board game vs.. ballroom dancing’ with some extra thoughts
  • 25. THE PROJECT CLOSE-UP Design phase <ul><li>IT’S TIME TO SEE WHAT USERS THINK : USER RECRUITMENT </li></ul><ul><ul><li>AIM : Find relevant people to see whether our designs really are answers to their needs. </li></ul></ul><ul><ul><li>DIFFERENT : Now specifically focusing on 3 personas </li></ul></ul><ul><ul><li>How recruiting? Same ways as before: </li></ul></ul><ul><ul><ul><ul><li>Define criteria Spread of 3 personas </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Define amount of participants </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Start looking for right participants: different ways </li></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Running a survey : questions to find out personas </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Find appropriate people in different sources </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Find appropriate people through personal relationships </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Reusing lists of participants </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><li>Picking the right and useful people </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Contacting participants </li></ul></ul></ul></ul>
  • 26. THE PROJECT CLOSE-UP Design phase <ul><li>IT’S TIME TO SEE WHAT USERS THINK : USER TESTING SESSIONS USING </li></ul><ul><li>PAPER PROTOTYPES </li></ul><ul><ul><li>Why paper prototypes: </li></ul></ul><ul><ul><ul><li>We want to keep it looking unfinished at this stage </li></ul></ul></ul><ul><ul><ul><li>We want to get more hones feedback </li></ul></ul></ul><ul><ul><li>The 3 concepts we ended up with </li></ul></ul><ul><ul><ul><li>3 different kinds of prototypes; 1 for each persona </li></ul></ul></ul><ul><ul><ul><li>Each concept contains several pages </li></ul></ul></ul><ul><li>Way of doing user testing sessions </li></ul><ul><ul><ul><li>2 rooms, one-way mirror </li></ul></ul></ul><ul><ul><ul><li>Observe and analyze at high level </li></ul></ul></ul>
  • 27. Concept 1: ‘Get up and go outside’
  • 28. Concept 2: ‘Board game’
  • 29. Concept 3: ‘The switchboard’
  • 30. An example of an user testing session
  • 31. THE PROJECT CLOSE-UP Design phase <ul><li>USING FEEDBACK TO MERGE EXTREME CONCEPTS INTO 1 REFINED DESIGN </li></ul><ul><ul><li>Before: 3 extreme designs; 1 for each persona </li></ul></ul><ul><ul><li>AIM : end up with 1 design instead of 3 </li></ul></ul><ul><ul><li>So: merge 3 designs into 1 </li></ul></ul>
  • 32. THE PROJECT CLOSE-UP Design phase <ul><li>IT’S TIME TO SEE WHAT USERS THINK : USER RECRUITMENT </li></ul><ul><ul><li>AIM : Find relevant people to see whether our designs really are answers to their needs. </li></ul></ul><ul><ul><li>DIFFERENT : Instead of concentrating on personas, more on different kinds find out how merged system works for everyone </li></ul></ul><ul><ul><li>How recruiting? Same ways as before: </li></ul></ul><ul><ul><ul><ul><li>Define criteria Spread of 3 personas </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Define amount of participants </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Start looking for right participants: different ways </li></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Running a survey </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Find appropriate people in different sources </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Find appropriate people through personal relationships </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Reusing lists of participants </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><li>Picking the right and useful people </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Contacting participants </li></ul></ul></ul></ul>
  • 33. THE PROJECT CLOSE-UP Design phase <ul><li>IT’S TIME TO SEE WHAT USERS THINK : USER TESTING SESSIONS USING </li></ul><ul><li>WIRE FRAMES </li></ul><ul><ul><li>Why wire frames: </li></ul></ul><ul><ul><ul><li>Clickable wire frames on laptop </li></ul></ul></ul><ul><ul><ul><li>More realistic feeling </li></ul></ul></ul><ul><ul><ul><li>Allowed to criticize detail more at this stage </li></ul></ul></ul><ul><ul><li>The design we ended up with </li></ul></ul><ul><ul><ul><li>1 design, containing the information of the 3 concepts 3 personas as well </li></ul></ul></ul><ul><ul><li>Way of doing user testing sessions </li></ul></ul><ul><ul><ul><li>2 rooms, one-way mirror </li></ul></ul></ul><ul><ul><ul><li>Observe and analyze at high level </li></ul></ul></ul><ul><ul><ul><li>Screen recordings </li></ul></ul></ul>
  • 34. The merged design : wire frame
  • 35. THE PROJECT CLOSE-UP Design phase <ul><li>PROCESS OF USER RECRUITMENT, USER TESTING, REFINEMENT UNTIL </li></ul><ul><li>PROJECT TEAM AND TARGET AUDIENCE ARE HAPPY </li></ul><ul><ul><li>Done so far : </li></ul></ul><ul><ul><ul><li>Came up with 3 extreme designs of concepts </li></ul></ul></ul><ul><ul><ul><li>Tested them </li></ul></ul></ul><ul><ul><ul><li>Merged into 1 design </li></ul></ul></ul><ul><ul><ul><li>Tested again </li></ul></ul></ul><ul><ul><ul><li>Found out how to refine this as well </li></ul></ul></ul><ul><ul><ul><ul><li>This process could go on until project team & target audience are happy </li></ul></ul></ul></ul><ul><ul><li>Future : </li></ul></ul><ul><ul><ul><li>We’re planning to have further design rounds </li></ul></ul></ul>
  • 36. THE PROJECT CLOSE-UP Coding and implementation <ul><li>IMPLEMENTING SYSTEM IN NEW SAKAI-BASED CAMTOOLS </li></ul><ul><ul><li>Within some time : putting decided designs into code </li></ul></ul><ul><ul><li>Have a look how to implement in new Sakai-based CamTools </li></ul></ul><ul><ul><li>At same moment : Building basic networking into new Sakai-based CamTools </li></ul></ul><ul><ul><ul><li>(piloting autumn this year) </li></ul></ul></ul>
  • 37. THE PROJECT CLOSE-UP Wrap-up <ul><ul><li>We enjoyed learning about user-centric design . We felt this was a useful way to connect with real users and design for them. We hope to try similar methods again on future projects . </li></ul></ul><ul><ul><li>It’s a never ending process: We’re still learning about how to do user research and user-centric design. </li></ul></ul><ul><ul><li>We’re looking forward to seeing our academic networking concepts realized in the future. </li></ul></ul>
  • 38. CONTACT US <ul><li>WANT TO FIND OUT MORE ABOUT IT? </li></ul><ul><ul><li>Websites : </li></ul></ul><ul><ul><ul><li>http://www.caret.cam.ac.uk </li></ul></ul></ul><ul><ul><ul><li>http://academic-networking.blogspot.com </li></ul></ul></ul><ul><ul><li>People : </li></ul></ul><ul><ul><ul><li>Laura James (project manager): [email_address] </li></ul></ul></ul><ul><ul><ul><li>Anne-Sophie De Baets (researcher): [email_address] </li></ul></ul></ul>
  • 39. FEEDBACK Questions?
  • 40. Thank you!

×