Top Banner

of 34

The Visualisers - Blogging Evaluation

Apr 08, 2018

Download

Documents

Stijn Janmaat
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
  • 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