Current status and interaction flow of Green My Place serious game for the SAVE ENERGY project

1. SAVE ENERGY
Quarterly Meeting, Manchester, March 3rd
Review of Game Development Progress

2. Introduction
• Progress Report
– Personnel
– Current status
– Next steps
• Game design
– Design for interaction
– Design for behaviour change
– Design for architecture

3. Progress Report
• Personnel
– Professional grade graphic artist hired
– Trainee graphic artist gone
– Webmaster changeover
• Website development
– New domain: greenmyplace.net
– Site technology switch, to Ruby on Rails
– Iterated look and feel update

4. Progress Report
• Current Status
– Final-version GMP web portal, in early
development
– Mini-games 1-6 (of 12 planned), in test & polish
– Integrated look and feel for all, in development
– Backend: game database, admin, site framework,
in development
– Integration with on-demand data, in planning
– Integration with social services, in planning

5. Progress Report
• Next steps
– Game audio design
– Integrate with real on-demand data
– Build design for social interaction services
– Focus groups testing game site and mini-games
– Continue polish
– Roll on beta, June

6. Game Design
• Illustrate core concepts & interaction flow
1. Design for interaction
2. Design for behaviour change
3. Design for architecture

7. Interaction Design

8. Index/Login: page 1
5
Buttons/interaction 1
1. About Project - Leads to
game story, simple
description of game play,
2
and also links to project
pages
2. Guest In – leads directly 3
to Europe View 7
6
3. Log In – with correct 4
account, leads to Europe View. Incorrect account gives failure warning
4. Create New Account – leads to registration pages
5. Language – language choice is available from any page. Default before log in =
english. Default after log in stored in user’s account.
6. Forgotten username/password help link
7. Warnings and information, given by character…

9. Registration steps 1-2: Page 2-3
Key data
1. Choose your pilot (choices by pilot users
should be double checked). Large image
and small text description. 1
2. Account name, email, and password.
2

10. Registration steps 3-4: Page 4-5
Secondary data
1. Nationality, 1
Language (can be taken from initial
choice on entry page, but mother
tongue also interesting?),
Date of birth,
Given name,
Role or title in pilot (can be given in
drop-down list),
Avatar and/or photo.
2. Show: Account Created! card. 2

11. Europe View: page 6
2
As Guest
1. Pop-up info informs you
that clicking on a pilot
means you support that
pilot, but a new pilot can
be selected at any time
2. If guest doesn’t choose 1
a pilot, it can be selected
based on their chosen 3
language. 4 5
3. Navigation bar allows access to any part of the site, depending on status
4. For guest, ‘My Building’ button = ‘Building Status’ (ie current pilot’s status)
5. For guest, ‘My Account’ button = ‘Make Account’

12. Europe View: page 6
2 3
As Logged User
1. Pop-up informs your
pilot’s current rank
6
2. Pilot shown is user’s own
(chosen in registration),
until/unless another
pilot is clicked on 1
3. Name, avatar & points
4. ‘My Building’ button = 4 5
pilot chosen during registration
5. ‘My Account’ leads to personal account page (with social net services)
6. Visual guide to pilot status in thumbnail view – smoke = bad, green = good. Icon on
map, or thumbnail, can be used to click through to pilot view

13. Pilot View: page 7
1. (As Guest)
If he arrived via navbar, sees
pilot assigned by language. 2 3 4 5
If he clicked on a pilot in
Europe View, sees that pilot
1. (As Logged User)
If he arrived via navbar, sees 6
pilot from his account. If he
clicked on a pilot in Europe
View, sees that pilot 1
2. Rank among pilots, based on total score, which is equal to:
3. Pilot energy savings (also shows information graph on status), plus
4. Player contributions (also shows list of top players from pilot), plus
5. Achievements of pilot (can be real or virtual/game-based)
6. Friendly message: ”play games, take quiz or learn more to help improve your pilot” –
three choices corresponding to right-hand section of navbar.

14. Page 8+9: Mini-games list + Game
Guest/Logged User will both see:
1. List of all games, with:
Thumbnail, Title, Description, ’Play’ button 1 3
2. Games initially unlocked, or which player has
unlocked, can be played
3. Top Players for all games – if a game is 2
selected, shows Top Players for that game
4
4. Clicking ’Play’ on an unlocked game shifts to 5
minigame screen 6
5. Minigame screen header bar is smaller to
allow more attention for the game
6. Game progress shown by points, and growing
plant
NOTE: Games will be divided in rounds. Rounds represent increasing difficulty. Short
games like Electrickery have all rounds in sequence. Replay value comes from
improving points/learning more. Longer games have unlockable rounds like levels.

15. Page 10+11: Learn More + Quiz
Guest/Logged User will both see: 3
1. Contextually relevant info and links:
”You played a game about topic X. 1 2
Find out more about topic X below!”.
2. More detailed energy data from pilot(?)
3. Logged User will also see updated personal 4
score
5
4. If not currently playing for own pilot, info
message asks if player would like to switch
to own pilot 6
5. Once they are finished learning, they can
choose to take a quiz
6. List of quizzes works like mini-game list
(Top 10 overall, Top 10 per quiz)
7. Logged player can unlock quizzes based on 7
progress in learning

16. Page 12: Player’s Account
1
2
3 6
4
5
Logged User will see:
1. Personal details: username, score, avatar, smiley face rating, etc
2. Recent achievements: further information seen or quiz taken
3. Recent achievements: game played and score
4. Recent achievements: pilot building improvement & new rank
5. Messages describing how each player action (playing, learning, quiz) has made a
contribution. Social messages from other players can be notified here.
6. Player might earn upgraded avatar or other visual reward

17. Page 13: Pilot Rank
Guest/Logged User both see: 3
1. Current ranking of pilots 2
1
2. Contribution of players –
i.e. top players list
3. Button to go to detailed view
of pilot building (i.e. page 7)
4. Alternative/additional
comparison between pilots
includes the meta-game 4
schedule, with:
• Achievements
• Goals
• Special events
NOTE: this is a companion page to page 6 Europe View,
showing more detail about ranking

18. Page 14: Social interaction
As yet undesigned, this part of the game
is services-oriented. For Logged
User, it could possibly include:
1. List of friends
2. Personal messages Sketch pending
3. Challenge tokens: these can be manually
or automatically generated by friends
after they play a game, and say:
”I scored X on game Y, try to beat me!”
4. Opportunity to challenge
5. Link to interesting topic: ’green wall’

19. The Loop
Europe- 1 pilot Play-to-
Login
view view support
See
Improve-
Social Europe Learn
ment
tokens ranking More
due to
actions
Account Quiz

20. Thank you!
Ben Cowley
www.ict4saveenergy.eu