info design book output

39
SD3025 INFORMATION DESIGN HONG KONG SCIENCE MUSEUM WAYFINDING SYSTEM DESIGN

Upload: leroibear

Post on 26-Jul-2016

231 views

Category:

Documents


2 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Info design book output

SD3025 INFORMATION DESIGNHONG KONG SCIENCE MUSEUM

WAYFINDING SYSTEM DESIGN

Page 2: Info design book output
Page 3: Info design book output

CONTENT

1/ INFO 2/ SCENARIO 3/ PROBLEM

4/ FONTS 5/ COLOUR 6/ ICON

7/ SIGNAGE

Page 4: Info design book output
Page 5: Info design book output

1

INFO

A brief introduction and background research of the Hong Kong Science Museum

Page 6: Info design book output

Since its opening in April 1991, the Hong Kong Science Museum has proven itself to be an ideal and unique place for learning science.Through presenting quality exhibitions and fun science programmes in an enjoyable environment, the Museum serves to popular-ize science to the public and support science education in schools. In contrast to traditional museums, visitors at the Science Museum are encouraged to explore exhibits in their own way and thus experience the fun of discovery learning.

Occupying a permanent exhibition area of 6,500 square metres, the Museum houses over 500 exhibits. Nearly 70 percent of them are interactive and suitable for visitors of all ages. Among them, the most prominent exhibit is the largest device of its kind in the world: The Energy Machine. Another attraction is the DC-3 airplane which is the first local airliner and the first exhibit moved into the Museum building.

The Museum also has a 745 sq.m. Special Exhibition Hall, a 295-seat Lecture Hall, a Classroom, a Computer Classroom, a Laboratory and a Resource Centre. Other ancillary facilities include a Gift Shop and a Book Shop.

INFORMATION OF SCIENCE MUSEUM

Accumulated Figure Since 1991

Since1991

PermanentHall

6500sq.m

Totalarea

13500sq.m

SpecialHall

sq.m745

Ticketing

3

Security

18

Cleanig

3

Staffper day

Housesover

exhibits

500

Prominent exhibits

theEnergy

Machine.

DC-3airplane

70%interactiveexhibits

Apart from permanent exhibitions, the Museum regularly pres-ents temporary exhibitions on a wide variety of topics related to science and modern technology. The Museum also organiz-es and develops a multitude of extension activities and educa-tional programmes for the public.

Page 7: Info design book output

Hung Hum

D7

PolyU

Cheong Wan Rd

Granvill

e Rd

Science MuseumRd

Hong Tai Path

Address : 2 Science Museum Road, Tsimshatsui East, Kowloon, Hong Kong

Around 15-minute walk along the footbridge from Hung Hom MTR Station towards the direction of Tsim Sha Tsui East.

Buses that stop outside by the Museum are KMB Nos. 5, 5C, 8, 8A, 13X, 26, 28, 35A, 41A, 81C, 87D, 98D, 110

Page 8: Info design book output

THE SPECIESOF VISITORS

83%

6%

11%

LOCAL

CHINA

OTHER COUNTRIES

OCCUPATION GROUP OF VISITORS

STUDENTS

HOSEWIFE

TECHERS

MANAGERSPROFESSIONALADMINISTRATIVE

36.7%

21.1%

21.1%

21.1%

HOW MANY TIMES HAVE BEEN TO THE HONG KONG SCIENCE MUSEUM?

47.5%

35.2%

17.3%

2-4 TIMES

1 TIMES

5+ TIMES

RESEARCHStatistics* As at 2014

5012 people interviewed

Page 9: Info design book output

2

SCENARIOS

Journey of Stephen, Lina and JackProblems different that users had encounter

Page 10: Info design book output

E n t e r t h e G/F l o b by Ta ke t h e l i f t u p

E n t e r t h es p e c i a l ex h i b i t i o n

(O U T O F S E A)

B u y t i c ke t f r o m c o u n t e r

L e a ve Ta ke t h e l i f t d ow n

E n t e r t h es p e c i a l ex h i b i t i o n

(O U T O F S E A)

He cannot find the entance for people with disabilities.

The signage for ticketing is not enough and confusing as it’s inconsistency.

He cannot find the floor plan and he can hardly find the signage and it is too high .

