Design Challenge & Ideation Process
Sparkathon 2017
Who am I?
HCI Researcher
Interactive Platforms for Learning
Frontend Web /
Front-back Web
Developer
jQuery
Angular
Blaze - Meteor
React - Webpack
Polymer / Webcomponents
Web Technology Evangelist
Promotes proper use of HTML
Promotes use of minimal JS
Promotes PRPL - 50 pattern
Web performance addict
User Experience
Practitioner
Human Computer Interaction
Design Thinking Mentor
Promotes Testing of assumptions
Promotes proper validation of ideas
Volunteer / Mentor
Google Developer Group Philippines
Philippine Web Designers Organization
User Experience Philippines
ACM Special Interest Group on Computer-Human Interaction
Follow me
https://twitter.com/tjmonsi
https://medium.com/@tjmonsi
https://twitch.tv/tjmonsi
Defining Design Challenge
Example
Challenge: Design an IoT for Academe
POV: Students taking classes in a lecture room. Teacher checking attendance and getting feedback from his students about his lecture. Students having questions before, during and after the lecture. Teacher gives related discussion materials for better student learning
Structure:
Challenge: __________________
POV: ______________________________________________________
Pick a place, pick at least 2 stakeholders, pick a scenario, describe the scenario and their experience.
Structure:
How might we improve collaboration in learning in the classroom?
Challenge: Design an IoT for Academe
POV: Students taking classes in a lecture room. Teacher checking attendance and getting feedback from his students about his lecture. Students having questions before, during and after the lecture. Teacher gives related discussion materials for better student learning
Scope it up:
Add constraints
Add target people/stakeholders
Structure:
How might we improve collaboration in learning in the classroom?
Amp up the good
Remove the bad
Explore the opposite
Question an assumption
Create an analogy from need or context
Change a status quo
Scope it up:
Add constraints
Add target people/stakeholders
Structure:
How might we improve collaboration in learning in the classroom given using only arm-chair and whiteboard as the only way for collaboration?
Amp up the good
Remove the bad
Explore the opposite
Question an assumption
Create an analogy from need or context
Change a status quo
Scope it up:
Add constraints
Add target people/stakeholders
Structure:
How might we improve collaboration between teacher and student or group of students in teaching and learning?
Amp up the good
Remove the bad
Explore the opposite
Question an assumption
Create an analogy from need or context
Change a status quo
Scope it up:
Add constraints
Add target people/stakeholders
Structure:
How might we increase learning efficiency and effectiveness in the classroom?
Amp up the good
Remove the bad
Explore the opposite
Question an assumption
Create an analogy from need or context
Change a status quo
Scope it up:
Add constraints
Add target people/stakeholders
Structure:
How might we ______________?
Amp up the good
Remove the bad
Explore the opposite
Question an assumption
Create an analogy from need or context
Change a status quo
Define Persona
Describe them. What are their goals? What are their aspirations? Create a background story. What will they be doing in terms of your design challenge.
TJ Monserrat
Teacher. Teaching Web development
He has a laptop and uses cloud services
to create slides and teaching materials.
Likes to use the white board to create
visuals on the fly.
Sofia Rubio
Student. Wants to learn how to do web dev. Takes pictures of slide materials and whiteboard writings. Only knows basic HTML and CSS
Name: __________
Type: _________
Needs / Wants: __________
Behaviors: _______________
Aspirations: ______________
Extra information: ___________
Group your potential
Stakeholders...
How to use HMW to validate?
Structure:
How might we improve collaboration in learning in the classroom?
Challenge: Design an IoT for Academe
POV: Students taking classes in a lecture room. Teacher checking attendance and getting feedback from his students about his lecture. Students having questions before, during and after the lecture. Teacher gives related discussion materials for better student learning
Challenge: Design an IoT for Academe
POV: Students taking classes in a lecture room. Teacher checking attendance and getting feedback from his students about his lecture. Students having questions before, during and after the lecture. Teacher gives related discussion materials for better student learning
Q1 to teacher: How do you check the student attendance?
Q2 to teacher: How do you get feedback?
Q3 to teacher: What kind of feedback do you need?
Q4 to teacher: How does the feedback affect the lecture?
Challenge: Design an IoT for Academe
POV: Students taking classes in a lecture room. Teacher checking attendance and getting feedback from his students about his lecture. Students having questions before, during and after the lecture. Teacher gives related discussion materials for better student learning
Q1 to student: How do you ask a question?
Q2 to student: How often do you ask a question?
Q3 to student: When do you usually ask a question?
Q4 to student: What kind of questions do you ask?