SlideShare ist ein Scribd-Unternehmen logo
1 von 7
Simple prototyping techniques
         Activity 2.1

  Diana Laurillard for OLDSMOOC




                                  1
Prototyping Activity 2.1
       1.   Esc to stop running this powerpoint.
       2.   Take a screen shot of the learning design Timeline on the
            next slide
            (on Mac) cmd-Shift-4
            Position and drag cross-hairs across image and release
            (on PC) use Prnt screen
            Go to the Insert menu – Photo – Picture from file – Choose your
            image from the Desktop
            OR: use screen grab software e.g. Grab, Preview, etc.
       3.   Paste into the blank slide, next but one
       4.   Edit the text box in the next slide to emulate a menu showing
            Teaching-Learning
       5.   Copy and paste and resize the menu text box into the right
            place on the picture to show your redesign.

       Optional:
       Do something similar using any other picture and picture
           elements relevant to your own design context.
Menu
Menu                                                                          2
Take a screen shot of this picture and paste it onto the next but one slide




                                                                              3
•   Edit this draft menu to change some of the options
•   Resize the text to fontsize 11
•   Set fill to white
•   Copy and paste it onto the next slide and position it
    as a drop-down menu under the timeline




                       Teacher presentation
                       Resource-based group activity
                       Resource-based individual activity
                       Individual practical activity




                                                            4
Paste your screen cast onto this blank screen




               Teacher presentation
               Resource-based group activity
               Resource-based individual activity
               Individual practical activity




 When you have completed this redesign check to see if it looks the
 same as the next slide                                               5
Teacher presentation
Student presentation
Class discussion
Small group discussion
Resource-based group activity
Resource-based individual activity
Group practical activity
Individual practical activity




                                     6
Teacher presentation
Student presentation
Class discussion
Small group discussion
Resource-based group activity
Resource-based individual activity
Group practical activity
Individual practical activity




                                     6

Weitere ähnliche Inhalte

Andere mochten auch

Rapid Web Design Prototyping with HTML5 and WebKit
Rapid Web Design Prototyping with HTML5 and WebKitRapid Web Design Prototyping with HTML5 and WebKit
Rapid Web Design Prototyping with HTML5 and WebKit
Pete Nicholls
 
OP: A Novel Programming Model for Integrated Design and Prototyping of Mixed...
OP: A Novel Programming Model  for Integrated Design and Prototyping of Mixed...OP: A Novel Programming Model  for Integrated Design and Prototyping of Mixed...
OP: A Novel Programming Model for Integrated Design and Prototyping of Mixed...
Céline Coutrix
 
User experience designers and prototyping
User experience designers and prototypingUser experience designers and prototyping
User experience designers and prototyping
Diane Cronenwett
 
BPSim The Temporal and Control Perspectives
BPSim   The Temporal and Control PerspectivesBPSim   The Temporal and Control Perspectives
BPSim The Temporal and Control Perspectives
Denis Gagné
 

Andere mochten auch (18)

Prototyping with Axure
Prototyping with AxurePrototyping with Axure
Prototyping with Axure
 
Tools of the UX Trade
Tools of the UX TradeTools of the UX Trade
Tools of the UX Trade
 
CIS110 Computer Programming Design Chapter (9)
CIS110 Computer Programming Design Chapter  (9)CIS110 Computer Programming Design Chapter  (9)
CIS110 Computer Programming Design Chapter (9)
 
Rapid Prototyping for Instructional Design over Time
Rapid Prototyping for Instructional Designover TimeRapid Prototyping for Instructional Designover Time
Rapid Prototyping for Instructional Design over Time
 
Methods and resources for conceptual design
Methods and resources for conceptual designMethods and resources for conceptual design
Methods and resources for conceptual design
 
Rapid Web Design Prototyping with HTML5 and WebKit
Rapid Web Design Prototyping with HTML5 and WebKitRapid Web Design Prototyping with HTML5 and WebKit
Rapid Web Design Prototyping with HTML5 and WebKit
 
OP: A Novel Programming Model for Integrated Design and Prototyping of Mixed...
OP: A Novel Programming Model  for Integrated Design and Prototyping of Mixed...OP: A Novel Programming Model  for Integrated Design and Prototyping of Mixed...
OP: A Novel Programming Model for Integrated Design and Prototyping of Mixed...
 
