Practicum 1
Cloudy, with a chance of meteors
In this assignment, students were asked to develop a mobile weather application for the galactic space traveler.
This consisted of:
-
Ideation Cycle:
Students conducted a formal analysis of SciFi interfaces and Atomic Age design motifs, and sketched initial interaction sketches.
-
Low-fidelity Cycle:
Students created wireframes iterating on these design after conducting a heuristic evaluation.
-
High-fidelity Cycle:
Students programmed the applications using HTML/CSS/JS focusing design concerns on look-and-feel, interaction, implementation, or full integration.
The final application uses the
Geolocation Web API
to query a user's position in the universe. These applications used downtown Berkeley BART as a reference Sun, and Jacobs Hall as a reference Pluto.
For more information about the assignment, check out the
design brief.
Ideation Awards - Interaction Sketches
Roberto Romo
Circles: Weather App
Roberto Romo
Disks: Weather App
Roberto Romo
Atom : Weather App
Andreas Billert
Planet Comb: Add and remove (by dragging into the black hole) planets.
Andreas Billert
Weather Focus: Tilt phone to scroll between planets.
Andreas Billert
Spin It!: Spin the wheel to change between the planets.
Hana Hyder
Visual Alert on Map
Hana Hyder
Simple Alert with Map
Hana Hyder
Perspective Adventure Mode
Previous
Next
Low-Fidelity Awards - Wireframes
Abigail Sigal Chaver
Before Studio
Abigail Sigal Chaver
After Studio
Iris Iri Yon
game
Iris Iri Yon
game2
Matthew James Joerke
Data Rich UI
Matthew James Joerke
Data Rich UI Post-Studio
Previous
Next
Low-Fidelity Awards - Wireframes