24
P2: Exercise 7 Pooja Rani 24 April 2020 1

scg.unibe.chscg.unibe.ch/download/lectures/p2lab/20-04-24-week... · Prototyping Process 5 Identify requirement Review Revise and Enhance Develop initial prototype. ... Sketching

  • Upload
    others

  • View
    5

  • Download
    0

Embed Size (px)

Citation preview

Page 1: scg.unibe.chscg.unibe.ch/download/lectures/p2lab/20-04-24-week... · Prototyping Process 5 Identify requirement Review Revise and Enhance Develop initial prototype. ... Sketching

P2:Exercise7

PoojaRani 24April2020

1

Page 2: scg.unibe.chscg.unibe.ch/download/lectures/p2lab/20-04-24-week... · Prototyping Process 5 Identify requirement Review Revise and Enhance Develop initial prototype. ... Sketching

Presenting your game to client

2

Page 3: scg.unibe.chscg.unibe.ch/download/lectures/p2lab/20-04-24-week... · Prototyping Process 5 Identify requirement Review Revise and Enhance Develop initial prototype. ... Sketching

Presenting your game to client

3

• How to design this game?

• Identify components

• Confirm with client

• Implement the component

• Present to client

Page 4: scg.unibe.chscg.unibe.ch/download/lectures/p2lab/20-04-24-week... · Prototyping Process 5 Identify requirement Review Revise and Enhance Develop initial prototype. ... Sketching

Software Prototyping

4

• To assess the set of requirements

• To test the feasibility without building the whole system

• To make end user involved in the design phase

Page 5: scg.unibe.chscg.unibe.ch/download/lectures/p2lab/20-04-24-week... · Prototyping Process 5 Identify requirement Review Revise and Enhance Develop initial prototype. ... Sketching

Prototyping Process

5

Identifyrequirement

Review

ReviseandEnhance Developinitialprototype

Page 6: scg.unibe.chscg.unibe.ch/download/lectures/p2lab/20-04-24-week... · Prototyping Process 5 Identify requirement Review Revise and Enhance Develop initial prototype. ... Sketching

Prototyping Dimension

6

Representation

• Textual description

• Sketches

• Physical prototypes…

Page 7: scg.unibe.chscg.unibe.ch/download/lectures/p2lab/20-04-24-week... · Prototyping Process 5 Identify requirement Review Revise and Enhance Develop initial prototype. ... Sketching

Prototyping Dimension

7

• Scope

• Executability

• Maturation

Page 8: scg.unibe.chscg.unibe.ch/download/lectures/p2lab/20-04-24-week... · Prototyping Process 5 Identify requirement Review Revise and Enhance Develop initial prototype. ... Sketching

Prototyping Dimension

8

• Scope

• Executability

• Can prototype be “run”?

• Maturation

• Are we going to throw the prototype or use for further iterations?

Page 9: scg.unibe.chscg.unibe.ch/download/lectures/p2lab/20-04-24-week... · Prototyping Process 5 Identify requirement Review Revise and Enhance Develop initial prototype. ... Sketching

Sketching

9

“Asketchisarapidlyexecutedfreehanddrawingthatisnotusuallyintendedasafinishedwork.”

Figure from the slides on “Sketching User Experiences: The Workbook”

https://en.wikipedia.org/wiki/Sketch_%28drawing%29

Page 10: scg.unibe.chscg.unibe.ch/download/lectures/p2lab/20-04-24-week... · Prototyping Process 5 Identify requirement Review Revise and Enhance Develop initial prototype. ... Sketching

Sketching

1 0

• Sketching helps you to

• express

• develop, and

• communicate design ideas

• Force yourself to visualize how things come together

Adapted from the slides on “Sketching User Experiences: The Workbook”

Page 11: scg.unibe.chscg.unibe.ch/download/lectures/p2lab/20-04-24-week... · Prototyping Process 5 Identify requirement Review Revise and Enhance Develop initial prototype. ... Sketching

Sketching a game

1 1

Adrian Blumer, Rudolf M. Schreier, Daniel Zimmermann; Game Programming Lab Project Presentation, ETH Zürich, 2012

Page 12: scg.unibe.chscg.unibe.ch/download/lectures/p2lab/20-04-24-week... · Prototyping Process 5 Identify requirement Review Revise and Enhance Develop initial prototype. ... Sketching

Sketching a game

1 2

Adrian Blumer, Rudolf M. Schreier, Daniel Zimmermann; Game Programming Lab Project Presentation, ETH Zürich, 2012

Page 13: scg.unibe.chscg.unibe.ch/download/lectures/p2lab/20-04-24-week... · Prototyping Process 5 Identify requirement Review Revise and Enhance Develop initial prototype. ... Sketching

Sketching

1 3

• Brainstorming

• Come up with as many ideas as possible

• It is about design, not function

• Quick to make, disposable, plentiful

