Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Image Removed

200 years – Alfred Escher and Gottfried Keller "traces of the future"

Alfred Escher and Gottfried Keller are not only linked by the common year 1819. They have both left significant traces in history – one politically, economically, socially, the other culturally. These traces are not only clearly recognizable in retrospect, but extend beyond the present day and call for a confrontation with the future.
spurenderzukunft.ch

Under the slogan "traces of the future", we will reflect the work of Alfred Escher and place it in a current context. The work is based on the existing BUX app. The application was developed to explore the city with literature.

bux-app.ch

Time Period

13th of November - 21st of December 2018Image Added

MORI Building DIGITAL ART MUSEUM: teamLab Borderless


Enrich the Experience – Navigation App for Digital Art Zurich

In spring 2020, the Digital Art Zurich is happening for the first time. In Zurich West, exhibitions, talks and parties will be taking place in galleries and museums as well as in clubs and public spaces. Visitors can enjoy the work of world-renowned artists and upcoming stars from the scene.

The mobile app you will be designing should provide visitors with information about the works and artists, guide them to the locations and let them participate in voting for the audience award. Besides the design guidelines from DA Z, there are no limitations to what you can do. Please depart from tradition, explore the possibilities of a mobile phone with all its features and sensors and show how to make a great navigation experience through a festival for digital art today.

Time Period

17th of September – 18th of October 2019
Calendar | download as ical

...

Jürgen Späth | juergen.spaeth@zhdk.ch
Florian Wille | florian.wille@zhdkMartin Dušek | martin.dusek@zhdk.ch

Material

...

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

Recommended Software

Visual Design

...

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

Image RemovedImage Removed

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
namedreipol mobile tech.pdf
height250

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
name181104_MUI_Week4_Wireframing&Testing.pdf
height150

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
nameMobile_UI_HS18_designlanguage.pdf
height250

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

13

17.

11

09.

Wednesday

14

18.

11

09.

Thursday

15

19.

11

09.

Friday

16

20.

11

09.


Kick-Off (4.D12)
09.00

- 10

– 11.00
JS,

JG - 4.T06

Kick-Off IAD/T&I

10.00 - 11.30
JS, JG, BL - 4.T06

Input Alfred Escher

14

MD 

11.00 -

16.15
JJ - 5.K10

Introduction BUX App

16.45 - 17.15
SG - 5.K10

Discover

City Walk 
09.00 - 10.15

Feedback / Questions 

11.00 - 12.00
SG - 4.K15

Input BUXX App 

13.30 - 15.00
SG - 4.K15

Discover

Escher Walk
10.00 - 14

12.00
Hans Peter Riegel / DA Z

Explore

Requirements Gathering & Design Concept


Design Concept


Explore



Atelier Visit (4.K22)
13.00 – 17.00
JS,
BLWorkshop
15.00 -
MDMentoring (4.D12)
13.00 – 17.00
BL - 4.T06

Discover

Academic Writing
JS, MD 

W2

Tuesday

 20

 24.

11

09.

Wednesday

 21

 25.

11

09.

Thursday

 22

 26.

11

09.

Friday

 23

 27.

11

W3

Tuesday 27.11.

Wednesday 28.11.

Thursday 29.11.

Friday 30.11.

Concept Presentation T&I
09.00 -

09.

Reading Week

Reading Week

Reading Week

Reading Week


Mentoring (4.D12)
09.00 – 12.00
JS, MD 

Design Concept





Mentoring (4.D12)
09.00 – 12.00
JS,

FW, BL - 5.G03Requirements Gathering &

MD 

Design Concept


Design Concept

Input

: Philipp Läubli

Web Apps, Apps, Mobile applications

11.00 - 12.00 

PL, JS - 4.T06

Mentoring
13.00 - 16.00
JS, FW - 4.K22-1

Requirements Gathering & Design Concept

Portfolio Review

Alumni Seminar

Academic Writing

W4

Tuesday 04.12.

Wednesday 05.12.

Thursday 06.12.

Friday 07.12.

Input: UI Sketching/Wireframing/Testing
09.00 - 10.00
JG - 4.T06

Design Concept

Presentation of design concept

13.00 - 17.00
JS, FW - 5.D02

Design Concept

Mentoring
13.00 - 17.00
JS - 4.T33

Wireframing & Testing

Academic WritingW5Tuesday 11.12.Wednesday 12.12.Thursday 13.12.Friday 14.12.Wireframing & Testing

Input design language
09.00 - 10.00
JS - 5.T04

Mentoring
13.00 - 17.00
JS - 4.K22-1

Wireframing & Testing

Application of Designlanguage & Microinteractions

Mentoring
13.00 - 17.00
FW - 4.K22-1

Application of Designlanguage & Microinteractions

W6Tuesday 18.12.Wednesday 19.12.Thursday 20.12.Friday 21.12.

Application of Designlanguage

Mentoring

13.00 - 17.00
JS, FW - 4.K22-1

Design Documentation and Communication

Final presentation

13.00 - 17.00
JS, FW, BL - 4.K14

Design Documentation and Communication

Design Documentation and Communication

...

Figma (4.D12)
15.00 – 17.00
FW

REFRESH (1.J30 Level 1)
19.00 – 20.00
Tickets for free: https://refresh.zhdk.ch/refresh-2/tickets/

W3

Tuesday 01.10.

Wednesday 02.10.

Thursday 03.10.

Friday 04.10.


Mentoring (4.T07)
09.00 – 12.00
JS, MD 


Mid-Presentation (4.T09)
09.00 – 12.00
JS, MD, HPR

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)
09.00 – 12.00
JS, MD


Input Exchange Design/Programming (4.E08)
09.00 – 10.30
Alain Groeneweg, Marco Huber

Free Flow Seminar

Free Flow Seminar

Application of Designlanguage & Microinteractions



Application of Designlanguage & Microinteractions

W5Tuesday 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 & MicrointeractionsFinal 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