You are on page 1of 30

Design Fundamentals 1 Mr Hans Tan Mr Yong Jieyu Book done by Yeo Li May A0100613A

Design Fundamentals
Process Journal

Contents Page 6
W E E K T WO

Letterforms
WEEK THREE

Typographical Hierarchy
WEEK FOUR

10

Grids & Layout


WEEK FIVE

12

Grids & Layout ( draft report) Introduction to Design Thinking Human Centered Research Methods & Tools
WEEK EIGHT WEEK SEVEN WEEK SIX

14

16

18

Synthesis of Research

Contents Page 20
WEEK NINE

Ideation Tools
WEEK TEN

22

Presentation of Ideas
WEEK ELEVEN

24

Evaluation and Iteration of prototype


W E E K T W E LV E

26

Presentation

Ready-made Alphabets
The fundamental for effective visual communication is first learning to observe. This exercise shows us how basic forms, colours and texture are easily available around us in our immediate environment, ready to inspire us. For this exercise, each pair in the class are to find 26 ready-made letter forms from A to Z. For the assignment, my partner and I decided to further restrict ourselves by setting the boundary to the Botanic Garden, in hope that we would be able to make out more interesting letter forms from the greenery. Through this exercise, I have learnt to develop my senses to be more acute to natural occurring forms, learning how to look at things with different perspective.

Visual Hierarchy
The lesson has taught us how a clear understanding of hierarchy results in a more organised, meaningful, and communicative designs that better serve the audience by controlling the deliverance and impact of the message.

typography SERIF SANS SERIF LEADING TRACKING KERNING BASELINE MEAN LINE ASCENDER DESCENDER

Kerning Error

Emotional Word Play of the type, size and effect to bring out the idea of vissionless.

Emotional Word Manipulating the size to achieve a giantic A.

The Grid System


Aliquam Cum sociis natoque penati
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer laoreet faucibus urna id vehicula. Suspendisse nec eros non diam viverra interdum at quis mi. Etiam tellus ipsum, varius non.

To coordinate or arrange elements in an orderly manner.

The grid system is an aid, not a guarantee. It permits a number of possible uses and each designer can look for a solution appropriate to his personal style. But one must learn how to use the grid; it is an art that requires practice. Josef Mller-Brockmann

Fusce Condimentum. Duis.

Purus Vivamus

Donecligula Egestas

Integer viverra pharetra sem non pulvinar. Donec ultrices, turpis vitae molestie consequat, mauris orci accumsan massa, pharetra volutpat tellus erat feugiat neque. Mauris mauris sem.

Proin dignissim massa ac orci sagittis id pulvinar sem commodo. Etiam blandit feugiat arcu eu ultricies. Morbi vehicula dictum dolor.

Aliquam sed diam quis mi sagittis molestie. In odio dolor, cursus id cursus.

Egestas

Aliquam sed diam quis mi sagittis molestie. In odio dolor, cursus id cursus.

Cum sociis natoque penati

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer laoreet faucibus urna id vehicula. Suspendisse nec eros non diam viverra interdum at quis mi. Etiam tellus ipsum, varius non.

Integer viverra pharetra sem non pulvinar. Donec ultrices, turpis vitae molestie consequat, mauris orci accumsan massa, pharetra volutpat tellus erat feugiat neque. Mauris mauris sem.

Condimentum. Duis.

Proin dignissim massa ac orci sagittis id pulvinar sem commodo. Etiam blandit feugiat arcu eu ultricies. Morbi vehicula dictum dolor.

Vivamus

GRIDS & LAYOUT Through this lesson of visual hierarchy, I now understand how simple grids and layout can significantly add to the visual presentation of information. In compound, certain grid systems also gives us a sense of the context. For example, how newspapers follow a standard 3-column 2-row grid layout and how magazines and other forms of publication follow a different generic grid system.

Designing a Menu
This assignment focuses on creating a new menu layout for an existing food stall within campus. My partner and I have decided on Sapore Italiano, located at The Deck. The most challenging part of this exercise was to plan the menu in a way to ensure clarity for the customers ordering food when they look at the menu. Thereby, I have come to learn how visual hierarchy and typography can come into place to organise and determine the way a customer would look at the menu. The reason for choosing this existing menu to work on was because we found that the type used in the menu was too distracting and the layout of the menu appeared to be too clustered, making it difficult to read off the menu. Hence we came out with different drafts to solve these problems mainly by grouping the items in the menu according to their specific categories, following a grid system as well as to play around with the typographical hierarchy through different types, size and alignment.

SA P O R E I TA L I A N O
MONFRI 1AM9PM

66-845-137

CAFE

EXPRESSO
EXPRESSO DOUBLE EXPRESSO AMERICANO CAPPUCCINO CAFFELATTE CHOCOLATA MOCHA

CAFFE
FREDDO (ICED COFFEE)
ICE AMERICANO ICE CAFFELATTE ICE CAPPUXXINO ICE CHOCOLATA ICE MOCHA $3.50 $3.90 $3.90 $3.90 $4.90

PICCOLO
$2.50 $3.90 $2.80 $3.50 $3.50 $3.50 $3.90

GRANDE
$3.80 $4.50 $4.50 $5.50 $5.90

SHAKERATI
CARAMELLO NOCCIOLA IRISH VANILLA CIOCCO CHIPS ALL @ $5.00

TEA SELECTION
RED TEA ENGLISH BREAKFAST TEA EAERL GREY CAMOMILE TEA JAPANESE GREEN TEA ALL @ $2.50

