SlideShare a Scribd company logo
1 of 17
Download to read offline
Use cases in the Fluid
Project
Erin Yu, Interaction Designer, The Fluid Project
Allison Bloodworth, Interaction Designer, The Fluid project
Our Context - The Fluid Project


Very large scope - content management


Trying to design general components which
will work across projects instead of for a
specific context



Multiple teams in different locations with
different levels of experience doing the work



Created our models in a distributed fashion
User-centered design at
Berkeley
User research
Modeling
Requirements definition
UI framework definition
UI design
Development support
How do we define use cases?


High-level descriptions of how users:
Currently use the system
Need/want to use the system

Their goals
The context
Gathered during user research
Other definitions
•

"Use cases, stated simply, allow description
of sequences of events that, taken together,
lead to a system doing something useful.”
- Bittner and Spence

•
•

“A sequence of actions that takes place in a
problem domain between a user and the
system.”
•

- Menlo Institute
Step 1: Research - Contextual
Inquiries
Interviewed & observed users in the
context of their work
Used focus structure document to guide
each user visit
Took detailed notes & photos
Processed ‘raw’ notes into a more
categorized & synthesized format
Step 2: Deriving use cases
Part of the Modeling phase
Levels: Motivation, Goal, Need, Task
Reviewed processed notes to find highlevel activities users are performing
A use case is usually made up of smaller
tasks

Described each use case in a simple
sentence (the “title”)
Use case lessons learned
Finding the appropriate granularity is hard
Try not to define solutions
Make them specific enough that you and the
rest of the team can understand them later
Tie them to user goals
e.g.“Read course announcements,”
“Collaboratively create a lab report with
other students”
Use case example


Use case title: Grade student assignments


Goal: Assess student’s understanding of
course material and provide feedback
1.

Collect student assignments

2.

Review and mark up each assignment

3.

Enter grades in Gradebook
Step 3: Creating post-it notes
Use case ‘title’ in big letters

MB

Upload marked
Colored dots represented the user role
assignments

Different color post-it notes represented
current vs. future use cases
Users’ initials in small letters
Step 4: Affinity diagramming
Grouped use cases based on similarity or
relatedness
Similar to card sorting

Because we had so many use cases, we came up
with categories as an initial organizing scheme
e.g. Authoring, Presentation, File Organization,
Communication

Placed post-it notes onto category sheets
Step 5: Affinity diagramming
Placed duplicates on top of each other
Found patterns
Within each category, we organized
post-it notes into groups
Named the groups
Step 6: Use-case
frequency matrix
Instructors

Undergrad

Grad

Tas/GSIs

X
X
X
X
X
X

X
X
X
X
X
X
X
X

X

Instructional
Support Staff Use cases
Presentation & Access
Share
Share articles w/ friends (RSS feeds)
Share teaching materials with other teachers
X
Share content with everyone on instructional support st
Share notes with friends
Share powerpoint slides
Share current even articles with students in real time
Allow students to see other student's assignments
Read/View
Read manual with instructions for a lab
Read course articles & reading online
View video lectures sync'd with slides
Review webcast of class
Read course books & readings (offline)
Subscribe to RSS feeds
Get general course information
Refer to syllabus
Sort
Sort announcements
Frequency

Step 7: Priority matrix

Importance
Step 8: Activity Diagrams
Step 9: Requirements Definition
Use matrices to prioritize use cases
Are there frequent/important use cases that can
be addressed by Fluid components?
Is there overlap between frequent/ important use
cases & pain points found in an earlier analysis?
Validate choice of some upcoming Fluid
components
Fill in roadmap for future Fluid components
Next steps


User research



Modeling



Requirements definition
UI framework definition
UI design
Development support

More Related Content

What's hot

What's hot (7)

PLE
PLEPLE
PLE
 
Naïve multi label classification of you tube comments using
Naïve multi label classification of you tube comments usingNaïve multi label classification of you tube comments using
Naïve multi label classification of you tube comments using
 
The Pitch
The PitchThe Pitch
The Pitch
 
A Semantic-rich Framework for Learning Software Patterns
A Semantic-rich Framework for Learning Software PatternsA Semantic-rich Framework for Learning Software Patterns
A Semantic-rich Framework for Learning Software Patterns
 
Using Social Network Analysis to Assess Organizational Development Initiatives
Using Social Network Analysis to Assess Organizational Development InitiativesUsing Social Network Analysis to Assess Organizational Development Initiatives
Using Social Network Analysis to Assess Organizational Development Initiatives
 
Literate environment analysis_presentation_outline1
Literate environment analysis_presentation_outline1Literate environment analysis_presentation_outline1
Literate environment analysis_presentation_outline1
 
Digital Literacy Practices in the University
Digital Literacy Practices in the UniversityDigital Literacy Practices in the University
Digital Literacy Practices in the University
 

