Typefaces Visualization
Print & UX/UI Design
In this project, I designed an interactive website and a poster that include multiple layers of information on typefaces in order to help young designers easily understand typefaces.
Duration
6 Weeks
Project Info
Concept Study
Individual Project
Deliverable
Poster and Interactive Website
My Role
UX & Visual Design:
- Conducted interviews and synthesized data
- Created user flows, wireframes, prototyping, and visuals
Problem Statement
As a designer, an understanding of typefaces is essential. However, it is not easy for young designers to build fundamental knowledge of typefaces because there are a lot of typefaces and much information to study.
How might we easily educate young designers on fundamental knowledge of typefaces?
1. Understand
Interview
I conducted in-depth interviews with three young designers to understand how they study and work on typefaces. Interestingly, all interviewees think they lack knowledge of typefaces, but they DO NOT study typefaces.
“Users are too busy to study typefaces while working. They need a way to learn fundamental knowledge on typefaces quickly and efficiently.”
Persona
2. Ideate
Design Principle
I identified a list of design principles to address the users’ problems. The solution needs to:
- Educate users clearly
- Should be informative and useful
- Should not be lecturelike or boring
Design Requirement
Then, I did further research about what information will be included. A design solution will address:
- Classification of typefaces
- Relation of typefaces
- Timeline of typefaces
- Characteristics of typefaces
Idea 1: HMW make users understand complicated information on typefaces?
Typefaces have a long history and are related to each other, making it difficult to understand them deeply. To solve the problem, I decided to utilize data visualization to organize information so that users can quickly understand provided information.
Idea 2: Let users be easily accessible on information
Considering users' working environment, I chose to create a poster and interactive website as a medium for users to easily access the design solutions.
Part 1. Poster
I wanted a poster that contains all information on history, classification, and the relation between typefaces at once, in order to make designers can understand the information at a glance and easily refer to it.
Final Design
Part 2. Interactive Website
After the initial poster design was finished, I began to think of how users can interact more with the information through website. After creating the information architecture, the user flow, and wireframes, I prototyped it.
Information Architecture
User Flows
Wireframing
Final Design