BEVERAGES
MINERAL WATER CAN DRINKS HOME MADE ICE LEMON TEA $1.00 $1.30 $2.50 $0.50 $0.50 $0.60 $0.80 Menu done by Au Hui Ying Yeo Li May

ADDITIONAL
SYRUP
Hazelnut Amaretto Caramel Vanilla Irish Coconut

WHIPPED CREAM DECAF EXTRA ESPRESSO SHOT

The Wallet Exercise


For this exercise, we were told to design the ideal wallet for our partner via casual conversation, finding out about their taste and preferences based on their lifestyle, the activities they engage in, and what they like to have for their wallet. It turns out that the wallet I sketched out after 5 Min of questions was not a wallet that my partner would carry around with her, likewise for the wallet that she designed for me. As the exercise proceed, we began to understand each other better and the exercise was followed with us coming up with a design statement each. The design statement required us to jot down key words that we will use to describe what a wallet meant for the other, and the reason behind it. By having a design statement before we start designing again helps significantly when we can work around our design statement to think of a wallet that will truly serve the needs of our partner. As such, the task of coming up with 3 different context of using the wallet was also more manageable. After the final design was selected comes the next challenge of creating the prototype with just the materials we find around us within a limited time frame of 5min. This proved to be very challenging due to the lack of proper materials and the time limited. However, after the exercise we start to understand how such prototypes comes in very handy when we design, as it allow us to test it out and make amendments to it straight-away. Due to the short time spent in making the prototype, we were less emotionally attached to our prototype and were more to making changes to it while testing it out. This exercise is truly a helpful and engaging one.

Introduction to design thinking

Human Centered Research Methods and Tools


A trip to the library to observe how students use the library and to make sense of the spacial layout with the use of P.O.E.M.S

Synthesis Reframe

Design Statement

After much discussion, my group came up with 10 questions for our interviews and these questions are centred around the users experience while using the librarys facilities, as well as the environment and layout. Methods and tools that we have learnt during the class such as the choice of questions and the addition of casual questions proved useful as we proceed to carry out our interviews at the library.

A better NUS library is one that addresses the needs of the users more efficiently.

Organising and retrieving the information gathered from the interviews into Problem , Insight and Opportunity. By placing these Post-Its onto the library layout that we drew, it was easier for us to identify with specific parts of the library.

Likewise, the user journey map also allowed us to understand the functions of the library, and we had a chance to experience what it is like being in the library and using the facilities available there. For our ser journey, our group has decided to take the route of a typical library user, based on our knowledge of our interwees earlier.

After going through human centred research methods, we are taught to make use of these Problems, Insights, and Opportunities to come up with 100 new ideas.

The main challenges we encountered during the initial ideation process was to come up with interesting new ideas that solve the problems faced by library users and to manage the efficient use of spaces, while at the same time, ensuring that our ideas stay practical. As we learnt later during the class to not reject any ideas in the ideation process, our ideas began to flow more easily. To generate ideas more smoothly and efficiently, we also adopted the use of Speed Dating to come up with an idea within a short time frame. As a group, we started using this new method as a starting point for our ideation, analysing what we have written down, before further developing each idea to get our 100 ideas.

Ideation Tools Categorisation & Selection Methods Communication of Ideas

Presentation of Ideas

With 100 different ideas, we have to sieve out these ideas to choose the best idea to further develop. To do so we have to first cluster them.

Through the exercise held in class, we discover how interesting concept headings can affect the way we communicate our ideas, and even help us develop them.

Using the technique of clustering, our group came up with three main groups, namely Feel At Home, Give Me More Room and Need For Speed.

Out of these three groups, we used the wow and relevance axis to decide our final idea before making our prototype. The final idea that we have selected is the map locating book finder which falls under Need For Speed.

Evaluation & Iteration of Prototype


Mixed responses received Users found it simple and user friendly Some however reflect that they had no problems in locating books Instead, they suggested a page showing similar or related books would be helpful

From the response gathered through the testing, our group realised that the app that we came up with, though straightforward, was not really helping those who often borrow books from the library. Through the presentation of our prototype testing, we have also discovered that a few other groups have similar concepts such as the book finder map as well. Critiques and suggestion given to the class were taken into account as we evaluate our testing and refine our prototype to include more features that aid users in locating a book more efficiently in the library such as a Book Cart and a Recommendation Menu.

presentation
ideation process

refinement of idea
improvements for prototype

reflections
changes made for book location map additon of a book cart addition of a recommended book page
After the initial prototype testing, adjustment was made to the app such as the placement of directions to locate a book is placed on the same page as the map for easy reference. The idea of having a book cart was also conceived when we observed a student taking a picture of the call number of a book before proceeding to a new search. Other suggestions provided by students also prompted us to develop a recommendation section. Like a shopping cart commonly found in online retail sites, the book cart serves the same purpose by enhancing the book searching experience through speed and convenience while the recommendation section works in a similar way as the Amazon online book store. Our groups presentation showcased the process of us coming up with the final idea and the techniques that we have used in design thinking to help us design in a more human centred way. Preparing for this presentation helped me take a step to look and recap everything that I have learnt through the process of design thinking, appreciating how the tools and research methods aid us in generating a constructive idea. The presentation also reminded our group how to achieve an accurate prototype testing and also making sure that our testing is carried out with our design statement in mind, in our case efficiency.

Level: __

NUS CENTRAL LIBRARY BOOK FINDER

Keyword: Search by: SEARCH

(TITLE OF BOOK) Row: ____ Column: ____

Legend:

Shelves Book