The signage of different theme and area of exhibits is no enough and unclear.

BACKGROUND :

Stephen lives in Hong Kong and he was hurt when he is young. Once he notice that science museum exhibits “Out to Sea? The Plastic Garbage Project” he is interest in it.Hence he would like visit the Spe-cial exhibition.

NAME : Stephen

AGE : 50

Remark : Disability Signage for ticketing is

insufficient and confusing as it is inconsistence.

He cannot find the floor-plan and he can hardly find the signage as it is too high to reach.

Unclear and insufficient signage for different zones area.

He cannot find the entance for the disable.

Enter the G/F lobby Take the elevator Purchase ticket from box office

Enter the special exhibition

(OUT OF SEA)

Enter the special exhibition

(OUT OF SEA)

Take the elevatorLeave

Page 11: Info design book output

BACKGROUND :

Lina is a designer and she was employed by science museum last week.Lina would like to go to office when she arrives science museum.

NAME : Lina

AGE : 45

JOB : Museum Designer

O f f i c e

P r e s s t h e s t a f f p a s s a g ewa y

E n t e r l i f t a n dg o t o 5/ F

E n t e r t h e d e s i g n o f f i c eL I F T( S T A F F )

E n t e r t h e G/F l o b by

She is confused of which floor she was as their are no obvious floors signage.

She felt lost as there are no signage to lead her to take the lift for staff.

It is hard for her to differentiate the area for staff and area for travelers.

She felt lost as there are no signage to guide her through the staff elevator.

She did not know which floor she was in as there were no obvious floors indication signage.

It is hard for her to differentiate between staff areas and travelers areas.

Enter the G/F lobby Enter the staff Passageway

Take the elevator to 5/F

Enter the design office

Office

Page 12: Info design book output

BACKGROUND :

Jack is an university student in the mainland China. He recently participated in an student exchange program and will arrive in Hong Kong in a few weeks. He favours science and he would like to visit once.

NAME : Jack

AGE : 18

Remark : Student

Enter the exhibition

Enter the G/F lobby Take the elevator

Take the elevatorLeave

Purchase ticket from box office

He would like the travel to the area of “Light” first. However, he found that the floor plan is too complicated to read .

He would like to find the direction for transportations but he hardly find one.

It is quite confusing that there are distracted signage for each different area of exhibitions.

Enter the exhibition

E n t e r t h e G/F l o b by Ta ke t h e l i f t u pE n t e r t h eex h i b i t i o n

B u y t i c ke t f r o m c o u n t e r

Ta ke t h e l i f t d ow n

E n t e r t h eex h i b i t i o n

It is quite confusing that their are little signage for each different area of exhibitions

He would like the travel the area of “Light” first while he found that the floor plan is too complicated to read .

He would like to find an direction of transportations while he hardly find one.

L e a ve

Page 13: Info design book output

3

PROBLEM

Reasons behind unpleasant journey

The fault of the existing signage and way finding system

Page 14: Info design book output

PROBLEMSFor Traveler

Inconsistent Signage Suites

Different font

Different shape and style

Inconsistent Graphic Style

Without Hierarchy

Misleading Graphic

Lack of indicate mark

Traveler don’t know where they are and how can they go to other zone

Page 15: Info design book output

PROBLEMSFor Staff & Disable

Lack of Signage

No indication for staff

Not only for staff. It can prevent traveler go wrong side

Insufficient Signage for Handicap Facility

Lack of handicap signage direct them to travel museum

The original signage system suffers from lots of problem, causing users inconveniences. For, the refined version signage system, unity is the key, same graphic style are use through out the whole science museum. The aim is to tackle all of the problem in a professional way.

Page 16: Info design book output

Reference

We approach a modern and clean touch, linear, stylistic. These reference provides a valuable graphic for us to learn and extract from. Both overhead hanging signs and wall signs are listed as reference, it came in different proportion and suites, perfect for similar application.

Page 17: Info design book output

4

FONTS

Noto SansBold/ Regular/ Thin

FuturaKoyu/ Medium

Page 18: Info design book output

NOTO SANS

ThinBody text

RegularDirectional Message

BoldHeader text

Noto Sans CJK TC is a font developed by google,

which aims to support all languages with a harmonious look