Similar to Use Cases in the Fluid Project

JISC LADIE project Learning Design In Education
JISC LADIE project Learning Design In EducationJISC LADIE project Learning Design In Education
JISC LADIE project Learning Design In Education
grainne
 
Exploration ofonlinediscussionv4
Exploration ofonlinediscussionv4Exploration ofonlinediscussionv4
Exploration ofonlinediscussionv4
Mary Loftus
 
Aishe2
Aishe2Aishe2
Aishe2
cies
 
Experiencai significativa 1 webquest
Experiencai significativa 1 webquestExperiencai significativa 1 webquest
Experiencai significativa 1 webquest
Sandra Delgado
 
REVIVE project. Technlogical approach
REVIVE project. Technlogical approachREVIVE project. Technlogical approach
REVIVE project. Technlogical approach
Joanna Wild
 

Similar to Use Cases in the Fluid Project (20)

JISC LADIE project Learning Design In Education
JISC LADIE project Learning Design In EducationJISC LADIE project Learning Design In Education
JISC LADIE project Learning Design In Education
 
Student Content Evaluation UC & R April 2009
Student Content Evaluation UC & R April 2009Student Content Evaluation UC & R April 2009
Student Content Evaluation UC & R April 2009
 
Exploring Online Discussion in E-Learning1
Exploring Online Discussion in E-Learning1Exploring Online Discussion in E-Learning1
Exploring Online Discussion in E-Learning1
 
Exploring Online Discussion in E-Learning
Exploring Online Discussion in E-LearningExploring Online Discussion in E-Learning
Exploring Online Discussion in E-Learning
 
Exploration ofonlinediscussionv4
Exploration ofonlinediscussionv4Exploration ofonlinediscussionv4
Exploration ofonlinediscussionv4
 
Judy Stern
Judy Stern Judy Stern
Judy Stern
 
Aishe2
Aishe2Aishe2
Aishe2
 
Data-Driven Learning Strategy
Data-Driven Learning StrategyData-Driven Learning Strategy
Data-Driven Learning Strategy
 
Asynchronous synchronous final_activities
Asynchronous synchronous final_activitiesAsynchronous synchronous final_activities
Asynchronous synchronous final_activities
 
Moodle and the 3E Framework
Moodle and the 3E FrameworkMoodle and the 3E Framework
Moodle and the 3E Framework
 
Moodle and the 3E Framework
Moodle and the 3E FrameworkMoodle and the 3E Framework
Moodle and the 3E Framework
 
Use of Synchronous Collaborative Wikis in an Online Learning Environment
Use of Synchronous Collaborative Wikis in an Online Learning EnvironmentUse of Synchronous Collaborative Wikis in an Online Learning Environment
Use of Synchronous Collaborative Wikis in an Online Learning Environment
 
EduFeedr — Redesigning the Feed Reader for an Open Education
EduFeedr — Redesigning the Feed Reader for an Open EducationEduFeedr — Redesigning the Feed Reader for an Open Education
EduFeedr — Redesigning the Feed Reader for an Open Education
 
Experiencai significativa 1 webquest
Experiencai significativa 1 webquestExperiencai significativa 1 webquest
Experiencai significativa 1 webquest
 
REVIVE project. Technlogical approach
REVIVE project. Technlogical approachREVIVE project. Technlogical approach
REVIVE project. Technlogical approach
 
Current state of EduFeedr project
Current state of EduFeedr projectCurrent state of EduFeedr project
Current state of EduFeedr project
 
Alt I Lab 2005 Ep Services
Alt I Lab 2005 Ep ServicesAlt I Lab 2005 Ep Services
Alt I Lab 2005 Ep Services
 
Macedonia Icamp
Macedonia IcampMacedonia Icamp
Macedonia Icamp
 
Pedagogical scripting in CSCL
Pedagogical scripting in CSCLPedagogical scripting in CSCL
Pedagogical scripting in CSCL
 
Teaching & Learning Online: It's All About the Pedagogy Day 1
Teaching & Learning Online: It's All About the Pedagogy  Day 1Teaching & Learning Online: It's All About the Pedagogy  Day 1
Teaching & Learning Online: It's All About the Pedagogy Day 1
 

More from Allison Bloodworth

More from Allison Bloodworth (8)

Make Your Data Come Alive: Visual Design's Role in Creating Compelling Visual...
Make Your Data Come Alive: Visual Design's Role in Creating Compelling Visual...Make Your Data Come Alive: Visual Design's Role in Creating Compelling Visual...
Make Your Data Come Alive: Visual Design's Role in Creating Compelling Visual...
 
Selling userneedsassessment 7-30-07_full
Selling userneedsassessment 7-30-07_fullSelling userneedsassessment 7-30-07_full
Selling userneedsassessment 7-30-07_full
 
