Revised Maps

Museum route


Shopping route

Icons tryouts

The 2 twin concepts

These are the two maps we created.

Theory used for line:

- dash (suggesting movement: ch 7 narrative)

Theory used for map:

- separate areas represent regions connected to icons (large brain pixels: ch 2 easy detection)

- Background map mostly highly unsaturated, (good for bg: ch 4 color)

- Icons too, but at least they have a strong contrast (dark grey - white)

Map 1

Map 2

Icon

Icons used in the map.

information from textbook

The following information is part of our textbook, for some remarks that will be useful in order to make the map.

General:
Searching for information: three levels
1. Features
2. Patterns of features
3. Objects
Focusing on a task makes a person filter information only for that task, using the ‘just-in-time’ strategy. Predicting how a person would decide on left or right might help anticipating to it on the design.
Basic pop-out features:
• Color: hue; lightness
• Elementary shape: size; stretch; orientation
• Spatial grouping (same as large shape)
• Curve versus straight
Use only basic (low level) textures for differences
Create for one thing a large scale (area) & small scale structure (icons, details) to make it easily found.
Color pop-out:
• Contrast (differences are better perceived)
• The larger the chromatic difference the easier to spot
o Similarity to background also supports this
o Highest color sensitivity on yellow, lowest on blue
• Saturated colors create stronger signals
o recommended desaturated colors for large areas and saturated colors for icons
o one color on b&w background works very well
• Don’t forget the background has a color as well
• Luminance
o Luminance has higher capacity for detail than chromatic
o The lighter the background, the lighter the scope of best perceived differences in luminance
Stronger signals attract more attention of the viewer.
Colors mostly used for information categories (on map) – maximum amount of colors 6-12
Narrative:
• Action lines can suggest motion in one direction
• Cartoon boxes provides medium control of narrative in order of display
• Diagrams and pictures provides low control

Maps of Delft

There is a tourist information machine in the center of Delft which is provided by Gemente Delft.
Maps below are the recommanded routes by the machine, namely, museum route, shopping route, VOC route, ceramic route, tourist route, infomation center, restaurant, and cafe.
We mainly focused on museum and shopping route.


Museum Route


Shopping Route


VOC route


Ceramic route


Tourist route


Infomation center


Restaurants


Cafe

Visual Persuasion

We thought of some variables to suggest a direction.

- a luminence gradient (ch4 color)

- dashes as action lines (ch7 narrative)

Considering the map will contain more informative graphics that will likely all have its own color, we intend to stick with only one base color for the route.

Here are some examples of how using the variables could look like.

Fading dash only

Dashed only

Gradient per attention point

All variables (dark gradient per attention point)

One big gradient

All variables

route

view large scale, click here

Color

1 Composition, structure, grouping in 2D.

individual poster - narrative

4. Narrative, visual narrative

3 _third dimension

3 _third dimension

Heritage

For assignment 1, about the new underground railway station of Delft, we have decided for:

• sender: people who find heritage important
• message: "buildings should remain intact; city council sould find other solution"
• receiver: citizens yet oblivious to the topic

Next we will decide on the main graphical variable group for each of us.