Adapted from the slides on “Sketching User Experiences: The Workbook”

Page 14: scg.unibe.chscg.unibe.ch/download/lectures/p2lab/20-04-24-week... · Prototyping Process 5 Identify requirement Review Revise and Enhance Develop initial prototype. ... Sketching

Sketching

1 4

• Focus on high-level design notions

• Not so good for illustrating flow and the details

Adapted from the slides on “Sketching User Experiences: The Workbook”

Page 15: scg.unibe.chscg.unibe.ch/download/lectures/p2lab/20-04-24-week... · Prototyping Process 5 Identify requirement Review Revise and Enhance Develop initial prototype. ... Sketching

Physical prototyping

1 5

A physical prototype consists of

• A set of objects and sketches that resemble the intended user interface

• A set of rules (how can a player move? What actions are allowed in what state?)

Based on: https://graphics.ethz.ch/teaching/gamelab11/course_material/lecture03/Prototyping.pdf

Page 16: scg.unibe.chscg.unibe.ch/download/lectures/p2lab/20-04-24-week... · Prototyping Process 5 Identify requirement Review Revise and Enhance Develop initial prototype. ... Sketching

Physical prototyping

1 6

lets you

• Simulate the user experience by executing rules and moving the elements on the board

Based on: https://graphics.ethz.ch/teaching/gamelab11/course_material/lecture03/Prototyping.pdf

Page 17: scg.unibe.chscg.unibe.ch/download/lectures/p2lab/20-04-24-week... · Prototyping Process 5 Identify requirement Review Revise and Enhance Develop initial prototype. ... Sketching

Physical prototyping

1 7

• Should focus on the core elements

• Can be developed iteratively to refine the design

Based on: https://graphics.ethz.ch/teaching/gamelab11/course_material/lecture03/Prototyping.pdf

Page 18: scg.unibe.chscg.unibe.ch/download/lectures/p2lab/20-04-24-week... · Prototyping Process 5 Identify requirement Review Revise and Enhance Develop initial prototype. ... Sketching

Physical prototyping

1 8

• A physical prototype consists of

• A set of objects and sketches that resemble the intended user interface

• A set of rules (how can a player move? What actions are allowed in what state?)

• and lets you • Simulate the user experience by executing rules and moving

the elements on the board

• Should focus on the core elements

• Can be developed iteratively to refine the design

Based on: https://graphics.ethz.ch/teaching/gamelab11/course_material/lecture03/Prototyping.pdf

Page 19: scg.unibe.chscg.unibe.ch/download/lectures/p2lab/20-04-24-week... · Prototyping Process 5 Identify requirement Review Revise and Enhance Develop initial prototype. ... Sketching

Paper Prototype

1 9Adrian Blumer, Rudolf M. Schreier, Daniel Zimmermann; Game Programming Lab Project Presentation, ETH Zürich, 2012

Page 20: scg.unibe.chscg.unibe.ch/download/lectures/p2lab/20-04-24-week... · Prototyping Process 5 Identify requirement Review Revise and Enhance Develop initial prototype. ... Sketching

Paper prototyping

2 0

• Key user interaction

• Colors

• Elevation and shadows

Based on: https://graphics.ethz.ch/teaching/gamelab11/course_material/lecture03/Prototyping.pdf

Page 21: scg.unibe.chscg.unibe.ch/download/lectures/p2lab/20-04-24-week... · Prototyping Process 5 Identify requirement Review Revise and Enhance Develop initial prototype. ... Sketching

Resources

2 1

• Slides on “Sketching User Experiences: The Workbook”

http://sketchbook.cpsc.ucalgary.ca/?page_id=64

• Adrian Blumer Rudolf M. Schreier Daniel Zimmermann; Game Programming Lab Project Presentation ETH Zürich 2012

• Space Trouble ! Example referred https://twiki.graphics.ethz.ch/GameClass/Team2

Page 22: scg.unibe.chscg.unibe.ch/download/lectures/p2lab/20-04-24-week... · Prototyping Process 5 Identify requirement Review Revise and Enhance Develop initial prototype. ... Sketching

Exercise 7: GUI prototyping

2 2

• Sokoban Interfaces • Pen and Paper • No programming required

• Create different sketches

• Create a simple paper prototype

• Demonstrate user experience

Page 23: scg.unibe.chscg.unibe.ch/download/lectures/p2lab/20-04-24-week... · Prototyping Process 5 Identify requirement Review Revise and Enhance Develop initial prototype. ... Sketching

Exercise 7: GUI prototyping

2 3

• Complete your revisions and pending exercises

• Deadline 1 May, 2020

Page 24: scg.unibe.chscg.unibe.ch/download/lectures/p2lab/20-04-24-week... · Prototyping Process 5 Identify requirement Review Revise and Enhance Develop initial prototype. ... Sketching

Do not forgot to pull

2 4

Moreinexercise_07.mdgitpullp2-exercisesmaster