Model-driven Application Design for a Campus Calendar Network
Model-driven Application Design for a Campus Calendar NetworkModel-driven Application Design for a Campus Calendar Network
Model-driven Application Design for a Campus Calendar Network
 
Fluid Design Pattern Library
Fluid Design Pattern LibraryFluid Design Pattern Library
Fluid Design Pattern Library
 
Introduction to User-Centered Design
Introduction to User-Centered DesignIntroduction to User-Centered Design
Introduction to User-Centered Design
 
User-Centered Design in IT: the Low-Hanging Fruit
User-Centered Design in IT: the Low-Hanging FruitUser-Centered Design in IT: the Low-Hanging Fruit
User-Centered Design in IT: the Low-Hanging Fruit
 
Open Source Design Pattern Library, Spreading Communities Thick: Open Source ...
Open Source Design Pattern Library, Spreading Communities Thick: Open Source ...Open Source Design Pattern Library, Spreading Communities Thick: Open Source ...
Open Source Design Pattern Library, Spreading Communities Thick: Open Source ...
 
Using Personas to Create User-centered Designs
Using Personas to Create User-centered DesignsUsing Personas to Create User-centered Designs
Using Personas to Create User-centered Designs
 

Recently uploaded

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 

Recently uploaded (20)

Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot ModelNavi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
A Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source MilvusA Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source Milvus
 
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfRansomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdf
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 

Use Cases in the Fluid Project

  • 1. Use cases in the Fluid Project Erin Yu, Interaction Designer, The Fluid Project Allison Bloodworth, Interaction Designer, The Fluid project
  • 2. Our Context - The Fluid Project  Very large scope - content management  Trying to design general components which will work across projects instead of for a specific context  Multiple teams in different locations with different levels of experience doing the work  Created our models in a distributed fashion
  • 3. User-centered design at Berkeley User research Modeling Requirements definition UI framework definition UI design Development support
  • 4. How do we define use cases?  High-level descriptions of how users: Currently use the system Need/want to use the system Their goals The context Gathered during user research
  • 5. Other definitions • "Use cases, stated simply, allow description of sequences of events that, taken together, lead to a system doing something useful.” - Bittner and Spence • • “A sequence of actions that takes place in a problem domain between a user and the system.” • - Menlo Institute
  • 6. Step 1: Research - Contextual Inquiries Interviewed & observed users in the context of their work Used focus structure document to guide each user visit Took detailed notes & photos Processed ‘raw’ notes into a more categorized & synthesized format
  • 7. Step 2: Deriving use cases Part of the Modeling phase Levels: Motivation, Goal, Need, Task Reviewed processed notes to find highlevel activities users are performing A use case is usually made up of smaller tasks Described each use case in a simple sentence (the “title”)
  • 8. Use case lessons learned Finding the appropriate granularity is hard Try not to define solutions Make them specific enough that you and the rest of the team can understand them later Tie them to user goals e.g.“Read course announcements,” “Collaboratively create a lab report with other students”
  • 9. Use case example  Use case title: Grade student assignments  Goal: Assess student’s understanding of course material and provide feedback 1. Collect student assignments 2. Review and mark up each assignment 3. Enter grades in Gradebook
  • 10. Step 3: Creating post-it notes Use case ‘title’ in big letters MB Upload marked Colored dots represented the user role assignments Different color post-it notes represented current vs. future use cases Users’ initials in small letters
  • 11. Step 4: Affinity diagramming Grouped use cases based on similarity or relatedness Similar to card sorting Because we had so many use cases, we came up with categories as an initial organizing scheme e.g. Authoring, Presentation, File Organization, Communication Placed post-it notes onto category sheets
  • 12. Step 5: Affinity diagramming Placed duplicates on top of each other Found patterns Within each category, we organized post-it notes into groups Named the groups
  • 13. Step 6: Use-case frequency matrix Instructors Undergrad Grad Tas/GSIs X X X X X X X X X X X X X X X Instructional Support Staff Use cases Presentation & Access Share Share articles w/ friends (RSS feeds) Share teaching materials with other teachers X Share content with everyone on instructional support st Share notes with friends Share powerpoint slides Share current even articles with students in real time Allow students to see other student's assignments Read/View Read manual with instructions for a lab Read course articles & reading online View video lectures sync'd with slides Review webcast of class Read course books & readings (offline) Subscribe to RSS feeds Get general course information Refer to syllabus Sort Sort announcements
  • 14. Frequency Step 7: Priority matrix Importance
  • 15. Step 8: Activity Diagrams
  • 16. Step 9: Requirements Definition Use matrices to prioritize use cases Are there frequent/important use cases that can be addressed by Fluid components? Is there overlap between frequent/ important use cases & pain points found in an earlier analysis? Validate choice of some upcoming Fluid components Fill in roadmap for future Fluid components
  • 17. Next steps  User research  Modeling  Requirements definition UI framework definition UI design Development support