UW Night Market
Designed by Xingyue Yang
Displays that exploit the visual potential of location
Final display:
General Description:
With this display, I am trying to communicate to my audience that this section of the infographic is about the location of UW Night Market. Moving from a small place to such a large place like Red Square, UW Night Market's location is significantlt important. I started with a two versionf of display, one of which is with much more details about every vendors , entertainments, stage, etc. and another version is a general display of this event. With my peers' critques, I decided to make revision on the second one, as pointed out by those critiques that audiences don't have o know where's the stage or food lights, all of which are only needed to be known by officers who plan this event. With more critiques, I removed the details of each vendors and then add a circle to give a general range of the UW Night Market to ensure that it would be recognizable.
Emulation Description:
I did lots of emulations with my color, visual language and typography models. By only using one font, it's very simple and put audiences attention on the color instructions. Also, with a sharo contrast between my location color and background color, audiences are easy to recogonize my location.
Sources: The data/inspiration for this display came from the following sources...
First Iteration
version 1
version 2
Second Iteration
revision 1
revision 2
First Iteration
Critique #1: Jessie Zhang
Jessie liked the second version better.
Version 1
She pointed out that version 1 has too much information. It's hard for her to grasp the idea I want to focus on.
She suggested me to categorize them into 3-5 things, such as people involve in planing. focus on game, entertainment, booth, etc.
Version 2
Jessie thought this version is clearer and the circle is very cool.
However, she sugged me to make the buildings more vivid and diverse, not just in rectangular shape.
She also suggested m to make bigger fonts and move the UW NM lable into center
Model Emulation Feedback
When I showed her my display, she thought both version don't emulate with my color or visial language model.
Revisions based on this critique
I moved the Night Market in the middle to indicate what this graph is about and also make my fonts bigger.
I tried to corp my picture to make the building smaller, but I couldn't figure out a better way to do it by just simpling croppinng them as PNG.
Critique #2: Hai Nguyen
Hai liked the second version better.
Version 1
He pointed out that version 1 is very colorful but too bright, comparing with my color model.
Also the names of building may not be necessary, as they seems very significant.
Version 2
Hai was confused by those white rectangular, which I assume they represent the vendors layout. He suggested me to color code them, which also requires several keys.
Also he suggested me to make fonts bigger.
He also mentioned that the red circle in the middle probably is not necessary, as I can use similar color to encode all the Night market vendors.
He pointed out that the arrow indicates direction, which confuses him, as he thought that means Night market is in another direction.
He suggested me to move the UW NM title in the middle top to give audiences a general view of what's thi infographic is about and also crop some buildings, as those are not necessary to be shown completely.
Model Emulation Feedback
Hai pointed out that I should follow my color model, using dark brown as the background color and some other colors to encode those buildings and vendor and entertainment booth.
Also he pointed out that in my visual language model, there's no dash line. So he suggested me to use solid line if I want to represent roads and ways.
Revisions based on this critique
I colorcoded my vendors and made a key to indicate what this red color referes to right below the title.
Also I got rid of the red circle and arrow, as I already color coded them and put Night Market in the middle.
I also changed my dash line to solid line to follow my visual language model.
Second Iteration
Critique #1: Tianai Zhao
Tianan also felt that for the UW Night Market theme, it's hard to get a location idea.
She pointed out that I put too much emphasis on my buildings, which catched her attention at first, although the color in the middle is differentand pops up. So she suggested me to emphasize more on red square by
putting key words and also making the vendors representation bigger to address those vendors.
Also she said this graphic design is very simple, but the actual Night Market has lots of stuff going on. So she suggested me to add specific vendors, such as instead of just saying "vendors" in the key, I can point out that "29 vendors"
Model Emulation Feedback
She thought my color model is great as it pops up what is important and what is not.
Revisions based on this critique
I changed the key to "29 vendors" in order to indicate that there are lots of things going on. Also I cut the images off a little, where I didn't include the whole building and address the center point - red sqaure.
Critique #2: Randi Mendel
Randi was confused by those lines. She didn't know what those lines mean. So she suggested me to try without them.
Also, she pointed out that this infographic is pretty flat and simple and suggsted me to try more dimensions, such as the 3d version on the google map.
She also pointed out that I put too much emphasis on my buildings, which catched her attention at first. She suggested me to highlight the red square with another color
Model Emulation Feedback
She thought my color model is great and I can follow my visual language model more by not using lines.
Revisions based on this critique
I removed those lines, in order to be more cartering to most of my audiences. I didn't try out the three dimension images, as those don't follow my flat design in my visual language model.
Critique #3: Jeff Zhong
Version 1:
Jeff pointed out that there is too much information, going on, especially as audiences for this UW Night Market topic, they don't need to know some other information like power and generators, because audiences care more about food and entertainment
Version 2
He was confused about what those dashlines mean, so he suggested me to use a solid line like what I did in version 1.
Also he pointed out that I should probably lable some other significant places, such as Quad or Fountain, in orde to orient people clearly.
Jeff was also confused by the arrow as well, he advised me to turn the arrow around and point to red square, or just just a line without arrow.
In addition to that, he also suggested me to to include some specific vendors, so that audiences can gave a genral impression of what food is offered.
Model Emulation Feedback
When I showed her my models, he thought my displays did not emulate the flat design in my model.
There's no dashline in my visual language model and also I didn't emulate the color model well.
Revisions based on this critique
I changed the dashline to solid line. I didn't include my vendors, as there are 29 vendors total, which is too much information to include in a map like this.
Also, I chaned the color to follow my color model.
Critique #3: Yiqing Zhao
Yiqing pointed out that for someone who don't know UW, this location display is not explicit that it is in red square. So she suggested me to label red square.
She noticed that I forgot to get rid of stage lable. She liked the color, because it is very eye-catching
She also pointed out that I put too much emphasis on my buildings, which catched her attention at first. She suggested me to either crop pictures, smaller those buildings and make vendors bigger
Also she believed it's helpful to give some specific description of several food when doing final infographic by making layout as the major component while pointing out several food
Model Emulation Feedback
She thought my design emulate well with my models.
Revisions based on this critique
I cut some buildings and also labled red square, so tha it can be clearer to audiences.