Info design book output

SD3025 INFORMATION DESIGN HONG KONG SCIENCE MUSEUM

WAYFINDING SYSTEM DESIGN

CONTENT

1/ INFO

2/ SCEN ARIO

3/ PROBLEM

4/ FONTS

5/ COLOUR

6/ I CON

7/ SIGN AGE

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

INFORMATION OF 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 popularize 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.

Cleanig

3

the Energy Machine.

Since

1991

DC-3 airplane Prominent exhibits

Security Ticketing

3

18

Houses over

Staff

500

per day

exhibits

70% interactive exhibits

Total area

13500 sq.m

6500 sq.m

Permanent Hall

Special Hall

745 sq.m

Accumulated Figure Since 1991

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.

Apart from permanent exhibitions, the Museum regularly presents temporary exhibitions on a wide variety of topics related to science and modern technology. The Museum also organizes and develops a multitude of extension activities and educational programmes for the public.

PolyU

Cheong Wan Rd

e nc ie Sc

Ho ng Ta iP ath

Hung Hum D7

eu us M

m Rd ille nv ra G

Rd

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

T H E S P E C IE S O F V IS ITO R S

6%

17.3%

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

11%

83%

LOCAL

35.2%

2-4 TIMES

CHINA

1 TIMES 5+ TIMES

OTHER COUNTRIES 47.5%

O CC U PAT I O N G RO U P O F V I SI TO RS

21.1%

21.1%

STUDENTS

HOSEWIFE

TECHERS

21.1%

MANAGERS PROFESSIONAL ADMINISTRATIVE

* As at 2014 5012 people interviewed

36.7%

RESEARCH Statistics

2 SC E N A RIOS Journey of Stephen, Lina and Jack Problems different that users had encounter

BACKGROUND :

NAME : Stephen AGE : 50 Remark : Disability

Stephen lives in Hong Enter the Kong and he was hurts p e c i a l e x h i b i t i o n ( O U T OF SEA) when he is young.

Once he notice that science museum exhibits “Out to Sea? The Plastic He cannot find the Garbage Project” he is entance for interest in it.Hence he people with would like visit the Spedisabilities. cial exhibition.

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

Enter thespecial exhibition (OUT OF SEA)

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

He cannot find the entance for the disable.

Ta ke t h e l i f t u p

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

Signage for ticketing is insufficient and confusing as it is inconsistence.

Enter the special exhibition (OUT OF SE A)

Buy ticket from counter

Enter the G/F lobby

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

Take the elevator

Purchase ticket from box office

Enter thespecial exhibition (OUT OF SEA)

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

Leave

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

Unclear and insufficient signage for different zones area.

Leave

Take the elevator

BACKGROUND : NAME : Lina AGE : 45 Office

JOB : Museum Designer

Office

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.

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

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.

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

Enter the G/F lobby

Enter the staff Passageway

Take the elevator to 5/F

Enter the design office

BACKGROUND :

NAME : Jack AGE : 18 Remark : Student

Jack is an university student in the mainlandE n China.

He ter the recently participated e x h i b i t iin o n an student exchange program and will arrive in Hong Kong in a few weeks. He favours science and he would like to visit once.

Enter the exhibition

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

Ta ke t h e l i f t u p

Enter the G/F lobby

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

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

Enter the exhibition

Buy ticket from counter

Take the elevator

Purchase ticket from box office

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

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

Leave

Enter the exhibition

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

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

Leave

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

Take the elevator

3 PROBLEM Reasons behind unpleasant journey The fault of the existing signage and way finding system

PROBLEMS For 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

PROBLEMS For 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 Sans

Bold/ Regular/ Thin

Futura

Koyu/ Medium

䙼彁랱넑 N OTO SA NS

Noto Sans CJK TC 䙼 彂 랱 넓 is a font developed by google,

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

which aims to support all languages with a harmonious look

Directional Message, Noto Sans CJK TC - Regular will be

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

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

of word can be used without concerning the problem of nonexisted 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.

宕 匌 㕜 ꂹ 䠥 뇒 ꫘ 똾 郌

宕 匌 㕜 ꂹ 䠥 뇒 ꫘ 똾 郌

宕 匌 㕜 ꂹ 䠥 뇒 ꫘ 똾 郌

Thin

Regular

Bold

Body text

Directional Message

Header text

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

base on basic geometric shapes giving it a clean and simple

overwhelmed relationship between science and typography.

touch that echo the design style and element in science

It possesses the sprit of innovation and exploration, alike

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

Hong Kong Science Museum.

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

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

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

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

Message, Futura - Regular will be used.

Koyu

Medium

Header Text

Directional Message/ Body Text

ABCDEFGHIJ KLMNOPQRS TUV WXYZ

ABCDEFGHIJ KLMNOPQRS TUVWXYZ

5 COLOUR Logo Colour x2

Base Colour x3

Zone Colour x18

