Tuesday, March 8, 2011

Conclusion Idea Meeting



















By showing each other our ideas, it became very clear which ones where successful: the ones for which everyone in the group immediately pointed out the desired direction.
The most successful elements were:
  • Size
  • Saturation / contrast
  • Distance from circle (spiral)
And other potentially interesting elements were:
  • Layers
  • Orientation of the circle
  • Action lines
For our next meeting, we will all combine these elements, and then choose one for our concept together.

Theory

Theory we have taken into account:

  • Chapter 1

Layers of attention: bottom-up vs. top-down

What are the cognitive tasks and visual queries?

  • Chapter 2

What should stand out? (PDF page 34)

Use different channels for multiple important things

  • Chapter 3

Contours à same properties on page 34

Patterns (PDF page 62) and semantic patterns (PDF page 67)

  • Chapter 4

Contrast and colour opponents à contrast for small spatial details

Unique hues

Semantics of colour

  • Chapter 5

Depth cues in design (PDF page 98-99) à few!

  • Chapter 7

Visual narrative à cognitive thread

Problem = Where to go? What to do?

Control attention

Short-term prediction

Formgiving idea

Inspired by the London tube map and Delft blue:

More ideas for the delft map

Use difference in distance from the circle to indicate prefered direction



Experienting with form transformations also give interesting results



Differences in depth perception by ulilizing size differences and cast shadow also infleunces the read direction. Gradual color change further enhance this effect.





In order to have pop-up effect, the other entire map is colored by static tone and important road is colored striking color like red, green and yellow.
Using different height gap, the user can recognize that there are two differentway to have a journey.
To make them have different direction to start their journey, different color gradation is used.
Using intuitive icon like time table (clock), the user can understand how they can follow the map to finish the whole journey.



Monday, March 7, 2011

First ideas circle map


Two layers of different saturations, and a slightly different orientation for the circle:



















And variations in distance between the "stops".
"Pop-up" effect using size and colour. When the first step is clear, the audience's cognitive thread will follow the circle in the right direction.

Map of Delft, the tour circle and key spots




The boundary of the tour circle




















Detailed mapping with spots of museums and shops

Sunday, March 6, 2011

Inspirations for assignment 2

Several circle-shaped maps in use




Metro and underground maps designs around the world

London, UK

Berlin, Germany

Seoul, South Korea

Moscow, Russia

Shanghai, China