Versions Compared

Key

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

...

  1. Individual Exercises 1 & 2 

Exercise 1: 

Your first web-based GUI. Extreme GUIS. Develop an unconventional approach to a classic UI design pattern:

http://www.welie.com/patterns/

https://threesixtyreality.co.uk/interaction-design-patterns-library/

https://www.smashingmagazine.com/2009/06/40-helpful-resources-on-user-interface-design-patterns/

Tools:

P5.js

Exercise 2: 

Basic Web Technology. 

http://www.welie.com/patterns/

Features

  • UI
  • Images 
  • Lists
  • Headings, Text
  • Responsive?

Exercise

...

Basic GUI module:

...

Collaboration with ZHAW Physiotherapy 

Old Material (from Jonas) (some good reference slides here) 

...