Step 3. Testing the design concept: an icon family.
One of our deliverables was an icon family. I wanted icons to be simple but playful. The scale of all the surfaces where they would appear is rather big, so I gave myself a little more freedom and added some details that are not as easy to incorporate in mobile UI design. At first, I started to make the icons in three of four main colors (blue, red and yellow, hues of a primary color palette) but then I decided to make them just black and yellow and keep other colors for other purposes.
I set up several rules for the icon set:
- always black and yellow color;
- one pattern area and one solid black shape in each icon;
- always use same patterns for ground, water and objects;
- people are always black and their clothes are yellow.
I feel pretty confident about choosing yellow as a main color because it stands out both on grey rainy winter days and in a green summer environment.
Step 4. Making the rest of the signs.
I based all redesigns on reusing the icon family when possible and keeping the colors and type simple. I created some small cute illustrations for the historical informational sign. I decided to build a different history sign, using the information from Wikipedia and some other online resources about the history of Seattle and Green Lake Park. I think as people in Green Lake Park are usually moving pretty fast, they are not in the mood for long reads but short paragraphs and timeline format would be less intimidating for a reader.
Before and after:
My first approach to Green Lake map was based on the initial map that was photographed in the park. Two weeks after my first redesign, I decided to return to the map and work on it more, applying the rules of interaction design that I’ve learned. I’ve talked to some potential users of the map, and learned a few things about it:
- As the map is for use in the park, people in general know where they came from or where they parked. They didn’t feel that much need in a detailed city map from outside of the park.
- People were more interested in distances from one area to another. Previous map were not very clear about it.
- “You are here” icon needed to be bigger.
Among the changes that I’ve made are simplified street map, new distance relationships between different paths, and a new “You are here” icon.
Step 5. Aqua Theater Mural.
Another piece of this assignment was to think about decorating the Green Lake Aqua theater. I chose to make a mural, and I based it on all the previous drawings and patterns that I made. The design system that I initially created is limited but it turned out to be enough variety for creating a bigger piece including a lot of shapes and details.
Step 6. Signage mock-ups.
We were provided with the measurements for the signs, so I just used some drawings of people to show it to human scale for the final presentation. All of the signs will be demonstrated on the mock ups next to the photos of the current signs.