Wireframe

Requirement
1. Home page 1-1. Create an account P.4 Email account and service password (for licensing the email account may be restricted to a particular domain, in order to prevent users outside of school to log into the system). Create an avatar 1-2. Log in Email account and service password 1-3. Proceed as guest (no work can be saved) 2-3. If Reconstruction mode 1) Choose a problem or disaster P.7 List of available problems and disasters is provided. Random problem and Random disaster are provided as options. 2) Choose a city 2) -1. Use a default city P.8 Menu for characteristics of the desired city (if there are enough) or a full carousel of all the available cities with a description of their relevant characteristics **includes restrictions for conditions required for the After login or guest entrance problem or disaster. For example, cities on 2. Type of use: Tutorial, Inventive mode, Reconstruction mode. P.5 top of mountains and without huge water 2-1. If Tutorial sources around are not shown if the 1) Small tour through the menus and tools problem is potential flooding** 2-2. If Inventive mode P.6 2) -2. Use a prebuilt city (not available to guests) 1) Use a default city Carousel of the prebuilt cities with their most relevant characteristics. **includes Menu for characteristics of the desired city restrictions for conditions required for the (if there are enough) or a full carousel of all problem or disaster. For example, cities the available cities with a description of their without close coastal lines are not shown if relevant characteristics the disaster is tsunami** 2) Use a prebuilt city (not available to guests) 2) -3. Create a new city (not available for disaster Carousel of the prebuilt cities with their based scenarios) most relevant characteristics. Menu with the desired terrain 3) Create a new city characteristics. Menu with the desired terrain **includes restrictions for conditions characteristics. required for the problem. For example, large plains are not shown if the problem is lack of space for new housing** 2

Requirement
3. Inventive mode play 3-4. Choosing an existing zone/construction for constructions: opens a menu for removal, merge, change on the space Open city landscape with possibility to move the point of allocated, and detailed modification. view in any direction. Also tools for specifying land destination, adding a construction, and choosing an Choosing construction Detailed modification: this immersive sub-mode allows the user to undertake tasks existing zone/construction are given. at the micro level of a single construction, in contrast 3-1. Specifying land destination allows the user to set with the macro level of the entire city. Available tasks zones aside for parks and other special uses. include changing or removing features such as walls, 3-2. Adding a construction menu includes the optionsP.9,10,11 windows, doors, and furniture. Also includes the for buildings, utilities, decorations, and others (those possibility to add or remove stories, basements, elevators, other to be specified for implementation). stairs, and other structures within the building. Adding a construction Buildings: includes the buildings available, impact of buildings on city life, 4. Reconstruction mode play time to build (It is possible to skip those), and Same features as Inventive mode, adding the description of minimal space requirements. the problem/disaster, highlighting (on a scale of color) the most Adding a construction Utilities: includes the affected zones of the city updating live to also show the effects utilities available, impact of utilities on city life, of the measures taken. time to build (It is possible to skip those), and 4-1. Various related problems can simultaneously affect minimal space requirements. Utilities must be the city, a list of those problems and their respective accompanied by the corresponding access network color highlighting will be available in that case. and once a utility is available in the city buildings or areas without access will be highlighted. 4-2. Hints and suggestions are available but not shown without explicit request (button provided) Adding a construction Decorations: includes the available decorations, impact of decorations on city life, time to build (It is possible to skip those), and minimal space requirements. 3-3. Choosing an existing zone/construction for zones: choosing a zone with specified destination allows the user to take away the planned destination, to change the shape of the zone for reduction/expansion purposes, and to add destinations (park/concert area for example). 3

Wireframe
1-1. Create an account 1. Enter user name 2. Enter E-mail 3. Go next (P.5) *If users click register button, then an account will be created. 1 2 3 Your name

E-mail Register

Wireframe
2. Type of use: Tutorial, Inventive mode, Reconstruction mode. 1. Go to Tutorial 2. Go to Inventive mode 3. Go to Reconstruction mode 4. Go back (P.4) 5. Go to Setting

BACK

4
1 2 Tutorial

Inventive mode

Reconstruction mode
Setting

Wireframe
2-2. If Inventive mode 1. Go to Use a default city 2. Go to Use a prebuilt city *If there arent prebuild city, this button would be gray off. 3. Go to Create a new city 4. Go back (P.5) 5. Go to Setting

BACK

4
1 2 Use a default city

Use a prebuilt city

Create a new city

Setting

Wireframe
2-3. If Reconstruction mode > 1) Choose a problem or disaster 1. Go next (P.8) *A problem will be selected. 2. Choose a problem, then go next(P.8) *The problem that uses choose will be selected. 3. Go next (P.8) *A disaster will be selected. 4. Choose a disaster, then go next(P.8) *The disaster that uses choose will be selected. 5. Go back (P.5) 6. Go to Setting

BACK

1 2

Random problem Problem 1 Problem 2 Problem 3 OR Random disaster Disaster 1 Disaster 2 Disaster 3

3 4

Setting

Wireframe
2-3. If Reconstruction mode > 2) Choose a city 1. Go to Use a default city 2. Go to Use a prebuilt city *If there arent prebuild city, this button would be gray off. 3. Go to Create a new city 4. Go back (P.7) 5. Go to Setting

BACK

4
1 2 Use a default city

Use a prebuilt city

Create a new city

Setting

Wireframe
2-3. If Reconstruction mode > 2) Choose a city > 2) -1. Use a default city 1. Select a default city 2. Show the description of characteristics of the city 3. Go back (P.7) 4. Show the selection of default cities 5. Go to Setting

New York

Los Angeles

Chicago

BACK Houston 3

CITY

Setting

Wireframe
3. Inventive mode play > 3-2. Adding a construction 1. Show the selection of buildings 2. Show the selection of utilities 3. Show the selection of decorations 4. Go back (P.9) 5. Show the selection of default cities 6. Show the selection of Buildings, Utilities, and Decorations (Users can change the selection category by 1~3 button) 7. Go to Setting

Building1

Building2

Building3

BACK

4 1
Build ings

CITY Building4 Building5 Building6

5
constru 6 ction

Utilit ies Deco ratio ns

Building7

Building8

Building9 Setting

Building10

Building11 Building127

10

Wireframe
3. Inventive mode play > 3-2. Adding a construction
1. Show the selection of buildings 2. Show the selection of utilities 3. Show the selection of decorations 4. Show the result of building selection 5. Select the number of this buildings 6. Select the building available 7. Select the impact of buildings on city life 8. Select the time to build 9. Go to next 10. Go back (P.10) 11. Show the selection of default cities 12. Show the selection of Buildings, Utilities, and Decorations (Users can change the selection category by 1~3 11 button)

Number of this building

BACK
1 0

5 4 1
Build ings

100
Buildings available

Building1

6 7 8

1 1

CITY constru ction

Impact of buildings on 1 city life

2

Utilit ies Deco ratio ns

Time to build

Setting
9

OK!

1 3

Wireframe
3. Inventive mode play > 3-2. Adding a construction
1.Show the result of the landscape *Users can manipulate the buildings and utilities by their hands. 2. Go back (P.10) 3. Show the selection of default cities 4. Show the selection of Buildings, Utilities, and Decorations (Users can change the selection category by 1~3 button) 5. Go to Setting

BACK

CITY

constru ction

Setting

12