Page Comparison

...

...

...

...

...

...

...

...

...

...

...

...

...

...

Cooperation Partner: 

Contact:Image Added

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 2018
Calendar | download as ical

...

Jürgen Späth | juergen.spaeth@zhdk.ch
Florian Wille | florian.wille@zhdk.ch

Material

• Foundation Alfred Escher
• wikipedia.org
• Die Schweizer: Alfred Escher und Stefano Franscini
• Materialen Escher.pdf
• Themen Escher.pdf

Recommended Software

Visual Design

• Sketch
• Figma
• Invision Studio
• Framer X

Mockup, Animations & Transitions

• Principle
• Craft (by invision)
• Framer(Invision Studio, Framer X, Figma, Sketch)

see a more comprehensive list of UI Prototyping tools

Designdocumentation

• Zeplin

...

Week 1 (

...

CW46) – Requirements Gathering & Design Concept

Introduction of the topic through our collaboration partner in a project kickoff meeting.
Getting to know the users, deepen the understanding of topic and gather requirements.
Form a concept present it in a short written UI concept and concept sketches. 

Deliverables Week 1

Present your concept ideas in a short essay (approx. 1000 characters). Describe how you plan to implement the project briefing, define your personal project goal and document your initial thoughts on the process flow with wireframes, describing the user journeys and highlighting the key features. Attach your findings to your Frontify 'Concept' page.

• Written UI concept & concept sketches / user journey
• Prioritized feature list in the form of user stories

Week 2 (CW39) – Wireframing & Testing 

The second week to turn your written UI concept into wireframes. These are the basis for a low-fi click dummy you use to test you application with potential users.

Deliverables Week 2 (2.10.2017 / 17:00)

Create a low-fi prototype from your formulated questions for a formative usability evaluation and do a guerrilla usability testing with at least 3 candidates. Upload a screencapture of the prototype, the scenarios and findings of your testing to your Frontify 'Prototype & Testing' section.

• Low-fi click dummy
• Evaluation report documenting the findings of your user tests 

Week 3 (CW40) – Development of Design Language & Microinteractions

Having ensured that the rough UI of your app is understandable to users, you turn to design the look&feel of your application. You use two key views to design two (or more) design proposals. In coordination with your mentor (latest 10.10.2017 / 17:00) you decide on one design proposal to be implemented.
Use quick prototyping tools (like principle, framer, craft, …) to demonstrate your keyfeatures and microinteractions.

Deliverables Week 3

Create two proposals for a look and feel demonstrated on key views of your project. Create a mockup demonstrating the key features and micro-interactions. Upload your material to your Frontify styleguide.

• Two proposals for a look and feel demonstrated on two key views
• Mockup demonstrating key features and microinteractions

Week 4 (CW41) – Application of Designlanguage & Microinteractions

Brown Bag Review

Deliverables Week 4 = Final Deliverables

Week 5 (CW42) – Design Documentation & Communication

Meetings

...

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 AddedImage Added

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

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

Deliverables Week 4

A digitally worked out concept with sketches. 

Week 5 (CW50) – 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

Deliverables Week 5 

Elaborated and tested wireframe.

Week 6 (CW51) – 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 and of course make it accessible on Frontify.

• Design documentation / Style guide (PDF & HTML export from Frontify)
• Final presentation (PDF/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”)

Schedule

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.

JS: Jürgen Späth, FW: Florian Wille, BL: Barbara Liebster, JJ: Prof. Joseph Jung, SG: Stephanie Grubenmann