Prototyping - 2015 PhillyCHI UX Workshop Series
Prototyping - 2015 PhillyCHI UX Workshop SeriesPrototyping - 2015 PhillyCHI UX Workshop Series
Prototyping - 2015 PhillyCHI UX Workshop Series
 
Mixing Lean UX and Agile Development
Mixing Lean UX and Agile DevelopmentMixing Lean UX and Agile Development
Mixing Lean UX and Agile Development
 
Chapter 1
Chapter 1Chapter 1
Chapter 1
 
Composing Business Process with ID-Net
Composing Business Process with ID-NetComposing Business Process with ID-Net
Composing Business Process with ID-Net
 
Esd seminar 2
Esd seminar 2Esd seminar 2
Esd seminar 2
 
User experience designers and prototyping
User experience designers and prototypingUser experience designers and prototyping
User experience designers and prototyping
 
CIS375 Interaction Designs Chapter11
CIS375 Interaction Designs Chapter11CIS375 Interaction Designs Chapter11
CIS375 Interaction Designs Chapter11
 
Beyond the screen - UX research methods for novel technology
Beyond the screen - UX research methods for novel technologyBeyond the screen - UX research methods for novel technology
Beyond the screen - UX research methods for novel technology
 
Design prototyping
Design prototypingDesign prototyping
Design prototyping
 
Capstone FUTURE prototyping workshop
Capstone FUTURE prototyping workshopCapstone FUTURE prototyping workshop
Capstone FUTURE prototyping workshop
 
BPSim The Temporal and Control Perspectives
BPSim   The Temporal and Control PerspectivesBPSim   The Temporal and Control Perspectives
BPSim The Temporal and Control Perspectives
 

Ähnlich wie OLDSMOOC Week 5 Activity 2.1: Simple prototyping techniques. Diana Laurillard

Power point tutorial
Power point tutorialPower point tutorial
Power point tutorial
dmakk767
 
Microsoft Powerpoint
Microsoft PowerpointMicrosoft Powerpoint
Microsoft Powerpoint
Amirah Husna
 
Developing a lesson plan with smart board
Developing a lesson plan with smart boardDeveloping a lesson plan with smart board
Developing a lesson plan with smart board
neenapat
 
Effective use of powerpoint
Effective use of powerpointEffective use of powerpoint
Effective use of powerpoint
renz_sabas
 

Ähnlich wie OLDSMOOC Week 5 Activity 2.1: Simple prototyping techniques. Diana Laurillard (20)

OLDSMOOC week 5: Simple prototyping techniques by Diana Laurillard
OLDSMOOC week 5: Simple prototyping techniques by Diana LaurillardOLDSMOOC week 5: Simple prototyping techniques by Diana Laurillard
OLDSMOOC week 5: Simple prototyping techniques by Diana Laurillard
 
Power point tutorial
Power point tutorialPower point tutorial
Power point tutorial
 
Microsoft Powerpoint
Microsoft PowerpointMicrosoft Powerpoint
Microsoft Powerpoint
 
Interactive power point Belen Paucar
Interactive power point Belen PaucarInteractive power point Belen Paucar
Interactive power point Belen Paucar
 
Advanced presentation skills
Advanced presentation skillsAdvanced presentation skills
Advanced presentation skills
 
Not Just Bullet Points
Not Just Bullet PointsNot Just Bullet Points
Not Just Bullet Points
 
Lesson 5.pptx
Lesson 5.pptxLesson 5.pptx
Lesson 5.pptx
 
iPad integration handout
iPad integration handoutiPad integration handout
iPad integration handout
 
Repurposing H5Ps
Repurposing H5PsRepurposing H5Ps
Repurposing H5Ps
 
Developing a lesson plan with smart board
Developing a lesson plan with smart boardDeveloping a lesson plan with smart board
Developing a lesson plan with smart board
 
Developing a lesson plan with smart board
Developing a lesson plan with smart boardDeveloping a lesson plan with smart board
Developing a lesson plan with smart board
 
Interactive power point replica workshop
Interactive power point replica workshopInteractive power point replica workshop
Interactive power point replica workshop
 
Modul 1: Menggunakan text tool
Modul 1: Menggunakan text toolModul 1: Menggunakan text tool
Modul 1: Menggunakan text tool
 
