Interface prototypes placed on screens in different background situations

Graphic interface design course

In the winter semester of 2021/22, I taught the course “graphic interface design” for third-year Bachelor students at the University of Applied Sciences in Dresden.
The course taught the students the basics of user interface design. After workshopping the first concepts, the students built their first wireframes. Afterwards, we developed a visual appearance for the application. The course ended with each group presenting a fully designed interactive prototype of their service concept in Figma.

Hand drawn sketches of an application layout, a rectancular red logo and three smartphone mockups schowing an interface
Process, logo and final screens of the project "uncover"

Course structure

  1. Analysis and benchmarking of web services
  2. Hand-drawn wireframing workshop to build an initial prototype for a chosen topic
  3. Introduction to user testing with sessions to test own wireframes
  4. Introduction to visual Ui design, Typography, colours, sizing, layouts
  5. Creating variable layouts in Figma through components and symbols – tutorial
  6. Building interactive prototypes in Figma
  7. Discussion about accessibility in interface design
  8. Second user testing session in groups
  9. Final presentation
00:02  Curated culture
02:30  Taste Together
05:48  Uncover
06:54  Health planner
08:46  Say Hi
12:06  Fernweh

Links

HTW-Dresden Werkschau