All colours are divided into three sections, Logo colour, Base Colour and Zones Colour. Each colour section acquires a

BAS E COLOUR

particular implication that apply through the whole signage system.

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.

Exhibition Colour

General Colour

Elementary Colour

CMYK

CMYK

CMYK

CMYK

CMYK

15/ 100/ 97/ 5

6/ 38/ 99/ 0

92/ 48/ 6/ 23

0/ 0/ 0/ 0

6/ 38/ 99/ 0

LOGO CO LOU R

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

The original colour of the Hong Kong Science Museum’s

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

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

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

is considered rather old fashion and does not match the look

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

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

section is the secondary information, signage with blue highlight,

in using this colour pattern.

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

The logo of HONG KONG SCIENCE MUSEUM

highlight is included.

Energy Efficient Center

Children Gallery

CMYK

CMYK

48/ 1/ 40/ 0

1/ 47/ 54/ 0

G/F Jockey Club Environmental Conservation Gallery

ZON E COLOUR

3/F

CMYK

2/F Telecommunication Gallery

Transportation

CMYK

CMYK

27/ 93/ 40/ 5

12/ 39/ 95/ 0

Home Technology

Food Science

Prototype Zone

CMYK

CMYK

CMYK

64/ 4/ 25/ 0

6/ 18/ 47/ 0

28/ 15/ 14/ 0

Science News Corner

Sound

Occupational Safety & Health Gallery

CMYK

CMYK

CMYK

25/ 0/ 56/ 0

61/ 2/ 40/ 0

1/F

79/ 38/ 58/ 18 Motion

Light

Life Science

CMYK

CMYK

CMYK

1/ 36/ 8/ 0

51/ 24/ 48/ 0

1/ 16/ 76/ 0

Mathematics

World of Mirrors

Biodiversity Gallery

24/ 1/ 13/ 0 Electricity & Magnetism Gallery

Zones colour are uses to separate clear zones area, it is clearly shown in the floor plan. Different form Base Colour,

CMYK

CMYK

CMYK

CMYK

Zones Colour uses a rather light colour tone to differentiate

24/ 1/ 1/ 0

11/ 87/ 83/ 2

21/ 16/ 16/ 0

7/ 23/ 27/ 0

the hard solid colour from the Base Colour.

6 ICON Elementary Information x 20

Supporting Information x 20

ELECTRICITY & MAGNETISM GALLERY

TRANSPORTATION

HOME TECHNOLOGY

TELECOMMUNICATIONS GALLERY

OCCUPATIONAL SAFETY & HEALTH GALLERY

ENERGY EFFICIENCY CENTRE

FOOD SCIENCE

PROTOTYPE ZONE

SOUND

MOTION

SCIENCE NEWS GALLERY

ENERGY EFFICIENCY CENTRE

MATHEMATICS

LIGHT

JOCKEY CLUB ENVIRONMENTAL CONSERVATION GALLERY

BIODIVERSITY GALLERY

LIFE SCIENCES

WORLD OF MIRRORS

E LEME NTA RY I N FO R M AT I O N The 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,

ENERGY MACHINE

OUT OF SEA

gliding visitors through exhibitions.

WASHROOM

ACCESSIBLE WASHROOM

INFORMATION CENTER

ELEVATOR

EMERGENCY EXIT

BOX OFFICE

SOUVENIR SHOP

STAIRS

ESCALATOR

ESCALATOR

MIND YOUR FOOT

TAKE GOOD CARE OF YOUR CHILDREN

PHONE BOOTH

CLOAKROOM

NO SMOKING

CAR PARK

NURSERY VISITOR DESK

VISTOR SERVICE CENTER

EXIT

ENTRY

SUPP ORTI N G I N FO R M AT I O N This 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 SIGN AGE Elementary Information x18

Supporting Information x

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 comfort reading angle of 45 degree. Marking zones or staff passage for example tend to use this kind of overhead signage.

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 nature of the sign, yellow for primary information, blue for secondary information and white for general information.

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 small overhead sign is a reasonable 250x100mm, in depth of 20mm. It would not drag too much attention but at the same time easy to spot on.

Pictogram is mostly use in this sign suit.

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

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 readability. 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. Generally 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.

1800

800

800

1

500 50 400 500

500

3/F

50

500

500 600

腋彂佪渤⚥䗱

Energy Efficiency Centre

⯥留㣔㖒

耷㆞鸒麥

STAFF PASSAGE

%*3&$503: 䭸⽂

100

600

70

3

