welcome to the dirty crimes ui prototype (if you are not viewing this in slide show mode, click the...

27
Welcome to the Dirty Crimes UI Prototype (If you are not viewing this in Slide Show mode, click the “Slide Show” menu and choose “View Show”.) This prototype will walk a user through a simulated game of Dirty Crimes, exploring all of the finished program’s intended functions. Make sure to read the Game Log in the bottom-left corner for a description of each screen, and how to proceed to the next screen. (When Dirty Crimes is implemented, the Game Log will instead record information such as moves and hypotheses made by all players) Click the arrow to get started! Next Screen This is the Game Log. Instructions for each screen will be shown here. Introduction

Upload: emery-norris

Post on 17-Jan-2018

222 views

Category:

Documents


0 download

DESCRIPTION

Host a Game Options Number of Players: Time Limit: minutes IP Address: Create Game Cancel This is the Host a Game Window. Click the radio button by “Number of Players” to set a player limit, then click “Create Game”. 3 3 Host a Game

TRANSCRIPT

Page 1: Welcome to the Dirty Crimes UI Prototype (If you are not viewing this in Slide Show mode, click the “Slide Show” menu and choose “View Show”.) This prototype

Welcome to the Dirty Crimes UI Prototype(If you are not viewing this in Slide Show mode, click the “Slide Show” menu and choose “View Show”.)

This prototype will walk a user through a simulated game of Dirty Crimes, exploring all of the finished program’s intended functions.

Make sure to read the Game Log in the bottom-left corner for a description of each screen, and how to proceed to the next screen. (When Dirty Crimes is implemented, the Game Log will instead record information such as moves and hypotheses made by all players)

Click the arrow to get started! Next Screen

This is the Game Log. Instructions for each screen will be shown here.

Introduction

Page 2: Welcome to the Dirty Crimes UI Prototype (If you are not viewing this in Slide Show mode, click the “Slide Show” menu and choose “View Show”.) This prototype

Welcome to Dirty Crimes

Dirty Crimes UI Prototype

03-06-05

Host a Game

Join a Game

Exit Dirty Crimes

Enter Your Player Name: Steven

This is the Welcome Screen, which appears when the program is first loaded. Click any of the three buttons in the window, or click the Question Mark button for help.

Welcome Screen

Page 3: Welcome to the Dirty Crimes UI Prototype (If you are not viewing this in Slide Show mode, click the “Slide Show” menu and choose “View Show”.) This prototype

Host a Game

Options Number of Players:

Time Limit: minutes

IP Address: 123.45.67.89

Create Game

Cancel

This is the Host a Game Window. Click the radio button by “Number of Players” to set a player limit, then click “Create Game”.

3

3

Host a Game

Page 4: Welcome to the Dirty Crimes UI Prototype (If you are not viewing this in Slide Show mode, click the “Slide Show” menu and choose “View Show”.) This prototype

This is the Create a Game Window. Click on the color button by your name and click on the light green character “Greene” to chose that color.

Create Game 1

Mustard

Mustard

Mustard

Mustard

Mustard

Mustard

Create a Game

Player: Character:

Cancel

Mustard

Mustard

Mustard

Mustard

Mustard

MustardMustardMustardWhiteWhitePeacockPeacockPlumPlumGreeneGreeneScarletScarlet

1. Steven

2. Empty

3. Empty

4. Empty

5. Empty

6. Empty

Page 5: Welcome to the Dirty Crimes UI Prototype (If you are not viewing this in Slide Show mode, click the “Slide Show” menu and choose “View Show”.) This prototype

When enough players have joined, click the arrow to begin the game.

Create Game 2

Next Screen

Create a Game

Player: Character:

Cancel

Mustard

Mustard

Mustard

Mustard

Mustard

Greene1. Steven

2. Empty

3. Empty

4. Empty

5. Empty

6. Empty

Page 6: Welcome to the Dirty Crimes UI Prototype (If you are not viewing this in Slide Show mode, click the “Slide Show” menu and choose “View Show”.) This prototype

The IP address of the hosting player has been entered. Click “Join Game” to join the game at this IP address.

Join Game 1

Join a Game

Enter the IP Address of the server:

123.45.67.89

Cancel

Join Game

Page 7: Welcome to the Dirty Crimes UI Prototype (If you are not viewing this in Slide Show mode, click the “Slide Show” menu and choose “View Show”.) This prototype

This is the Join a Game Window. Enough players are in the game, so start the game by clicking the arrow.

Join Game 2

Next Screen

Create a Game

Player: Character:

Cancel

Mustard

Mustard

White

Mustard

Mustard

Greene1. Steven

2. Joe

3. Mitch

4. Empty

5. Empty

6. Empty

Page 8: Welcome to the Dirty Crimes UI Prototype (If you are not viewing this in Slide Show mode, click the “Slide Show” menu and choose “View Show”.) This prototype

It is your turn. You are the light green piece. Click the “Spin” button in the center.

Spin

Library

Kitchen

Revolver

Rope

Mustard

Peacock

Steven

MitchJoe

First Turn - Spin

Page 9: Welcome to the Dirty Crimes UI Prototype (If you are not viewing this in Slide Show mode, click the “Slide Show” menu and choose “View Show”.) This prototype

You rolled a Four. Move the green piece by clicking each of the four squares to its right. End Turn

Library

Kitchen

Revolver

Rope

Mustard

Peacock

4

First Turn - Move

Steven

MitchJoe

321

Page 10: Welcome to the Dirty Crimes UI Prototype (If you are not viewing this in Slide Show mode, click the “Slide Show” menu and choose “View Show”.) This prototype

You have finished moving. You are not in a room, so click “End Turn” to end your turn. End Turn

Library

Kitchen

Revolver

Rope

Mustard

Peacock

0

First Turn - End

Steven

MitchJoe

End Turn

Page 11: Welcome to the Dirty Crimes UI Prototype (If you are not viewing this in Slide Show mode, click the “Slide Show” menu and choose “View Show”.) This prototype

The other players are taking their turns. Click the arrow to continue. End Turn

Library

Kitchen

Revolver

Rope

Mustard

Peacock

Joe’s First Turn

Steven

MitchJoe

Next Screen End Turn

Page 12: Welcome to the Dirty Crimes UI Prototype (If you are not viewing this in Slide Show mode, click the “Slide Show” menu and choose “View Show”.) This prototype

The other players are taking their turns. Click the arrow to continue. End Turn

Library

Kitchen

Revolver

Rope

Mustard

Peacock

6

Mitch’s First Turn

Steven

MitchJoe

Next Screen End Turn

Page 13: Welcome to the Dirty Crimes UI Prototype (If you are not viewing this in Slide Show mode, click the “Slide Show” menu and choose “View Show”.) This prototype

It is your turn again. Click the “Spin” button in the center. Spin

Library

Kitchen

Revolver

Rope

Mustard

Peacock

Second Turn - Spin

Steven

MitchJoe

Page 14: Welcome to the Dirty Crimes UI Prototype (If you are not viewing this in Slide Show mode, click the “Slide Show” menu and choose “View Show”.) This prototype

You rolled a two. Move into the Conservatory by clicking the space below you, and then the Conservatory location.

Library

Kitchen

Revolver

Rope

Mustard

Peacock

Second Turn - Move

2

Steven

MitchJoe

End Turn

1

Page 15: Welcome to the Dirty Crimes UI Prototype (If you are not viewing this in Slide Show mode, click the “Slide Show” menu and choose “View Show”.) This prototype

You are now in a room, so you can propose a hypothesis. Chose “White” as the character, and “Wrench” as the weapon. Then click “Submit Hypothesis”.

End Turn

Library

Kitchen

Revolver

Rope

Mustard

Peacock

Second Turn – Propose Hypothesis

0

Propose a Hypothesis

Location:

Choose a Character:

Choose a Weapon:

Conser-

vatoryM

ustard

White

Peacock

Plum

Greene

Scarlet

Candle-stick

Rope

Lead P

ipe

Revolver

Wrench

Knife

Submit Hypothesis Close

Steven

MitchJoe

White

Wrench

Page 16: Welcome to the Dirty Crimes UI Prototype (If you are not viewing this in Slide Show mode, click the “Slide Show” menu and choose “View Show”.) This prototype

Joe is able to refute your hypothesis, and shows you his “Wrench” card. Click the “Close” button to leave this window.

End Turn

Library

Kitchen

Revolver

Rope

Mustard

Peacock

Second Turn – Refute Hypothesis

0

Propose a Hypothesis

Location:

Character:

Weapon:

Conser-

vatoryW

hiteW

rench

Close

Refutation:

Steven

MitchJoe

Joe refuted.

???W

rench

Page 17: Welcome to the Dirty Crimes UI Prototype (If you are not viewing this in Slide Show mode, click the “Slide Show” menu and choose “View Show”.) This prototype

You have moved and proposed a hypothesis. It would not be wise to make an accusation now, so click “End Turn” to end your turn.

End Turn

Library

Kitchen

Revolver

Rope

Mustard

Peacock

Second Turn - End

0

Steven

MitchJoe

End Turn

Make Accusation

Page 18: Welcome to the Dirty Crimes UI Prototype (If you are not viewing this in Slide Show mode, click the “Slide Show” menu and choose “View Show”.) This prototype

The other players are taking their turns. Click the arrow to continue. End Turn

Library

Kitchen

Revolver

Rope

Mustard

Peacock

Joe’s Second Turn

3

Steven

MitchJoe

Next Screen End Turn

Page 19: Welcome to the Dirty Crimes UI Prototype (If you are not viewing this in Slide Show mode, click the “Slide Show” menu and choose “View Show”.) This prototype

Mitch has entered the Dining Room and has proposed a hypothesis. You can refute his hypothesis, so click on your “Mustard” card and click “Refute”.

End Turn

Library

Kitchen

Revolver

Rope

Mustard

Peacock

Mitch’s Second Turn

3

Steven

MitchJoe

Refute Hypothesis

Location:

Character:

Weapon:

Dining

Room

Mustard

Wrench

Refute

Refutation:

Library

Kitchen

Revolver

Rope

Mustard

Peacock

You can make a refutation. Choose a card that matches your opponent’s hypothesis and click “Refute”.

Mustard

End Turn

Page 20: Welcome to the Dirty Crimes UI Prototype (If you are not viewing this in Slide Show mode, click the “Slide Show” menu and choose “View Show”.) This prototype

It is now your turn. Since you are in a corner location, you have the option to use the secret passage. Click “Secret Passage” to move to the Lounge.

Spin

Library

Kitchen

Revolver

Rope

Mustard

Peacock

Third Turn - Wormhole

Steven

MitchJoe

Secret Passage

Page 21: Welcome to the Dirty Crimes UI Prototype (If you are not viewing this in Slide Show mode, click the “Slide Show” menu and choose “View Show”.) This prototype

You have moved to the Lounge, and can submit another hypothesis. Choose “Scarlet” as the character, and “Knife” as the weapon. Then click “Submit Hypothesis”.

Spin

Library

Kitchen

Revolver

Rope

Mustard

Peacock

Third Turn – Propose Hypothesis

Steven

MitchJoe

Propose a Hypothesis

Location:

Choose a Character:

Choose a Weapon:

LoungeM

ustard

White

Peacock

Plum

Greene

Scarlet

Candle-stick

Rope

Lead P

ipe

Revolver

Wrench

Knife

Submit Hypothesis CloseS

carletK

nife

Page 22: Welcome to the Dirty Crimes UI Prototype (If you are not viewing this in Slide Show mode, click the “Slide Show” menu and choose “View Show”.) This prototype

Nobody was able to refute your hypothesis! Click the “Close” button to leave this window.

End Turn

Library

Kitchen

Revolver

Rope

Mustard

Peacock

Third Turn – Refute Hypothesis

0

Propose a Hypothesis

Location:

Character:

Weapon:

LoungeS

carletK

nife

Close

Refutation:

Steven

MitchJoe

Joe cannot refute.

Mitch cannot refute.

No player was able to refute Steven’s hypothesis.

???

Page 23: Welcome to the Dirty Crimes UI Prototype (If you are not viewing this in Slide Show mode, click the “Slide Show” menu and choose “View Show”.) This prototype

Since nobody could refute your hypothesis, you should attempt to win the game, by clicking the “Make Accusation” button.

End Turn

Library

Kitchen

Revolver

Rope

Mustard

Peacock

Third Turn – Make Accusation

Steven

MitchJoe

Make Accusation

End Turn

Page 24: Welcome to the Dirty Crimes UI Prototype (If you are not viewing this in Slide Show mode, click the “Slide Show” menu and choose “View Show”.) This prototype

Choose “Lounge” as the location, “Scarlet” as the character, and “Knife” as the weapon. Then click “Submit Accusation”.

End Turn

Library

Kitchen

Revolver

Rope

Mustard

Peacock

Third Turn – Submit Accusation

Steven

MitchJoe

Make an Accusation

Choose a Location:

Choose a Character:

Choose a Weapon:

LoungeM

ustard

White

Peacock

Plum

Greene

Scarlet

Candle-stick

Rope

Lead P

ipe

Revolver

Wrench

Knife

Submit Accusation Close

Dining

Room

Kitchen

Ballroom

Conser-

vatory

Billiard

Room

Library

Study

Hall

Lounge

Scarlet

Knife

Page 25: Welcome to the Dirty Crimes UI Prototype (If you are not viewing this in Slide Show mode, click the “Slide Show” menu and choose “View Show”.) This prototype

You have solved the mystery! Click “Close” to close the window and return to the opening game screen.

End Turn

Library

Kitchen

Revolver

Rope

Mustard

Peacock

Third Turn – You Win!

Steven

MitchJoe

Make an Accusation

Location:

Character:

Weapon:

LoungeS

carletK

nife

Close

Accuser: Steven

This accusation is…

Correct!

You win!

Page 26: Welcome to the Dirty Crimes UI Prototype (If you are not viewing this in Slide Show mode, click the “Slide Show” menu and choose “View Show”.) This prototype

Dirty Crimes Help

Dirty Crimes Topic List

1. Game Rules

2. Installation and Setup

3. Creating and Joining a Game

4. Taking Your Turn

5. Winning the Game

(etc…)

Section 3. Creating and Joining a Game

1. Enter your player name. This name will allow other players to identify you.

2. (etc…)

Close

This is the Help Window. It displays a list of topics and relevant information. Click “Close” to return to the previous screen.

Help Window

Page 27: Welcome to the Dirty Crimes UI Prototype (If you are not viewing this in Slide Show mode, click the “Slide Show” menu and choose “View Show”.) This prototype

These are the menus. Choose a menu item to perform its function, or click the arrow to return to the previous screen.

Display Menus

Host GameJoin Game--------------------Disconnect--------------------Exit

About Dirty CrimesShow Help

Previous Screen