and feel. With the word Noto means NO TOfu, a wild range

of word can be used without concerning the problem of non-

existed words, especially for Hong Kong words, some are

rather difficult to include in a typeface. Using Noto Sans CJK TC is the wise choice for Hong Kong Museum.

For Header Text, Noto Sans CJK TC - Bold will be used. For

Directional Message, Noto Sans CJK TC - Regular will be

used. For Body Text, Noto Sans CJK TC - Thin will be used.

Page 19: Info design book output

FUTURA

KoyuHeader Text

MediumDirectional Message/ Body Text

ABCDEFGHIJKLMNOPQRSTUVWXYZ

ABC DEFGHI JKL MNOPQRSTUV W X YZ

Futura is the first font on the moon, it represented the

overwhelmed relationship between science and typography.

It possesses the sprit of innovation and exploration, alike

Hong Kong Science Museum.

Futura is design by Paul Renner in 1927 and is one of the

oldest san serif classic fonts that Renner has created. It was

base on basic geometric shapes giving it a clean and simple

touch that echo the design style and element in science

museum. While, as simple as it is, it never lost it elegancy and

is one of the most legible font, perfect option for signage.

For Header Text, Futura - Koyu will be used. For Directional

Message, Futura - Regular will be used.

Page 20: Info design book output

5

COLOUR

Logo Colourx2

Base Colourx3

Zone Colourx18

Page 21: Info design book output

LOGO COLOUR

BASE COLOUR

The original colour of the Hong Kong Science Museum’s

logo, iconic with its orange and red. As the colour matching

is considered rather old fashion and does not match the look

and feel with the science museum, there will be no intention

in using this colour pattern.

All colours are divided into three sections, Logo colour, Base

Colour and Zones Colour. Each colour section acquires a

particular implication that apply through the whole signage system.

Yellow arose more attraction then blue, primary signages such as

box office, lobby uses yellow colour as the first layer of information. Supportive Information such as toilet and elevator are included

in primary information as it is included in the user journey, thus,

yellow will be used. Blue is at the second layer of the information

hierarchy, with a more accurate spot, in this case — zones. Blue

section is the secondary information, signage with blue highlight,

are directional signage gliding through different zones. While white highlight is consider as general information, floor plan for example, as it is a more neutral colour. Plain black is specifically for staff, no highlight is included.

Base Colour is the colour base of the signage, including

blue, white, yellow and black. One colour are separated

from the others in terms of usage. All signage uses black as

background, with a coloured light box as highlight.

CMYK15/ 100/ 97/ 5

The logo ofHONG KONG SCIENCE MUSEUM

Exhibition Colour

GeneralColour

ElementaryColour

CMYK6/ 38/ 99/ 0

CMYK92/ 48/ 6/ 23

CMYK0/ 0/ 0/ 0

CMYK6/ 38/ 99/ 0

Page 22: Info design book output

CMYK48/ 1/ 40/ 0

Energy Efficient Center

ChildrenGallery

CMYK1/ 47/ 54/ 0

ZO

NE C

OLO

UR

3/FTelecommunicationGallery

HomeTechnology

Transportation

Food Science

PrototypeZone

CMYK27/ 93/ 40/ 5

CMYK28/ 15/ 14/ 0

CMYK12/ 39/ 95/ 0

CMYK64/ 4/ 25/ 0

CMYK6/ 18/ 47/ 0

2/F

Jockey Club Environmental Conservation Gallery

Mathematics

Life Science

Light

World of Mirrors BiodiversityGallery

Motion

CMYK1/ 36/ 8/ 0

CMYK1/ 16/ 76/ 0

CMYK51/ 24/ 48/ 0

CMYK24/ 1/ 1/ 0

CMYK79/ 38/ 58/ 18

CMYK11/ 87/ 83/ 2

CMYK21/ 16/ 16/ 0

G/F

Science NewsCorner

Electricity & Magnetism Gallery

Sound Occupational Safety & Health Gallery

CMYK24/ 1/ 13/ 0

CMYK61/ 2/ 40/ 0

CMYK25/ 0/ 56/ 0

CMYK7/ 23/ 27/ 0

1/F

Zones colour are uses to separate clear zones area, it is

