Download - The Visualisers - Blogging Evaluation
-
8/7/2019 The Visualisers - Blogging Evaluation
1/34
http://thevisualisers.wordpress.com/ -
8/7/2019 The Visualisers - Blogging Evaluation
2/34
Kick-off! Visual trickery! Powers of Ten Report Assignment 1 Progress Assignment 2 First peek at our final concept Circular designs Symbol development Concept development Research results Last adaptations Process report published
Intermediate concept presentation Final concept presentation Final concept presentation After research Process report
-
8/7/2019 The Visualisers - Blogging Evaluation
3/34
http://thevisualisers.wordpress.com/2011/04/07/process-report/http://thevisualisers.wordpress.com/2011/04/07/last-adaptations/http://thevisualisers.wordpress.com/2011/04/05/106/http://thevisualisers.wordpress.com/2011/04/02/concept-development/http://thevisualisers.wordpress.com/2011/03/29/symbol-development/http://thevisualisers.wordpress.com/2011/03/28/circular-designs/http://thevisualisers.wordpress.com/2011/03/27/first-peek-at-our-concept/http://thevisualisers.wordpress.com/2011/03/14/assignment-2/http://thevisualisers.wordpress.com/category/assignment-2/http://thevisualisers.files.wordpress.com/2011/02/vcd-groep-c-assignment-1.pdfhttp://thevisualisers.wordpress.com/2011/03/01/28/http://thevisualisers.wordpress.com/2011/02/25/powers-of-ten/http://thevisualisers.wordpress.com/2011/02/21/visual-trickery/http://thevisualisers.wordpress.com/2011/02/17/hello-world/http://thevisualisers.wordpress.com/category/assignment-1/http://thevisualisers.wordpress.com/process-report/http://thevisualisers.wordpress.com/super-final-concept-presentation/http://thevisualisers.wordpress.com/final-concept-presentation/http://thevisualisers.wordpress.com/concept-presentation/http://thevisualisers.wordpress.com/http://wordpress.com/ -
8/7/2019 The Visualisers - Blogging Evaluation
4/34
http://teamdryeyes.wordpress.com/http://thevisualisers.wordpress.com/2011/03/01/28/ -
8/7/2019 The Visualisers - Blogging Evaluation
5/34
http://vcdteamq.blogspot.com/http://teamdryeyes.wordpress.com/2011/03/21/the-aim-of-vcd-assigment-2/ -
8/7/2019 The Visualisers - Blogging Evaluation
6/34
-
8/7/2019 The Visualisers - Blogging Evaluation
7/34
February 17, 2011
Kick-off!ByJoris van Kruyssen
Hi everyone!
Welcome to our blog. With this blog well keep you up to date about our progress in
the IDE course Visual Communication Design.
For the first assignment we have to analyse four pictures, using the book VisualThinking for Design by Colin Ware. The results will be disclosed in a report of
approximately 12 pages.
The following pictures will be analysed:
If you have any questions or remarks please dont hesitate to contact us!
Well get back to you soon.
See you!
Larissa
Lisa
Stijn
& Joris
http://thevisualisers.wordpress.com/author/jorisvankruyssen/http://thevisualisers.wordpress.com/2011/02/17/hello-world/poster-b-grapus2/http://thevisualisers.wordpress.com/2011/02/17/hello-world/painting-a-fishing-boats-on-the-beach-at-les-saintes-maries-de-la-mer/http://thevisualisers.wordpress.com/2011/02/17/hello-world/painting-c-madonna-of-the-harpies/http://thevisualisers.wordpress.com/2011/02/17/hello-world/picture-d-innocent-2/http://thevisualisers.wordpress.com/2011/02/17/hello-world/poster-b-grapus2/http://thevisualisers.wordpress.com/2011/02/17/hello-world/painting-a-fishing-boats-on-the-beach-at-les-saintes-maries-de-la-mer/http://thevisualisers.wordpress.com/2011/02/17/hello-world/painting-c-madonna-of-the-harpies/http://thevisualisers.wordpress.com/2011/02/17/hello-world/picture-d-innocent-2/http://thevisualisers.wordpress.com/2011/02/17/hello-world/poster-b-grapus2/http://thevisualisers.wordpress.com/2011/02/17/hello-world/painting-a-fishing-boats-on-the-beach-at-les-saintes-maries-de-la-mer/http://thevisualisers.wordpress.com/2011/02/17/hello-world/painting-c-madonna-of-the-harpies/http://thevisualisers.wordpress.com/2011/02/17/hello-world/picture-d-innocent-2/http://thevisualisers.wordpress.com/2011/02/17/hello-world/poster-b-grapus2/http://thevisualisers.wordpress.com/2011/02/17/hello-world/painting-a-fishing-boats-on-the-beach-at-les-saintes-maries-de-la-mer/http://thevisualisers.wordpress.com/2011/02/17/hello-world/painting-c-madonna-of-the-harpies/http://thevisualisers.wordpress.com/2011/02/17/hello-world/picture-d-innocent-2/http://thevisualisers.wordpress.com/author/jorisvankruyssen/ -
8/7/2019 The Visualisers - Blogging Evaluation
8/34
February 21, 2011
Visual trickery!Bystijnjanmaat
Hi all,
We found a cool clip of an optical illusion on the net. This illustrates how eager your
mind is to fill in unknown factors in a visual.
A similar artwork is displayed in theEscher museum in The Hague, so if you TU Delft
students want to see how your 2,5D visual ability is fooled: check it out!
Youtube video:http://www.youtube.com/watch?v=bfGwHuBptto
One Response to Visualtrickery!
Group UMarch 10th, 2011 at 10:17 am|edit
wooow such a cool video!
February 25, 2011
Powers of TenBystijnjanmaat
I looked up the movie mentioned in Chapter 5 in the book Visual Thinking for Design
by Colin Ware. Its a beautiful clip made by the Eames office about zoom levels and
how fast you can go from the largest imaginable to the smallest in seconds.
Youtube video:http://www.youtube.com/watch?v=0fKBhvDjuy0
March 1, 2011
Report Assignment 1ByJoris van Kruyssen
Hi all!
Here you can read our report of Assignment 1!
http://thevisualisers.wordpress.com/author/stijnjanmaat/http://www.escherinhetpaleis.nl/?set_cms_session_language=enhttp://www.escherinhetpaleis.nl/?set_cms_session_language=enhttp://www.escherinhetpaleis.nl/?set_cms_session_language=enhttp://www.youtube.com/watch?v=bfGwHuBpttohttp://www.youtube.com/watch?v=bfGwHuBpttohttp://www.youtube.com/watch?v=bfGwHuBpttohttp://thevisualisers.wordpress.com/2011/02/21/visual-trickery/#comment-2http://thevisualisers.wordpress.com/2011/02/21/visual-trickery/#comment-2http://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=2http://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=2http://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=2http://thevisualisers.wordpress.com/author/stijnjanmaat/http://www.youtube.com/watch?v=0fKBhvDjuy0http://www.youtube.com/watch?v=0fKBhvDjuy0http://www.youtube.com/watch?v=0fKBhvDjuy0http://thevisualisers.wordpress.com/author/jorisvankruyssen/http://thevisualisers.wordpress.com/author/jorisvankruyssen/http://www.youtube.com/watch?v=0fKBhvDjuy0http://thevisualisers.wordpress.com/author/stijnjanmaat/http://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=2http://thevisualisers.wordpress.com/2011/02/21/visual-trickery/#comment-2http://www.youtube.com/watch?v=bfGwHuBpttohttp://www.escherinhetpaleis.nl/?set_cms_session_language=enhttp://thevisualisers.wordpress.com/author/stijnjanmaat/ -
8/7/2019 The Visualisers - Blogging Evaluation
9/34
View this document on Scribd
Download link:VCD groep C Assignment 1
Progress Assignment 2ByJoris van Kruyssen
Hi all!
Weve been working on assignment 2 for a while now. To get some insights into our
process you can check out ourconcept presentation page.
March 27, 2011
First peek at our final conceptBystijnjanmaat
Its very Work in Progress as you can see.
What direction would you walk when you see this stripped version of the map? You
can leave your answer in the comments!
2 Responses to First peek at our finalconcept
VCD group NMarch 31st, 2011 at 10:58 am|edit
http://www.scribd.com/doc/52487235http://www.scribd.com/doc/52487235http://thevisualisers.files.wordpress.com/2011/02/vcd-groep-c-assignment-1.pdfhttp://thevisualisers.files.wordpress.com/2011/02/vcd-groep-c-assignment-1.pdfhttp://thevisualisers.files.wordpress.com/2011/02/vcd-groep-c-assignment-1.pdfhttp://thevisualisers.files.wordpress.com/2011/02/vcd-groep-c-assignment-1.pdfhttp://thevisualisers.files.wordpress.com/2011/02/vcd-groep-c-assignment-1.pdfhttp://thevisualisers.wordpress.com/author/jorisvankruyssen/http://thevisualisers.wordpress.com/concept-presentation/http://thevisualisers.wordpress.com/concept-presentation/http://thevisualisers.wordpress.com/concept-presentation/http://thevisualisers.wordpress.com/author/stijnjanmaat/http://thevisualisers.wordpress.com/2011/03/27/first-peek-at-our-concept/#comment-9http://thevisualisers.wordpress.com/2011/03/27/first-peek-at-our-concept/#comment-9http://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=9http://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=9http://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=9http://thevisualisers.files.wordpress.com/2011/03/final-concept-draft.jpghttp://thevisualisers.files.wordpress.com/2011/03/final-concept-draft.jpghttp://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=9http://thevisualisers.wordpress.com/2011/03/27/first-peek-at-our-concept/#comment-9http://thevisualisers.wordpress.com/author/stijnjanmaat/http://thevisualisers.wordpress.com/concept-presentation/http://thevisualisers.wordpress.com/author/jorisvankruyssen/http://thevisualisers.files.wordpress.com/2011/02/vcd-groep-c-assignment-1.pdfhttp://www.scribd.com/doc/52487235 -
8/7/2019 The Visualisers - Blogging Evaluation
10/34
I think this concept works very well, you walk with the reading direction.
o stijnjanmaatMarch 31st, 2011 at 11:26 am|edit
And this direction is clockwise or counterclockwise? Its a pity it is not a technique
covered in Wares book
But thanks anyway!
March 28, 2011
Circular designsBystijnjanmaat
Hi all,
To inspire our map designs we searched for some inspiring circular designs.
These examples also have a feeling of movement and direction. We will get back to
your soon with our final concept!
March 29, 2011
Symbol developmentBystijnjanmaat
At the moment we are working on symbol development. Since no extra text is used,
the facilities important to the tourist have to be communicated non-textually.
http://stijnjanmaat.wordpress.com/http://stijnjanmaat.wordpress.com/http://thevisualisers.wordpress.com/2011/03/27/first-peek-at-our-concept/#comment-11http://thevisualisers.wordpress.com/2011/03/27/first-peek-at-our-concept/#comment-11http://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=11http://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=11http://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=11http://thevisualisers.wordpress.com/author/stijnjanmaat/http://thevisualisers.wordpress.com/author/stijnjanmaat/http://thevisualisers.files.wordpress.com/2011/03/circle-smudge.jpghttp://thevisualisers.files.wordpress.com/2011/03/donnanthumb.jpghttp://thevisualisers.files.wordpress.com/2011/03/greensource-magazine-circle-11-rgb-634x634.pnghttp://thevisualisers.files.wordpress.com/2011/03/circle-smudge.jpghttp://thevisualisers.files.wordpress.com/2011/03/donnanthumb.jpghttp://thevisualisers.files.wordpress.com/2011/03/greensource-magazine-circle-11-rgb-634x634.pnghttp://thevisualisers.files.wordpress.com/2011/03/circle-smudge.jpghttp://thevisualisers.files.wordpress.com/2011/03/donnanthumb.jpghttp://thevisualisers.files.wordpress.com/2011/03/greensource-magazine-circle-11-rgb-634x634.pnghttp://thevisualisers.files.wordpress.com/2011/03/circle-smudge.jpghttp://thevisualisers.files.wordpress.com/2011/03/donnanthumb.jpghttp://thevisualisers.files.wordpress.com/2011/03/greensource-magazine-circle-11-rgb-634x634.pnghttp://thevisualisers.wordpress.com/author/stijnjanmaat/http://thevisualisers.wordpress.com/author/stijnjanmaat/http://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=11http://thevisualisers.wordpress.com/2011/03/27/first-peek-at-our-concept/#comment-11http://stijnjanmaat.wordpress.com/ -
8/7/2019 The Visualisers - Blogging Evaluation
11/34
This is a preview of the icons we have at the moment. Can you name all the
categories? Please leave a message in the comments if something is not clear!
See ya!
5 Responses to Symboldevelopment
VCD group NMarch 31st, 2011 at 10:56 am|editThey look very nice,
but i have to admit i had to look for a little while before i reconized the movie one and im notsure which catergory the one above is. a square?Do you think it is wise to tell people what is where? will you not direct the people to what theprefer to do (shopping/culture?) we have encounterd this problem our selfes. We used picturesand somepoeople ignore all visual cues and really look into the content of what to do. So wetried to not really make clear if you could go shopping or go to cultural things. It is just a tip
o stijnjanmaatMarch 31st, 2011 at 11:06 am|edit
The square icon is representing a painting, soa museum. I admit it could be clearer.Thanks for the tip!About your other comment, you shouldnt make too clear the direction youre taking isculture of shopping right? We just point out what is to do where, it is not a truedirectional cue.
VCD group UMarch 31st, 2011 at 11:28 am|edit
I really like your symbols, nice detail that they are shaped as the things you can do there, likelook at pictures or take the train. The contrast between the white background and the yellow
http://thevisualisers.wordpress.com/2011/03/29/symbol-development/#comment-8http://thevisualisers.wordpress.com/2011/03/29/symbol-development/#comment-8http://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=8http://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=8http://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=8http://stijnjanmaat.wordpress.com/http://stijnjanmaat.wordpress.com/http://thevisualisers.wordpress.com/2011/03/29/symbol-development/#comment-10http://thevisualisers.wordpress.com/2011/03/29/symbol-development/#comment-10http://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=10http://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=10http://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=10http://thevisualisers.wordpress.com/2011/03/29/symbol-development/#comment-12http://thevisualisers.wordpress.com/2011/03/29/symbol-development/#comment-12http://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=12http://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=12http://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=12http://thevisualisers.files.wordpress.com/2011/03/symbol-development.jpghttp://thevisualisers.files.wordpress.com/2011/03/symbol-development.jpghttp://thevisualisers.files.wordpress.com/2011/03/symbol-development.jpghttp://thevisualisers.files.wordpress.com/2011/03/symbol-development.jpghttp://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=12http://thevisualisers.wordpress.com/2011/03/29/symbol-development/#comment-12http://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=10http://thevisualisers.wordpress.com/2011/03/29/symbol-development/#comment-10http://stijnjanmaat.wordpress.com/http://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=8http://thevisualisers.wordpress.com/2011/03/29/symbol-development/#comment-8 -
8/7/2019 The Visualisers - Blogging Evaluation
12/34
train makes it quite hard to see it. Also the yellow for the train is brighter than the other coloursyou have chosen, and seems a bit different than the others. Is this done with purpose? (niceoverall choise of colours btw, they create a whole even though theyre different). Agree withgroup N about the movie-symbol, but the meaning of the painting was clear to me.
teamdryeyesMarch 31st, 2011 at 1:13 pm|edit
Hi Visualisers! Very nice styling of the labels indeed, although the clarity may not be totallyclear for the movies and the person..the person doesnt ring a bell so far.
Process report Visual Communication Design 2011April 7th, 2011 at 8:27 pm|edit
[...] this we came up with some icons to simplify the specific buildings and color codedthem. That time the phase of brainstorming about [...]
http://teamdryeyes.wordpress.com/http://teamdryeyes.wordpress.com/http://thevisualisers.wordpress.com/2011/03/29/symbol-development/#comment-13http://thevisualisers.wordpress.com/2011/03/29/symbol-development/#comment-13http://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=13http://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=13http://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=13http://thevisualisers.wordpress.com/2011/04/07/process-report/http://thevisualisers.wordpress.com/2011/04/07/process-report/http://thevisualisers.wordpress.com/2011/03/29/symbol-development/#comment-17http://thevisualisers.wordpress.com/2011/03/29/symbol-development/#comment-17http://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=17http://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=17http://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=17http://thevisualisers.wordpress.com/http://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=17http://thevisualisers.wordpress.com/2011/03/29/symbol-development/#comment-17http://thevisualisers.wordpress.com/2011/04/07/process-report/http://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=13http://thevisualisers.wordpress.com/2011/03/29/symbol-development/#comment-13http://teamdryeyes.wordpress.com/ -
8/7/2019 The Visualisers - Blogging Evaluation
13/34
April 2, 2011
Concept developmentBystijnjanmaat
In this post we will show our progress through our development of
concepts. See the Concepts below and the Work in Progress in
between.
The first 2 concepts were presented in the first presentation. We
got the comment the basic of the design should be a perfect circle,
so we modified the street names into the circle.
We developed icons and color coded them. Then the group wenttheir way and tried some implementations of the theory from
Visual Thinking for Design:
We aimed at first to guide the observer by changing the size ofthe street names. Size is a very strong pop out effect. Additionally, in this
phase we discovered the text orientation could be a cue to choose a
direction. It is not in the book of Colin Ware, but it definitely influences
the perception of the viewer. We have two conflicting theories about the
effect:
- The user might follow the normal reading pattern of moving down aline every time. If the user start with Delft CS and then moves to
Barbarasteeg, this may direct them counter clockwise.
Note: This theory is not applicable for Chinese tourists since they
sometimes read/write vertically and read upwards. For the reliability of
the concept, this has to be accounted for.
- The user might read the side that is easily readable, so the left side
first. Because of this, the map may guide them clockwise.
We played around with opacity of the street names. Weemphasized the streets with culture.
The circle in the Work in Progress 3, is slightly tapered andforces observers to go around the corner. It creates a flow in the visual:
a kind of pattern.
In the last Work in Progress we added the color coding of theicons to the street names to identify the shopping streets. Now
shopping- and culture streets can easily be filtered out by a human
mind.
After adding features for some time, we stripped everything down
and went back to the essence. But after a look at the assignment this left richinformation untouched, so we added the icons and color coding again.
http://thevisualisers.wordpress.com/author/stijnjanmaat/http://thevisualisers.files.wordpress.com/2011/04/concept-dev1.jpghttp://thevisualisers.wordpress.com/author/stijnjanmaat/ -
8/7/2019 The Visualisers - Blogging Evaluation
14/34
At the moment we are testing our bottom concept. We will get back to you soon!
Be sure to comment on this elaboration of our concept!
Thanks!
The Visualisers
April 5, 2011
Research resultsBystijnjanmaat
We tested our final prototype in Amsterdam and below are the results.
Did the users see differences between the maps?
Yes 17
No 3
Would the viewer walk in the right direction?
Yes 14
No 6
We also collected some conclusions of what worked best in our prototype.
What where the main differences that viewers indicated?
Writing direction 7
Use of Color 10
Bold letters 6
http://thevisualisers.wordpress.com/author/stijnjanmaat/http://thevisualisers.files.wordpress.com/2011/04/research-results.jpghttp://thevisualisers.wordpress.com/author/stijnjanmaat/ -
8/7/2019 The Visualisers - Blogging Evaluation
15/34
This is the conclusion of our research. With these results, and especially the
Differences the users indicated, we made a redesign again.
This is to be found in theFinal concept presentation After research.
Cheers!
The Visualisers
April 7, 2011
Last adaptationsBystijnjanmaat
During the research we got some great insights and recommendations so we
improved our Final concept to the Final concept After research. This is to be found
on theFinal concept After research page.
This will be one of our last blog posts, at least of Assignment 2. We will get back to
you with our evaluation of the use of this medium: blogging.
Greetings,
The Visualisers
April 7, 2011
Process report publishedBystijnjanmaat
Dear readers,
Our progress report is ready check it outhere!
Cheers,
The Visualisers
http://thevisualisers.wordpress.com/2011/04/05/106/site%20April%205,%202011%20Research%20results%20By%20stijnjanmaat%20We%20tested%20our%20final%20prototype%20in%20Amsterdam%20and%20below%20are%20the%20results.%20%20Did%20the%20users%20see%20differences%20between%20the%20maps?%20%20Yes%20%E2%80%93%2017%20No%20%E2%80%93%203%20%20Would%20the%20viewers%20walk%20in%20the%20right%20direction?%20%20Yes%20%E2%80%93%2014%20No%20%E2%80%93%206%20%20We%20also%20collected%20some%20conclusions%20of%20what%20worked%20best%20in%20our%20prototype.%20%20What%20where%20the%20main%20differences%20that%20viewers%20indicated?%20%20Writing%20direction%20%E2%80%93%207%20Use%20of%20Color%20%E2%80%93%2010%20Bold%20letters%20%E2%80%93%206%20%20This%20is%20the%20conclusion%20of%20our%20research.%20With%20these%20results,%20and%20especially%20the%20Differences%20the%20users%20indicated,%20we%20made%20a%20redesign%20again.%20%20This%20is%20to%20be%20found%20in%20the%20Superfinal%20concept%20presentation%20%20Cheers!%20%20The%20Visualisershttp://thevisualisers.wordpress.com/2011/04/05/106/site%20April%205,%202011%20Research%20results%20By%20stijnjanmaat%20We%20tested%20our%20final%20prototype%20in%20Amsterdam%20and%20below%20are%20the%20results.%20%20Did%20the%20users%20see%20differences%20between%20the%20maps?%20%20Yes%20%E2%80%93%2017%20No%20%E2%80%93%203%20%20Would%20the%20viewers%20walk%20in%20the%20right%20direction?%20%20Yes%20%E2%80%93%2014%20No%20%E2%80%93%206%20%20We%20also%20collected%20some%20conclusions%20of%20what%20worked%20best%20in%20our%20prototype.%20%20What%20where%20the%20main%20differences%20that%20viewers%20indicated?%20%20Writing%20direction%20%E2%80%93%207%20Use%20of%20Color%20%E2%80%93%2010%20Bold%20letters%20%E2%80%93%206%20%20This%20is%20the%20conclusion%20of%20our%20research.%20With%20these%20results,%20and%20especially%20the%20Differences%20the%20users%20indicated,%20we%20made%20a%20redesign%20again.%20%20This%20is%20to%20be%20found%20in%20the%20Superfinal%20concept%20presentation%20%20Cheers!%20%20The%20Visualisershttp://thevisualisers.wordpress.com/2011/04/05/106/site%20April%205,%202011%20Research%20results%20By%20stijnjanmaat%20We%20tested%20our%20final%20prototype%20in%20Amsterdam%20and%20below%20are%20the%20results.%20%20Did%20the%20users%20see%20differences%20between%20the%20maps?%20%20Yes%20%E2%80%93%2017%20No%20%E2%80%93%203%20%20Would%20the%20viewers%20walk%20in%20the%20right%20direction?%20%20Yes%20%E2%80%93%2014%20No%20%E2%80%93%206%20%20We%20also%20collected%20some%20conclusions%20of%20what%20worked%20best%20in%20our%20prototype.%20%20What%20where%20the%20main%20differences%20that%20viewers%20indicated?%20%20Writing%20direction%20%E2%80%93%207%20Use%20of%20Color%20%E2%80%93%2010%20Bold%20letters%20%E2%80%93%206%20%20This%20is%20the%20conclusion%20of%20our%20research.%20With%20these%20results,%20and%20especially%20the%20Differences%20the%20users%20indicated,%20we%20made%20a%20redesign%20again.%20%20This%20is%20to%20be%20found%20in%20the%20Superfinal%20concept%20presentation%20%20Cheers!%20%20The%20Visualisershttp://thevisualisers.wordpress.com/2011/04/05/106/site%20April%205,%202011%20Research%20results%20By%20stijnjanmaat%20We%20tested%20our%20final%20prototype%20in%20Amsterdam%20and%20below%20are%20the%20results.%20%20Did%20the%20users%20see%20differences%20between%20the%20maps?%20%20Yes%20%E2%80%93%2017%20No%20%E2%80%93%203%20%20Would%20the%20viewers%20walk%20in%20the%20right%20direction?%20%20Yes%20%E2%80%93%2014%20No%20%E2%80%93%206%20%20We%20also%20collected%20some%20conclusions%20of%20what%20worked%20best%20in%20our%20prototype.%20%20What%20where%20the%20main%20differences%20that%20viewers%20indicated?%20%20Writing%20direction%20%E2%80%93%207%20Use%20of%20Color%20%E2%80%93%2010%20Bold%20letters%20%E2%80%93%206%20%20This%20is%20the%20conclusion%20of%20our%20research.%20With%20these%20results,%20and%20especially%20the%20Differences%20the%20users%20indicated,%20we%20made%20a%20redesign%20again.%20%20This%20is%20to%20be%20found%20in%20the%20Superfinal%20concept%20presentation%20%20Cheers!%20%20The%20Visualisershttp://thevisualisers.wordpress.com/2011/04/05/106/site%20April%205,%202011%20Research%20results%20By%20stijnjanmaat%20We%20tested%20our%20final%20prototype%20in%20Amsterdam%20and%20below%20are%20the%20results.%20%20Did%20the%20users%20see%20differences%20between%20the%20maps?%20%20Yes%20%E2%80%93%2017%20No%20%E2%80%93%203%20%20Would%20the%20viewers%20walk%20in%20the%20right%20direction?%20%20Yes%20%E2%80%93%2014%20No%20%E2%80%93%206%20%20We%20also%20collected%20some%20conclusions%20of%20what%20worked%20best%20in%20our%20prototype.%20%20What%20where%20the%20main%20differences%20that%20viewers%20indicated?%20%20Writing%20direction%20%E2%80%93%207%20Use%20of%20Color%20%E2%80%93%2010%20Bold%20letters%20%E2%80%93%206%20%20This%20is%20the%20conclusion%20of%20our%20research.%20With%20these%20results,%20and%20especially%20the%20Differences%20the%20users%20indicated,%20we%20made%20a%20redesign%20again.%20%20This%20is%20to%20be%20found%20in%20the%20Superfinal%20concept%20presentation%20%20Cheers!%20%20The%20Visualisershttp://thevisualisers.wordpress.com/author/stijnjanmaat/http://thevisualisers.wordpress.com/super-final-concept-presentation/http://thevisualisers.wordpress.com/super-final-concept-presentation/http://thevisualisers.wordpress.com/super-final-concept-presentation/http://thevisualisers.wordpress.com/super-final-concept-presentation/http://thevisualisers.wordpress.com/super-final-concept-presentation/http://thevisualisers.wordpress.com/author/stijnjanmaat/http://thevisualisers.wordpress.com/process-report/http://thevisualisers.wordpress.com/process-report/http://thevisualisers.wordpress.com/process-report/http://thevisualisers.wordpress.com/process-report/http://thevisualisers.wordpress.com/author/stijnjanmaat/http://thevisualisers.wordpress.com/super-final-concept-presentation/http://thevisualisers.wordpress.com/author/stijnjanmaat/http://thevisualisers.wordpress.com/2011/04/05/106/site%20April%205,%202011%20Research%20results%20By%20stijnjanmaat%20We%20tested%20our%20final%20prototype%20in%20Amsterdam%20and%20below%20are%20the%20results.%20%20Did%20the%20users%20see%20differences%20between%20the%20maps?%20%20Yes%20%E2%80%93%2017%20No%20%E2%80%93%203%20%20Would%20the%20viewers%20walk%20in%20the%20right%20direction?%20%20Yes%20%E2%80%93%2014%20No%20%E2%80%93%206%20%20We%20also%20collected%20some%20conclusions%20of%20what%20worked%20best%20in%20our%20prototype.%20%20What%20where%20the%20main%20differences%20that%20viewers%20indicated?%20%20Writing%20direction%20%E2%80%93%207%20Use%20of%20Color%20%E2%80%93%2010%20Bold%20letters%20%E2%80%93%206%20%20This%20is%20the%20conclusion%20of%20our%20research.%20With%20these%20results,%20and%20especially%20the%20Differences%20the%20users%20indicated,%20we%20made%20a%20redesign%20again.%20%20This%20is%20to%20be%20found%20in%20the%20Superfinal%20concept%20presentation%20%20Cheers!%20%20The%20Visualisers -
8/7/2019 The Visualisers - Blogging Evaluation
16/34
-
8/7/2019 The Visualisers - Blogging Evaluation
17/34
Here are some interesting examples of simplified maps with well-known landmarks.
Always good for a bit of inspiration!
__________________________________________________________
Last week we kicked off with a brainstorm/creative session. We discussed several
techniques and theories from the book of Colin Ware. In the end two different
concept directions were determined. We went on with these directions to create two
distinct concepts, this will result in four posters.
http://thevisualisers.files.wordpress.com/2011/03/photo.jpghttp://thevisualisers.files.wordpress.com/2011/03/screen-shot-2011-03-14-at-3-10-56-pm.pnghttp://thevisualisers.files.wordpress.com/2011/03/screen-shot-2011-03-14-at-3-11-19-pm.pnghttp://thevisualisers.files.wordpress.com/2011/03/screen-shot-2011-03-14-at-3-11-07-pm.pnghttp://thevisualisers.files.wordpress.com/2011/03/photo.jpghttp://thevisualisers.files.wordpress.com/2011/03/screen-shot-2011-03-14-at-3-10-56-pm.pnghttp://thevisualisers.files.wordpress.com/2011/03/screen-shot-2011-03-14-at-3-11-19-pm.pnghttp://thevisualisers.files.wordpress.com/2011/03/screen-shot-2011-03-14-at-3-11-07-pm.pnghttp://thevisualisers.files.wordpress.com/2011/03/photo.jpghttp://thevisualisers.files.wordpress.com/2011/03/screen-shot-2011-03-14-at-3-10-56-pm.pnghttp://thevisualisers.files.wordpress.com/2011/03/screen-shot-2011-03-14-at-3-11-19-pm.pnghttp://thevisualisers.files.wordpress.com/2011/03/screen-shot-2011-03-14-at-3-11-07-pm.pnghttp://thevisualisers.files.wordpress.com/2011/03/photo.jpghttp://thevisualisers.files.wordpress.com/2011/03/screen-shot-2011-03-14-at-3-10-56-pm.pnghttp://thevisualisers.files.wordpress.com/2011/03/screen-shot-2011-03-14-at-3-11-19-pm.pnghttp://thevisualisers.files.wordpress.com/2011/03/screen-shot-2011-03-14-at-3-11-07-pm.png -
8/7/2019 The Visualisers - Blogging Evaluation
18/34
__________________________________________________________
To get a clear overview of the route of assignment 2 we highlighted the streets thatare involved.
4 Responses to Intermediate conceptpresentation
Group UMarch 14th, 2011 at 11:27 pm|edit
Hello visualisers!
Your blog looks interesting. The inspiration-part is nice!I took a look at your concepts and I like the fact that they are totally different.I was wondering if (in the first concept) the people are really going left when they see one map,and right when they see the other map.I do think the map for the musea-route is clearly different from the map for the shopping-route.In the first one, the musea are really popping out and you harly see the shops (only when youare really looking for them) and in the second one, this is the other way around.
I think the second concept is very brave of you.It looks a bit chaotic, but at the same time it draws the attention and it is fun and playfull. Imnot too sure whether or not people are going to understand immediatly how the roads work(and therefore, how the map works), but that might be interesting to find out for you guys!
Goodluck with your presentation tomorrow.Nice blog!
http://mikelonline.com/vcd/http://mikelonline.com/vcd/http://thevisualisers.wordpress.com/concept-presentation/#comment-5http://thevisualisers.wordpress.com/concept-presentation/#comment-5http://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=5http://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=5http://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=5http://thevisualisers.files.wordpress.com/2011/03/screen-shot-2011-03-08-at-10-16-06-pm.pnghttp://thevisualisers.files.wordpress.com/2011/03/photo2.jpghttp://thevisualisers.files.wordpress.com/2011/03/photo3.jpghttp://thevisualisers.files.wordpress.com/2011/03/screen-shot-2011-03-08-at-10-16-06-pm.pnghttp://thevisualisers.files.wordpress.com/2011/03/photo2.jpghttp://thevisualisers.files.wordpress.com/2011/03/photo3.jpghttp://thevisualisers.files.wordpress.com/2011/03/screen-shot-2011-03-08-at-10-16-06-pm.pnghttp://thevisualisers.files.wordpress.com/2011/03/photo2.jpghttp://thevisualisers.files.wordpress.com/2011/03/photo3.jpghttp://thevisualisers.files.wordpress.com/2011/03/screen-shot-2011-03-08-at-10-16-06-pm.pnghttp://thevisualisers.files.wordpress.com/2011/03/photo2.jpghttp://thevisualisers.files.wordpress.com/2011/03/photo3.jpghttp://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=5http://thevisualisers.wordpress.com/concept-presentation/#comment-5http://mikelonline.com/vcd/ -
8/7/2019 The Visualisers - Blogging Evaluation
19/34
-
8/7/2019 The Visualisers - Blogging Evaluation
20/34
Final concept presentationThis is our final concept presentation. We hope you enjoy it.
Youtube video:http://www.youtube.com/watch?v=J9_pgcIDIeY
One Response to Final conceptpresentation
Process report Visual Communication Design 2011April 7th, 2011 at 8:27 pm|edit
[...] HomeFinal concept presentationFinal concept presentation After researchIntermediate concept presentation [...]
Final concept presentation After researchThis concept was developed after the results and incorporates some things the asked
viewers pointed out.
Route P
http://www.youtube.com/watch?v=J9_pgcIDIeYhttp://www.youtube.com/watch?v=J9_pgcIDIeYhttp://www.youtube.com/watch?v=J9_pgcIDIeYhttp://thevisualisers.wordpress.com/2011/04/07/process-report/http://thevisualisers.wordpress.com/2011/04/07/process-report/http://thevisualisers.wordpress.com/final-concept-presentation/#comment-18http://thevisualisers.wordpress.com/final-concept-presentation/#comment-18http://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=18http://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=18http://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=18http://thevisualisers.files.wordpress.com/2011/04/route-p-definitief_v2.jpghttp://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=18http://thevisualisers.wordpress.com/final-concept-presentation/#comment-18http://thevisualisers.wordpress.com/2011/04/07/process-report/http://www.youtube.com/watch?v=J9_pgcIDIeY -
8/7/2019 The Visualisers - Blogging Evaluation
21/34
Route K
The things we changed were:
- All the street names the same font-size.
Especially the prominent presence of Burgwal in the previous design distracted and
misguided viewers.- All streets have an indication if it is a shopping or a cultural street
- The starting point was found to be confusing: Burgwal drew too much attention, so
Delft CS was changed and emphasized as starting point.
- The circle was slightly edited.
2 Responses to Final concept presentation After research
Last adaptations Visual Communication Design 2011April 7th, 2011 at 10:19 am|edit
[...] concept presentationFinal concept presentation After researchIntermediate [...]
Process report Visual Communication Design 2011April 7th, 2011 at 8:28 pm|edit
[...] concept presentationFinal concept presentation After researchIntermediate [...]
http://thevisualisers.wordpress.com/2011/04/07/last-adaptations/http://thevisualisers.wordpress.com/2011/04/07/last-adaptations/http://thevisualisers.wordpress.com/super-final-concept-presentation/#comment-15http://thevisualisers.wordpress.com/super-final-concept-presentation/#comment-15http://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=15http://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=15http://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=15http://thevisualisers.wordpress.com/2011/04/07/process-report/http://thevisualisers.wordpress.com/2011/04/07/process-report/http://thevisualisers.wordpress.com/super-final-concept-presentation/#comment-19http://thevisualisers.wordpress.com/super-final-concept-presentation/#comment-19http://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=19http://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=19http://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=19http://thevisualisers.files.wordpress.com/2011/04/route-k-definitief_v2.jpghttp://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=19http://thevisualisers.wordpress.com/super-final-concept-presentation/#comment-19http://thevisualisers.wordpress.com/2011/04/07/process-report/http://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=15http://thevisualisers.wordpress.com/super-final-concept-presentation/#comment-15http://thevisualisers.wordpress.com/2011/04/07/last-adaptations/ -
8/7/2019 The Visualisers - Blogging Evaluation
22/34
Process reportIntroduction
In this post we have summarized our process of Assignment 2. All posts in the
category Assignment 2 are to be foundhere. Here and there are references to other
posts for a more complete image.
Happy reading!
Greetings,
The Visualisers
Joris van Kruyssen
Stijn Janmaat
Lisa van Mastbergen
Larissa Plink
Starting up
The process started with the theory from the book; Visual Thinking for Design by
Colin Ware. InAssignment 1the result of this phase can be reviewed. We lookedclosely to the chapters as we started Assignment 2.
The assignment started with exploring the map. In Google Maps the route was filled
out and the circle, what is actually rectangular, was made visible.
Fig 1. Map of Delft with the Circle of Delft (red)
http://thevisualisers.wordpress.com/category/assignment-2/http://thevisualisers.wordpress.com/category/assignment-2/http://thevisualisers.wordpress.com/category/assignment-2/http://thevisualisers.wordpress.com/category/assignment-1/http://thevisualisers.wordpress.com/category/assignment-1/http://thevisualisers.wordpress.com/category/assignment-1/http://thevisualisers.wordpress.com/category/assignment-1/http://thevisualisers.wordpress.com/category/assignment-2/ -
8/7/2019 The Visualisers - Blogging Evaluation
23/34
With this map we came up with landmarks we might want to meet on our routes.
These landmarks are;
K-route
St. Agatha Square Prinsenhof(museum), Nusanthara museum, St. Agathamonastery.
Old Church New Church Maria van Jesse Church Student Societiy Alcuin of Sanctus Virgilius, old monastery, and Society Phoenix of
DSC, monument.
Theater & Cinema
P-route
Choorstraat Breestraat Pijnepoort Bastiaansplein Kruisstraat Vrouw Juttenland
After this wecame up with some iconsto simplify the specific buildings and color
coded them. That time the phase of brainstorming about concepts arrived. We cameup with two different ideas and worked them out in concepts: ourintermediate
concepts.
First concept
Route P Route K
Fig. 2 Concept 1
http://thevisualisers.wordpress.com/2011/03/29/symbol-development/http://thevisualisers.wordpress.com/2011/03/29/symbol-development/http://thevisualisers.wordpress.com/2011/03/29/symbol-development/http://thevisualisers.wordpress.com/concept-presentation/http://thevisualisers.wordpress.com/concept-presentation/http://thevisualisers.wordpress.com/concept-presentation/http://thevisualisers.wordpress.com/concept-presentation/http://thevisualisers.files.wordpress.com/2011/04/concept-1.jpghttp://thevisualisers.files.wordpress.com/2011/04/concept-1-route-k.jpghttp://thevisualisers.files.wordpress.com/2011/04/concept-1.jpghttp://thevisualisers.files.wordpress.com/2011/04/concept-1-route-k.jpghttp://thevisualisers.wordpress.com/concept-presentation/http://thevisualisers.wordpress.com/concept-presentation/http://thevisualisers.wordpress.com/2011/03/29/symbol-development/ -
8/7/2019 The Visualisers - Blogging Evaluation
24/34
The starting point of this concept was to recreate the map of Delft by replace the
streets by their names in perspective. This turned out to be very difficult and
unfortunately a lot of small streets have long names; this resulted in unreadable
streets or incorrect ratios.
We let go the perspective and relative ratios, and created a chain of street names. The
perspective of the street names was preserved for a playful effect.
The directional cues we used were: Opacityand Size.
Opacityis widely used to make the object pop out less. Actually it is a less saturateddisplay of the original object; a mixture of the color of the object and the background.
This causes it to fade to the back. We think this works well as a directional cue.
We made the opacity gradually decrease on the circle. It starts with bright white and
ends in grey-blue. Also the cultural figures have a decreased opacity, whereas theshopping bags have not.
We varied the size of the street names to provide direction and the shopping iconsand cultural figures to slightly emphasize the type of route.
Additionally, we indicated the shopping streets by giving the street names a yellowish
color.
Second concept
Route P Route K
Fig. 3 Concept 2
With the second concept we wanted to use the original map of Delft as a background
on which we created a circle. The circle has different shells. The directional cues we
used in this concept are: Gradient, Color, ShadowandSize.
http://thevisualisers.files.wordpress.com/2011/04/concept-2-route-k.jpghttp://thevisualisers.files.wordpress.com/2011/04/concept-2.jpghttp://thevisualisers.files.wordpress.com/2011/04/concept-2-route-k.jpghttp://thevisualisers.files.wordpress.com/2011/04/concept-2.jpg -
8/7/2019 The Visualisers - Blogging Evaluation
25/34
The gradient indicates the direction in the circle. The gradients move up a piece inevery next shell so the reader will be forced in that direction.
The size of the icons makes sure this type stands out. We also make useofcolor difference in the icond. We made the background blue and white: quite
neutral. The icons of the route that should stand out are colored yellow and the onesthat shouldnt were colored dark blue.
We also attached the shadows to the icons that should pop out. So they have twocues to pop out extra, yellow and have a drop shadow.
Comments & improvements
These were the two concepts that were presented in the first presentation.
On the first concept, we got the comment the basis of the design should be a perfect
circle, so we modified the street names into the circle.
The tutors also gave us tips regarding our second concept. He stated that the
difference was too obvious using the yellow and blue icons to let them pop out, this
difference could be more subtle. Another tip was to look at the use of the gradient in
the circle, the comment was that it wasnt evident enough. The last doubt was about
the use of the map itself.
Then the group went their way and tried some new implementations of the theory
from Visual Thinking for Design.
We first aimed to guide the observer by changing the size of the street names. Size is a
very strong pop out effect.
Additionally, in this phase we discovered the text orientation could be a cue to choose
a direction. We are aware it is not a subject in the book of Colin Ware, but we have
the opinion it definitely influences the perception of the viewer. So we wanted to
implement that feature in our final design to check out if it is true and usable.
Fig. 4 Work in Progress file (Route K)
http://thevisualisers.files.wordpress.com/2011/03/final-concept-draft.jpg -
8/7/2019 The Visualisers - Blogging Evaluation
26/34
We had two conflicting theories about the effect:
1) The user might follow the normal reading pattern of moving down a line every
time. If the user start with Delft CS and then moves to Barbarasteeg, this may direct
them counter clockwise.
Note: This theory is not applicable for Chinese tourists since they sometimes
read/write vertically and read upwards. For the reliability of the concept, this has to
be accounted for.
2) The user might read the side that is easily readable, so the left side first.
Because of this, the map may guide them clockwise.
The next plan was to merge the two concepts with our final concepts, but
we realized that through intermediate steps.
First the next step was testing out our theories concerning the reading direction.
While working on the concepts we asked people in our environment to look at the
concept, ask which way they would take and in this way we tried to find out which
theory is (the most) valid. The short conclusion was that Theory 2 turned out to be
the most true (the outcome was not unanimous). So we embraced this idea and went
further exploring the opportunities of our concept. We implemented the perfect
circle simultaneously with this idea.
Fig. 5 Work in Progress file (Route K)
http://thevisualisers.files.wordpress.com/2011/04/concept-4.jpg -
8/7/2019 The Visualisers - Blogging Evaluation
27/34
Fig. 6 Work in Progress file (Route K)
Fig. 7 Work in Progress file (Route K)
At first, the idea was to fill up the cicle with words by deformation of the texts (see
Fig. 5 & 6). Later we simplified this to a straight textblocks, to make the overall viewcalmer (Fig. 7). We also explored the use of color. We wanted to make the map Delft-
http://thevisualisers.files.wordpress.com/2011/04/concept-6.jpghttp://thevisualisers.files.wordpress.com/2011/04/concept-5.jpghttp://thevisualisers.files.wordpress.com/2011/04/concept-6.jpghttp://thevisualisers.files.wordpress.com/2011/04/concept-5.jpg -
8/7/2019 The Visualisers - Blogging Evaluation
28/34
ish so the color blue should play the leading part (Fig. 6 & 7). We came up with yellow
for shopping and orange/red for the culture route, related to theDelft tourist website.
The background of the final design is also a result to make it more Delftish.
The use of icons is a difficult one. As can be seen in oursymbol developmentpost we
tried out all sorts of indicators. We ended up with tabs in the colors of the routes. The
tabs are attached to the applicable streets.
Final Design
Route K Route P
Fig. 8 Final Design v1
After adding features for some time, we stripped everything down and went back to
the essence (Fig. 8). But after a look at the assignment this left rich informationuntouched, so we added the icons and color coding again (Fig. 9).
Here the two versions of our final design are shown. The presentation page can be
foundhere.
Route K Route P
Fig. 9 Final Design v2
We added aspects we learned from the book:
http://delft.nl/delften/Touristshttp://delft.nl/delften/Touristshttp://delft.nl/delften/Touristshttp://thevisualisers.wordpress.com/2011/03/29/symbol-development/http://thevisualisers.wordpress.com/2011/03/29/symbol-development/http://thevisualisers.wordpress.com/final-concept-presentation/http://thevisualisers.wordpress.com/final-concept-presentation/http://thevisualisers.wordpress.com/final-concept-presentation/http://thevisualisers.files.wordpress.com/2011/04/concept-8-route-p.jpghttp://thevisualisers.files.wordpress.com/2011/04/concept-8.jpghttp://thevisualisers.files.wordpress.com/2011/04/concept-7-route-p.jpghttp://thevisualisers.files.wordpress.com/2011/04/concept-7.jpghttp://thevisualisers.files.wordpress.com/2011/04/concept-8-route-p.jpghttp://thevisualisers.files.wordpress.com/2011/04/concept-8.jpghttp://thevisualisers.files.wordpress.com/2011/04/concept-7-route-p.jpghttp://thevisualisers.files.wordpress.com/2011/04/concept-7.jpghttp://thevisualisers.files.wordpress.com/2011/04/concept-8-route-p.jpghttp://thevisualisers.files.wordpress.com/2011/04/concept-8.jpghttp://thevisualisers.files.wordpress.com/2011/04/concept-7-route-p.jpghttp://thevisualisers.files.wordpress.com/2011/04/concept-7.jpghttp://thevisualisers.files.wordpress.com/2011/04/concept-8-route-p.jpghttp://thevisualisers.files.wordpress.com/2011/04/concept-8.jpghttp://thevisualisers.files.wordpress.com/2011/04/concept-7-route-p.jpghttp://thevisualisers.files.wordpress.com/2011/04/concept-7.jpghttp://thevisualisers.wordpress.com/final-concept-presentation/http://thevisualisers.wordpress.com/2011/03/29/symbol-development/http://delft.nl/delften/Tourists -
8/7/2019 The Visualisers - Blogging Evaluation
29/34
Opacity
Using opacity of the tabs, the ones we want to pop out, actually pop out.
Color
In the final design we make use of the added color coding of the icons to the street
names to identify the shopping streets, like used in Fig. 8. Blue colors used in the
create a neutral theme that fits Delft. The yellow and red/orange pop out against this
white and light blue setting.
Contrast
Contrast is used in the icons. Icons are cut, which creates the pop out effect. The
contrast in enhanced by using opacity of the tabs and also the boldness of the street
names. As mentioned above the colors of the tabs also contrast the background.
Testing the final design
After finalizing our design we needed to test it. We tested our Final Design (as in Fig.
9) at Amsterdam Central Station.
Participant Q1 Reason Q2 Reason1. (K) Yes Different colors Right
2. (P) Yes Different colors Right3. (K) Yes Different colors, bold letters Wrong To Burgwal4. (P) Yes Different colors Right5. (K) Yes Different colors, bold letters Right To Vrouwenregt6. (P) Yes Different colors Right7. (K) yes Writing direction, colors Right8. (P) Yes Writing direction, colors Right9. (K) Yes Writing direction, colors, Delft
CSWrong
10. (P) Yes Breestraat type size, Differentcolors
Wrong Because the streetssound nicer
11. (K) Yes Writing direction, bold letters Right12. (P) Yes Writing direction Wrong (Tourist)13. (K) Yes Writing direction, bold letters Right14. (P) No - Wrong15. (K) Yes Writing direction Right16. (P) Yes Delft CS Right17. (K) Yes Bold texts Right18. (P) No - Wrong19. (K) Yes Bold texts Right20. (P) No - Right
Fig. 10 - Test data
-
8/7/2019 The Visualisers - Blogging Evaluation
30/34
Testing procedure
The testing procedure was conducted from the assignment as described. Two team
members traveled to Amsterdam and questioned 20 persons that were unacquainted
with Delft at the central station. They were asked 2 questions as can be seen below
and were asked if they could be filmed. We have footage of 4 test persons, this footagecan be seen in the presentation movie as posted on the blog.
First respondent
Both versions will be shown simultaneously to the respondent (show the two
versions only 10 seconds) with the question: Do you see any conspicuous differences
between these two presentations? The answer has to be yes or no. If the answer is
yes, ask the respondent to name the differences.
Now show the same respondent only one version of the map. Ask him the following
question: You are going to visit Delft for shopping and visiting museums. Whichroute do you choose, route K or P? The respondent shouldnt be aware that K stands
for Museum routeand P for Shopping route.
Second respondent
The procedure is the same as with the first respondent with the difference that now
the other map is shown and the question asked is You are going to visit Delft for
visiting museums and shopping. Which route do you choose, route P or K?
Results
One of the results that is remarkable, is how many people saw differences betweenthe maps. The three main differences between the maps, is the writing direction, the
opacity/boldness of the letters and the gradient of the colored sunbeams, as they
described it. At their first glance (that only lasted 10 seconds), they could already
distinguish the differences in letters, colors and some even the writing direction.
We thought the writing direction is a part of the design that is harder to distinguish,
because when you go looking for differences you look at most obvious differences
(color, size). However, because some street names are written larger, these streets
stand out more and make it more obvious that the writing direction is different.
When people will see the maps one day after the other, they probably will not notice
these slight differences.
The colors were experienced as more pleasant with a higher level of opacity. This
might have also something to do with the colors chosen for the design. As blue and
orange are complementing colors, in combination with each other they are very
obviously noticeable, which makes the composition vibrant and restless.
Also, when you show them the pictures and ask them for the differences, they will try
to find all the differences. When youre just looking at a map, you dont go searchingfor differences.
-
8/7/2019 The Visualisers - Blogging Evaluation
31/34
Of all persons asked:
10 noticed the color differences,7 noticed the writing direction and
6people noticed the bold/not bold differences in font weight.6 noticed more than 1 difference and3 people noticed no differences.
For the second question (which direction would you go to), we were relieved that
most people went for the right direction.
For our concept Route K,
8 people choose the right route, 2 people choose wrong.For our concept Route P,6 people choose the right route, 4 people choose wrong.
The only noticeable thing there was that some people mentioned that they would go
for a certain street, and then mainly because that street was written in bold letters
and had a larger font size. This was the street Burgwal which attracted attention that
was not intentional.
Recommendations
After performing the test we had a group discussion and came up with several
recommendations to our final design.
Starting point
The starting point of our route is Delft CS. In our design we mirrored the vertical text.
Our recommendation is to make the text horizontal, so the starting point isnt
different in the two versions. Also it should attract the initial attention: so it should
stand out more, especially in relation to Burgwal.
Streets and landmarks
To make the route more balanced we want to add a shopping-street we left behind
earlier. We also want to indicate all streets that are shown at the map as either a
cultural or a shopping landmark. So we removed Oude Langendijk and Westvest, two
streets that are not worth mentioning in this route in respect to shopping of cultural
value. We added Pijnepoort, one of the bigger shopping streets in Delft.
Font size/weight (Boldness)
As one of the test results was that some people tended to go for the direction with the
most outstanding street. Not all streets had the same font size, because some streets
-
8/7/2019 The Visualisers - Blogging Evaluation
32/34
have a longer name (consisting of more letters). Initially, we made all the streets
approximately the same length, with resulted in large font sizes for, again, Burgwal.
It should be taken into account that all streets should be in the same type size, no
matter the amount of letters that the street names contains. This way the streets are
all the same and one is not more obvious than the other when it comes to size
(however longer streets might also caught more attention than shorter streets).
Overall, the maps will gain a more calm composition by using the same type size.
To make a clear difference between the two routes, the weight of the text could be
adapted to the type of route that should be chosen. The streets of the route you want
the viewer to choose could be made more bold than the street names of the other
route.
ColorsIn the concepts, the yellow/orange colored tags have more or less opacity according
to the route we want the people to go. As many people noticed the color differences,
the matter of opacity should be more the same within the two maps.
In order to still make a clear definition, the street names could have a certain matter
of opacity. The streets of the route we want them to go could have more opacity than
the other routes.
Also in this design we only colored the streets that have a certain amount of shopping
or culture, which brings a certain visual imbalance to the map. People tend to go forthe route with more color on its side. If all streets would have an amount of color, the
map would be more in balance.
The colors might be chosen differently. Although blue and orange are complementary
colors, the orange and yellow are too present in the composition. The combination of
yellow and blue sometimes stands for cheapness (IKEA,Zeeman). This might
influence the way tourists look at the map, which is not a reaction the map is aiming
for.
Symbols
Although we did not test the symbols, a recommendation for the symbols might be
that they could stand out more in the composition of the map. That way it provides
more information about the things to do in Delft and it is more obvious that there is a
difference in shopping or cultural route
Conclusion
Following our recommendations, we made our latest design:Final concept
presentation After research. We felt we could easily make some adaptations, so we
http://www.ikea.com/nl/http://www.ikea.com/nl/http://www.ikea.com/nl/http://www.zeeman.com/home.aspxhttp://www.zeeman.com/home.aspxhttp://www.zeeman.com/home.aspxhttp://thevisualisers.wordpress.com/super-final-concept-presentation/http://thevisualisers.wordpress.com/super-final-concept-presentation/http://thevisualisers.wordpress.com/super-final-concept-presentation/http://thevisualisers.wordpress.com/super-final-concept-presentation/http://thevisualisers.wordpress.com/super-final-concept-presentation/http://thevisualisers.wordpress.com/super-final-concept-presentation/http://thevisualisers.wordpress.com/super-final-concept-presentation/http://thevisualisers.wordpress.com/super-final-concept-presentation/http://www.zeeman.com/home.aspxhttp://www.ikea.com/nl/ -
8/7/2019 The Visualisers - Blogging Evaluation
33/34
did. We decided to change the starting point, the chosen streets and landmarks and
font size of street names.
Route K Route P
Fig. 11 Final Design, after research
We hope you liked to follow our progress over the weeks and liked the end result!
Greetings,
The Visualisers
One Response to Processreport
Process report published Visual Communication Design 2011April 7th, 2011 at 8:33 pm|edit
[...] HomeFinal concept presentationFinal concept presentation After researchIntermediate concept presentationProcess report [...]
http://thevisualisers.wordpress.com/2011/04/07/process-report/http://thevisualisers.wordpress.com/2011/04/07/process-report/http://thevisualisers.wordpress.com/process-report/#comment-20http://thevisualisers.wordpress.com/process-report/#comment-20http://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=20http://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=20http://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=20http://thevisualisers.files.wordpress.com/2011/04/route-k-definitief_v21.jpghttp://thevisualisers.files.wordpress.com/2011/04/route-k-definitief_v21.jpghttp://thevisualisers.wordpress.com/wp-admin/comment.php?action=editcomment&c=20http://thevisualisers.wordpress.com/process-report/#comment-20http://thevisualisers.wordpress.com/2011/04/07/process-report/ -
8/7/2019 The Visualisers - Blogging Evaluation
34/34