%&4*(/ 6/*5

&/(*/&&3*/( 6/*5

01&3"5*0/ ."*/5&/"/$& 6/*5

乽⡲⿻笞⥜穉

2

$0/'&3&/$& 300. "%.*/*453"5*0/

剚陾㹔 遤佟穉

㣐㛔

ꨶ鎝䐤

2/F

Telecommunications Gallery

❜鸒

Transportation

굺ㅷ猰㷸

950 70

Lobby

Food Science

㹻㾀猰䪮

100

Home Technology

庠鑑㾝⼦

U1 1

800

800

50

70 70

1/F

Occupational Safety and Health Gallery

煂ꨶ䐤

G

Electricity and Magnetism Gallery

猰鎝䐤

Science News Corner

50

耫㷸

Sound

G/F

飓꼛剚橇⥃䐤

Jockey Club Environmental Consvation Gallery

欰暟㢵垺䚍㾝긭 Biodiversity Gallery

1800

700

煂 ꨶ 䐤

ꖏ㶩⚆歲

ELECTRICITY & MAGNETISM GALLERY

World of Mirrors

⸂㷸

1500

Motion

侸㷸

猰 鎝 䐤

SCIENCE NEWS CORNER

Mathematics

耫 㷸

⯕㷸 Light

SOUND

峤䩛꟦

Washroom

搂ꥻ燘峤䩛꟦

䪜䩛ꨶ唑 Escalator

垜唑

⼮꣮堥

邆䌨꟦

Accessible Washroom

㈒牱贖

Box Office

鑉㉏贖

ꨶ鑨❫

鷗欰ⴀ〡

Phone Booth

TOILET

Stairs

Elevator

1500

-&$563& )"-- $0/530- 300.

-&$563& )"--

BOX OFFICE

INFORMATION COUNTRE CLOCK ROOM

3&450634& $&/53&

FIRST AID ROOM CLASSROOM

须彂⚥䗱

150 50 50

Resource Center

1500

50

怵闍䑼

Lecture Hall

Ⰵ〡

50

Enter

50

COMPUTEER ROOM Exit on G/F

긭⹡穉 䬪㾝긭

㾝ㅷ穉

怵闍䑼䱾ⵖ⚥䗱

怵闍䑼

牱䨼 鑉㉏贖

邆䌨꟦ 须彂⚥䗱

狲ㅷ䏅 剅䏅 㾝錒䑼Ⰵ〡

䚊佹㹔 铭㹔

ꨶ舡㹔 㖒♴ⴀ〡

50

50 1500

600

导鮦猰䪮䐤

150 30 100 120

600

AUTOMOBILE TECHNOLOGY GALLERY

50

500

500

16 70

50

Cloakroom

800

50

Information Desk

鏤鎙穉 䊨玑穉

150

800

欰ㄐ猰㷸

Life Sciences

(*'5 4)01 #00, 4)01

&/53"/$& 0' &9)*#*5*0/ )"--

Prototype Zone

耷噠㸞⨴䐁㾝錒䑼

."/"(&.&/5 6/*5 %&-01.&/5 6/*5 &9)*#*54 6/*5

Children Gallery

800

24

Emergency Exit

950 700

400

400

28

700 300

300 400

4

100 400

⯕㷸 ⸂㷸

Motion

侸㷸

Accessible Washroom

垜唑 Stairs

邆䌨꟦

Cloakroom

鑉㉏贖

Information Desk

鷗欰ⴀ〡

䪜䩛ꨶ唑 ⼮꣮堥 ㈒牱贖

Box Office

ꨶ鑨❫

Phone Booth

Elevator

Escalator

Emergency Exit

搂ꥻ燘峤䩛꟦ 峤䩛꟦

Washroom

Jockey Club Environmental Consvation Gallery

飓 꼛 剚 橇 ⥃䐤

Mathematics

Light

ꖏ㶩⚆歲 Life Sciences

Biodiversity Gallery

World of Mirrors

Science News Corner

猰鎝䐤

Prototype Zone

庠鑑㾝⼦

欰暟㢵垺䚍㾝긭

Sound

耫㷸

Home Technology

㹻㾀猰䪮

Transportation

❜鸒

Children Gallery

⯥留㣔㖒

欰ㄐ猰㷸

G/F

Occupational Safety and Health Gallery

耷 噠 㸞 ⨴ 䐁㾝 錒 䑼

Electricity and Magnetism Gallery

煂ꨶ䐤

1/F

Food Science

굺 ㅷ 猰㷸

Telecommunications Gallery

ꨶ鎝䐤

2/F

Energy Efficiency Centre

腋彂佪渤⚥䗱

3/F

FLOOR PLAN

FLOOR PL A N S I GN AGE A 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.

S I G N AG E PL AC EME N T

2/F #001

AFTER

BEFORE

FLOOR PL A N S I GN AGE The 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.

S I G N AG E PL AC EME N T

1/F #002

AFTER

BEFORE

#003

E REC TE D S IGN AGE Erected 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.

#004

#005

OV E RH E A D S I GN AGE Old 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. #006

SD3101_20151_A: Desktop Publishing MMY2 Semester 1 2015 Tutor : Leo P.H. Chan

14079858D CHENG Tsz Yin

14076278D HO Ka Chun

14079301D YU Lok Ki

14078898D HO Hiu Tung

14079828D LIU Kam Tim

14079681D MAI Suen Ching