clearly shown in the floor plan. Different form Base Colour, Zones Colour uses a rather light colour tone to differentiate the hard solid colour from the Base Colour.

Page 23: Info design book output

6

ICON

Elementary Informationx 20

Supporting Informationx 20

Page 24: Info design book output

ELECTRICITY & MAGNETISM GALLERY

TRANSPORTATION HOMETECHNOLOGY

TELECOMMUNICATIONSGALLERY

ENERGY EFFICIENCY CENTRE

ENERGY EFFICIENCY CENTRE

FOODSCIENCE

SCIENCE NEWSGALLERY

PROTOTYPEZONE

MOTIONSOUND

OCCUPATIONAL SAFETY & HEALTH GALLERY

Page 25: Info design book output

MATHEMATICS

JOCKEY CLUB ENVIRONMENTAL

CONSERVATION GALLERY

ENERGY MACHINE OUT OF SEA

LIGHT

BIODIVERSITY GALLERY

LIFE SCIENCES WORLD OF MIRRORS

ELEMENTARY INFORMATIONThe line graphic measure to express the modern and simple

touch that how Hong Kong Science Museum should be. A set

of logo for each exhibition were designed for easy reading,

gliding visitors through exhibitions.

Page 26: Info design book output

WASHROOM ACCESSIBLE WASHROOM INFORMATION CENTER

ELEVATOR

EMERGENCY EXIT

ESCALATOR ESCALATOR MIND YOUR FOOT TAKE GOOD CARE OF YOUR CHILDREN

BOX OFFICE SOUVENIR SHOP STAIRS

Page 27: Info design book output

PHONE BOOTH CLOAKROOM NO SMOKING CAR PARK

NURSERY VISITOR DESK

VISTOR SERVICE CENTER

ENTRYEXIT

SUPPORTINGINFORMATIONThis series of logo also follow the linear graphic style, iconic

for it’s broken part. The arrangement of the graphic can make

the pictogram more stylish and clear. Consistent style were

made with the linear art on every signage.

Page 28: Info design book output
Page 29: Info design book output

7

SIGNAGE

Elementary Informationx18

Supporting Informationx

Page 30: Info design book output

Sign SuitesThe Signage Suites have a modern touch work in connect with the graphic style of the pictogram designed. One right con-ner cropped out creating a dynamic feel-ing. There are three main types of sign suites, wall sign, over-headed sign and erected sign. Wall signs are used in differ-ent occasions, usually only include single information.

Overhead signs usually include a small amount of information but in a larger scale. It place above the two meter line but below the three meter line in order to reach the head tilt angle to the most com-fort reading angle of 45 degree. Marking zones or staff passage for example tend to use this kind of overhead signage.

Smaller overhead signage is used for supportive information like toilet sign and cashier sign. Usually highlight in yellow, users are easier to spot the signage and gain the most effectiveness.

The size of the large overhead sign is an eye catching 800x600mm, in depth of 20mm. A thin light box is placed on the lower part of the sign, indicating the na-ture of the sign, yellow for primary infor-mation, blue for secondary information and white for general information.

The size of the small overhead sign is a reasonable 250x100mm, in depth of 20mm. It would not drag too much atten-tion but at the same time easy to spot on. Pictogram is mostly use in this sign suit.

Page 31: Info design book output

Erected signage has two types of suites, one for floor plan and one for way finding system. For floor plan, colour white is used as it is a general information. The size of the floor plan sign is 1200x1800mm, in depth of 120mm. Large enough for users to clearly read. On the top left corner placed the floor level, underneath is the floor plan and index. Information is put above waist and no higher than two meters for maximising readabil-ity. Same story in way finding erected sign suites. The size of the it is 494x1500mm, in depth of 120mm. Coloured light box highlight is placed on top and at the bottom of the suit, nature of the suit can be immediately determine by the colour of the suit. This suits are used in the intersection, mainly intersection of exhibition zones.

Wall signs vary in size, depends on the information obtained. For a single pictogram, size of a rectangular 130x100mm is used. Gener-ally for indication of places, cashier, stairs, handicapped facility e.c. . For door signs, a slightly larger size of a square 140x140mm is used. Indication of male or female toilet is one example. For directory, size of a rectangular 500x950mm is used. This sign suit usually put along side with the elevator.

Page 32: Info design book output

