This document describes the redesign of the California Science Center's website and mobile app. It discusses converting the website content to better suit a mobile app interface with features like navigation buttons, scroll views, and exhibition pages. The design process focused on universal accessibility, preventing errors, and reducing memory load. It concludes by noting the content and design will be updated further based on user feedback.

1. C A L I F O R N I A S C I E N C E C E N T E R
I N S T R U C T O R : P R O . G H YA M
TA : A Z M A N D I A N
8 2 0 2 7 9 0 5 0 8 I - T I N G C H O U
6 8 5 6 5 3 4 3 6 4 FA R N - C H E R N M E N G
4 4 1 1 9 2 0 4 1 2 S H A O - H S U A N L I A N G
9 9 3 3 0 8 4 1 3 7 YA H S I U YA N G
9 8 3 5 5 9 2 5 2 6 C H I N G C H I U

2. N AV I G AT I O N
• Introduce
• Contrast
• Live DEMO

3. W H AT ’ S
C A L I F O R N I A
S C I E N C E C E N T E R
?

5. O U R S T O RY B E G I N S …
• New student
• USC student
• 588 homework 1

6. What did its website look like?

7. 4 0 4 E R R O R
D O E S M Y B R O W S E R B R O K E N ?

8. 4 0 4 E R R O R
D O E S M Y B R O W S E R B R O K E N ?
N O

9. I T ’ S E X A C T LY
W H AT T H E
O R I G I N A L
W E B S I T E
L O O K E D L I K E

10. O U R
M I S S I O N
• Let users know what CSC
is in a glance
• Provide enough
information in one screen
• Stimulate people's
curiosity for CSC

11. B U Y T I C K E T A S A P

12. C O M E & V I S I T

13. and one more thing we need you to know…

14. – T H E I R W E B S I T E R E B U I L D J U S T
B E F O R E O U R P R E S E N TAT I O N
and one more thing we need you to know…

17. B U T

18. W E A R E TA L K I N G A B O U T
I O S A P P

19. K E E P G O I N G O N

20. D I S C U S S
R E C L A S S I F Y
R E B U I L D
iOS platform

21. H O T N E W S

22. 8 G O L D E N R U L E S
CAT E R TO U N I V E R S A L
U S A B I L I T Y
P R E V E N T E R R O R S
S U P P O R T I N T E R N A L
LO C U S O F CO N T R O L
N AV I G AT I O N
B U T T O N
S C R O L L V I E W
&
PA G E
C O N T R O L
I M P O RTA N T
I N F O R M AT I O N

23. E X H I B I T S

24. D E S I G N E D
B U T T O N S
L I N K T O E A C H
E X H I B I T I O N
8 G O L D E N R U L E S
S T R I V E O F
CO N S I S T E N C Y
P R E V E N T E R R O R S
R E D U C E S H O R T-T E R M
M E M O R Y LO A D

25. E X H I B I T S C O N T E N T

26. A B I L I T Y C H A RT
D I R E C T LY B U Y
T I C K E T S
R E V E R S A L
F U N C T I O N
8 G O L D E N
R O L L S
P E R M I T E A SY
R E V E R S A L A C T I O N S
S U P P O R T I N T E R N A L
LO C U S O F CO N T R O L
R E D U C E S H O R T-T E R M
M E M O R Y LO A D

27. C O N C L U S I O N
• Update the content of this app
• Adjust details of our design
• Take more users’ feedback

28. – T H A N K Y O U -
Q & A