Download - Info design book output
SD3025 INFORMATION DESIGNHONG KONG SCIENCE MUSEUM
WAYFINDING SYSTEM DESIGN
CONTENT
1/ INFO 2/ SCENARIO 3/ PROBLEM
4/ FONTS 5/ COLOUR 6/ ICON
7/ SIGNAGE
1
INFO
A brief introduction and background research of the Hong Kong Science Museum
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.
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
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
2
SCENARIOS
Journey of Stephen, Lina and JackProblems different that users had encounter
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
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
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
3
PROBLEM
Reasons behind unpleasant journey
The fault of the existing signage and way finding system
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
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.
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.
4
FONTS
Noto SansBold/ Regular/ Thin
FuturaKoyu/ Medium
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.
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.
5
COLOUR
Logo Colourx2
Base Colourx3
Zone Colourx18
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
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.
6
ICON
Elementary Informationx 20
Supporting Informationx 20
ELECTRICITY & MAGNETISM GALLERY
TRANSPORTATION HOMETECHNOLOGY
TELECOMMUNICATIONSGALLERY
ENERGY EFFICIENCY CENTRE
ENERGY EFFICIENCY CENTRE
FOODSCIENCE
SCIENCE NEWSGALLERY
PROTOTYPEZONE
MOTIONSOUND
OCCUPATIONAL SAFETY & HEALTH GALLERY
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.
WASHROOM ACCESSIBLE WASHROOM INFORMATION CENTER
ELEVATOR
EMERGENCY EXIT
ESCALATOR ESCALATOR MIND YOUR FOOT TAKE GOOD CARE OF YOUR CHILDREN
BOX OFFICE SOUVENIR SHOP STAIRS
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.
7
SIGNAGE
Elementary Informationx18
Supporting Informationx
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.
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.
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
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
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
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
#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.
#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.
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