STAFF PASSAGE

800

600

50

800

600

50

100

70

AUTOMOBILE TECHNOLOGY GALLERY

600

50

800

600

50

800

500

70

100120

15030

1

G

2

U1

3

FIRST AID ROOMCLASSROOM COMPUTEER ROOMExit on G/F

BOX OFFICE INFORMATION COUNTRECLOCK ROOM

950

500

950

500

24

16

4

28

1500

500

300

400

400

300

400

400

T O I L E T

ELECTRICITY & MAGNETISM GALLERY

SCIENCE NEWS CORNER

SOUND

100

1500

500

Resource Center

Lecture Hall

Enter

Lobby

1500

500

700

800

50

5050

50

50

150

100

70

50

70

1500

500

70

50

150

50

50

50

800

1800

800

1800

700

700

400

3/F

2/F

1/F

G/F

1Energy Efficiency Centre

Telecommunications Gallery

Occupational Safety and Health Gallery

Electricity and Magnetism Gallery

Science News Corner

Sound

Life Sciences

Jockey Club Environmental Consvation Gallery

Biodiversity Gallery

World of Mirrors

Motion

Mathematics

Light

Transportation

Food Science

Home Technology

Prototype Zone

Children Gallery

Washroom

Escalator

Elevator

Box Office

Phone Booth Emergency Exit

Information Desk

Cloakroom

Accessible Washroom

Stairs

Page 33: Info design book output

FLO

OR

PLA

N

3/F

2/F

1/F

G/F Was

hroo

m

Esca

lato

r

Elev

ator

Box

Offi

ce

Phon

e Bo

oth

Emer

genc

y Ex

it

Info

rmat

ion

Des

k

Acc

essib

le W

ashr

oom

Stai

rs

Clo

akro

om

Life

Sci

ence

s

Jock

ey C

lub

Envi

ronm

enta

l Con

svat

ion

Gal

lery

Biod

iver

sity

Gal

lery

Wor

ld o

f Mirr

ors

Mot

ion

Mat

hem

atic

sLi

ght

Occ

upat

iona

l Saf

ety

and

Hea

lth G

alle

ry

Elec

trici

ty a

nd M

agne

tism

Gal

lery

Scie

nce

New

s C

orne

rSo

und

Tele

com

mun

icat

ions

Gal

lery

Tran

spor

tatio

n

Food

Sci

ence

Hom

e Te

chno

logy

Prot

otyp

e Zo

ne

Ener

gy E

ffici

ency

Cen

treC

hild

ren

Gal

lery

Page 34: Info design book output

FLOOR PLANSIGNAGEA good signage should be clearly visible through the user

journey. The old 2/F floor plan placement failed to achieve it, it placed at the bridge between two escalators, can be hardly

spotted when arrive at the floor. Therefore, the new floor plan placement located right in front of the escalators, which can

be immediately spotted.

#001

SIGNAGE PLACEMENT

AFTER BEFORE

2/F

Page 35: Info design book output

2/F

FLOOR PLANSIGNAGEThe 1/F floor plan were located beside the costumer service desk, people were gather in that area, causing congestion.

The new placement set opposite to the original place. Easing

the congestion and allowing users down from the 2/F, clean

assess of the signage.

SIGNAGE PLACEMENT

AFTER BEFORE

1/F

#002

Page 36: Info design book output

#003

#004

ERECTEDSIGNAGEErected signage are placed at the intersection informing

users which section they are in and the directional message

for elsewhere. Yellow erected sign are placed at the lobby

and major places. Blue erected signage are placed at the

border of each exhibition zones, visitors can easily travel

through different exhibitions.

Page 37: Info design book output

#005

#006

OVERHEADSIGNAGEOld overhead signage were hardly visible due to low light

condition. With the new sign suit glow with light and at the

comfort sight zone, visitors can now experience a user

friendly signage system.

Page 38: Info design book output

SD3101_20151_A: Desktop Publishing

MMY2 Semester 1 2015

Tutor : Leo P.H. Chan

14076278DHO Ka Chun

14078898DHO Hiu Tung

14079681DMAI Suen Ching

14079858DCHENG Tsz Yin

14079301DYU Lok Ki

14079828DLIU Kam Tim

Page 39: Info design book output