MORI Building DIGITAL ART MUSEUM: teamLab Borderless
...
Jürgen Späth | juergen.spaeth@zhdk.ch
Martin Dušek | martin.dusek@zhdk.ch
Students
01 Claudia Buck, 02 Randy Chen, 03 Jennifer Duarte, 04 Fiona Good, 05 Andrin Gorgi, 06 Marcial Koch, 07 Jérôme Krüsi, 08 Stefan Lustenberger, 09 Ismael Möri, 10 Shaën Anouk Reinhart, 11 Dominik Szakacs, 12 Ju Young Yi
Groups
The students have
Material
...
see a more comprehensive list of UI Prototyping tools
...
Week 1 (
...
CW38) – Explore, Requirements Gathering & Design Concept
Introduction to Alfred Escher and his life. This introduction will be made through different events. On the first day there are two kick-off events. The first will be held internally by IAD and the second will be together with trends & identity. In the afternoon, Escher biographer Prof. Joseph Jung giving a lecture on Alfred Escher. Then there is a short introduction to the BUXX app. On the second day, an individual city walk with the BUXX app will take place followed by an introductory event. On the third and last day of the first week, there is a tour of important places by Alfred Escher. In the afternoon, an exchange with trends & identity students takes place in groups.
The first week is fully focused on getting more involved in the topic and gathering requirements.
Feedback after BUX App tours
Deliverables Week 1
To have some fantastic ideas for an implementation in mind.
Week 2 (CW47) – Reading Week
Please do not read anything about Alfred Escher!
Week 3 (CW48) – Requirements Gathering & Design Concept
The third week starts with a concept presentation by Trends&Identity. This is a good opportunity to look for possible collaborations or inspirations for your independent concept. The collaboration with Trends&Identity is optional, even though we strongly encourage collaborative projects. We ask you to develop three concepts and present them in the form of sketches, simple enough so someone new to the topic can understand your idea.
Input Slides – Native Apps vs. Progressive Web Apps – Download
View file | ||||
---|---|---|---|---|
|
Deliverables Week 3
Three Concepts in the form of sketches
Week 4 (CW49) – Design Concept and Wireframe & Testing
The fourth week starts with an input event on the theme of UI-sketching, wireframing and testing. You will pick one of your concepts in order to refine it.
Download
View file | ||||
---|---|---|---|---|
|
Deliverables Week 4
A digitally worked out concept with sketches.
...
The explore phase is our hard drive for all relevant information about our users and their needs as well as the general context in which our application is embedded. In the first week we already start with the design concept.
Trends & Technology, Competitor, Facts, User, Needs, Insights etc.
Deliverables Week 1
Find a way out of your computer to document all your findings.
Week 2 (CW39) – Design Concept, Wireframing
In the second week, we work exclusively and highly concentrated on our design concepts. Part of the design concept is the visual language for the application.
Deliverables Week 2
One complete design concept.
Week 3 (CW40) – Design Concept, Wireframe & Testing
At the beginning of the third week we refine the concept and start with wireframing the concept. At the end of the week you have to do some user testings with a prototype.
Mid-Presentation expectations: Design Concept, Screens to show the visual language of the application.
Deliverables Week 3
Findings out of user tests with a wireframe prototype.
Week 4 (CW41) – Application of Designlanguage & Microinteractions
In the fifth week, there will be an input on the topic design language before we start the phase where this gained knowledge will be applied.
Download
View file | ||||
---|---|---|---|---|
|
Deliverables Week 5
Elaborated and tested wireframe.
...
fourth week you define and create the designlanguage and the microinteractions.
Input Exchange Design/Programming
Alain Groeneweg, Marco Huber both from dreipol
- Allgemeines zur Zusammenarbeit/Prozess
- Akzeptanzkriterien/Spezifikation
- Styleguide/UI-Elemente
- Shared Components
- Grid
- Animations
- Plattform spezifische Eigenheiten
- Review-Prozesse
…
Deliverables Week 4
Working prototype which shows the most relevant screens and the microinteractions.
Week 5 (CW42) – Design Documentation & Communication
In the last week, the application is refined and documented. On Thursday afternoon a final presentation will take place together with trends & identity.
Final deliverables
Complete your high-fidelity prototype to reflect your complete user journey. Document your design decisions in the styleguide and prepare a project presentation.
- Design documentation / Style guide (PDF)
- Final presentation (Keynote)
- Mockup & screencast of interaction with the mockup
- Text file including the project title, a short description, and a project description (in a file to be labeled “Texts”)
- Approx. 10 representative images of the project (to be stored in a file labeled “Images”)
...
Below you'll find the schedule of this module. For the bold appointments, we'll all meet together, while the underlined appointments are
individual meetings. The brightly marked fields represent the focus of these days.
W1 | Tuesday 17.09. | Wednesday 18.09. | Thursday 19.09. | Friday 20.09. |
---|---|---|---|---|
Kick-Off (4.D12) 11.00 - 12.00 |
Explore | Requirements Gathering & Design Concept | Design Concept | ||
Explore | Atelier Visit (4.K22) 13.00 – 17.00 JS, MD | Mentoring (4.D12) 13.00 – 17.00 JS, MD | ||
W2 | Tuesday 24.09. | Wednesday 25.09. | Thursday 26.09. | Friday 27.09. |
---|---|---|---|---|
Mentoring (4.D12) | Design Concept | Mentoring (4.D12) | Design Concept | |
Design Concept | Input Figma (4.D12) REFRESH (1.J30 Level 1) | |||
W3 | Tuesday 01.10. | Wednesday 02.10. | Thursday 03.10. | Friday 04.10. |
Mentoring (4.T07) | Mid-Presentation (4.T09) | Wireframing | Wireframing & Testing | |
Design Concept, Wireframing | Debriefing (4.K22-1) 13.00 – 17.00 JS, MD | |||
W4 | Tuesday 08.10. | Wednesday 09.10. | Thursday 10.10. | Friday 11.10. |
Mentoring (4.E08) |
MD |
Input Exchange Design/Programming (4.E08) | Free Flow Seminar | Free Flow Seminar | ||
Application of Designlanguage & Microinteractions | Application of Designlanguage & Microinteractions | |||
W5 | Tuesday 15.10. | Wednesday 16.10. | Thursday 17.10. | Friday 18.10. |
Mentoring (4.T07) 09.00 – 12.00 JS, MD | Design Documentation and Communication | Design Documentation and Communication | Design Documentation and Communication | |
Application of Designlanguage & Microinteractions | Final Presentation (4.E08) 14.00 – 17.00 JS, MD, HPR |
JS: Jürgen Späth, MD: Martin Dušek, HPR: Hans Peter Riegel, FW: Florian Wille