PPT Lesson 1
PPT Lesson 1 PPT Lesson 1
PPT Lesson 1
 
Interactive power point Belen Paucar
Interactive power point Belen PaucarInteractive power point Belen Paucar
Interactive power point Belen Paucar
 
Powerpoint 4.pptx
Powerpoint 4.pptxPowerpoint 4.pptx
Powerpoint 4.pptx
 
Effective use of powerpoint
Effective use of powerpointEffective use of powerpoint
Effective use of powerpoint
 
Visual Literacy - Design Principles
Visual Literacy - Design PrinciplesVisual Literacy - Design Principles
Visual Literacy - Design Principles
 
Lesson-5-Emptech
Lesson-5-EmptechLesson-5-Emptech
Lesson-5-Emptech
 
Digital literacy
Digital literacyDigital literacy
Digital literacy
 

Mehr von OLDSMOOC (9)

Mc kenney asl-dv3
Mc kenney asl-dv3Mc kenney asl-dv3
Mc kenney asl-dv3
 
OLDSMOOC Week 5 Activity 2.2: Simple prototyping techniques. Diana Laurillard
OLDSMOOC Week 5 Activity 2.2: Simple prototyping techniques. Diana LaurillardOLDSMOOC Week 5 Activity 2.2: Simple prototyping techniques. Diana Laurillard
OLDSMOOC Week 5 Activity 2.2: Simple prototyping techniques. Diana Laurillard
 
OLDSMOOC Week5 part 2: Testing the prototypes. Diana Laurillard
OLDSMOOC Week5 part 2: Testing the prototypes. Diana LaurillardOLDSMOOC Week5 part 2: Testing the prototypes. Diana Laurillard
OLDSMOOC Week5 part 2: Testing the prototypes. Diana Laurillard
 
OLDSMOOC week 5: Storyboard example. Diana Laurillard
OLDSMOOC week 5: Storyboard example. Diana LaurillardOLDSMOOC week 5: Storyboard example. Diana Laurillard
OLDSMOOC week 5: Storyboard example. Diana Laurillard
 
Library digital faciltation_cards_new_v23
Library digital faciltation_cards_new_v23Library digital faciltation_cards_new_v23
Library digital faciltation_cards_new_v23
 
Presentation1
Presentation1Presentation1
Presentation1
 
Ou
OuOu
Ou
 
Course Map activity
Course Map activityCourse Map activity
Course Map activity
 
Dl l der
Dl l derDl l der
Dl l der
 

OLDSMOOC Week 5 Activity 2.1: Simple prototyping techniques. Diana Laurillard

  • 1. Simple prototyping techniques Activity 2.1 Diana Laurillard for OLDSMOOC 1
  • 2. Prototyping Activity 2.1 1. Esc to stop running this powerpoint. 2. Take a screen shot of the learning design Timeline on the next slide (on Mac) cmd-Shift-4 Position and drag cross-hairs across image and release (on PC) use Prnt screen Go to the Insert menu – Photo – Picture from file – Choose your image from the Desktop OR: use screen grab software e.g. Grab, Preview, etc. 3. Paste into the blank slide, next but one 4. Edit the text box in the next slide to emulate a menu showing Teaching-Learning 5. Copy and paste and resize the menu text box into the right place on the picture to show your redesign. Optional: Do something similar using any other picture and picture elements relevant to your own design context. Menu Menu 2
  • 3. Take a screen shot of this picture and paste it onto the next but one slide 3
  • 4. Edit this draft menu to change some of the options • Resize the text to fontsize 11 • Set fill to white • Copy and paste it onto the next slide and position it as a drop-down menu under the timeline Teacher presentation Resource-based group activity Resource-based individual activity Individual practical activity 4
  • 5. Paste your screen cast onto this blank screen Teacher presentation Resource-based group activity Resource-based individual activity Individual practical activity When you have completed this redesign check to see if it looks the same as the next slide 5
  • 6. Teacher presentation Student presentation Class discussion Small group discussion Resource-based group activity Resource-based individual activity Group practical activity Individual practical activity 6
  • 7. Teacher presentation Student presentation Class discussion Small group discussion Resource-based group activity Resource-based individual activity Group practical activity Individual practical activity 6