Kurssida - Exempelkurs 2
Avsnittsöversikt
-
Module 1
In this section, you will find lecture materials and assignments related to Module 1.
Lectures on personas, visualization, cognition, and attention will be streamed via the following link:
https://lnu-se.zoom.us/j/4888718211This course is about learning to create attractive, effective, and functional interface designs using interface patterns as a foundation and source of inspiration. You will engage in a lot of hands-on work with interface design, both through smaller assignments and a larger individual project. Equally important is the in-depth theoretical understanding that is a fundamental part of every lecture, seminar, and workshop—where the interface’s design patterns and the communicative function of prototypes receive special attention.
Such deep understanding creates the conditions needed to better apply your skills in new contexts and contributes to a strong foundation for continued development in interface design.
After completing this course module, you will be able to:
-
Explain the communicative purpose and function of graphical interfaces
-
Demonstrate advanced knowledge of interface layout design
-
Demonstrate advanced knowledge of interface components and their usage
-
Design effective, usable, and aesthetically appealing graphical user interfaces
-
Create interactive interface prototypes
-
Use interactive prototypes to communicate design ideas to users and developers
Assignments:
At the beginning of the course, we will focus on refreshing and deepening your skills in using Figma, which is the tool used for both interface and prototype design throughout the course. There will be both an individual and a group component. In the second half of the course, you will work on your individual project assignment. Some of the work will be done in groups during scheduled workshops, but all submissions will be individual.Module 2
Prototyping is about expressing, processing, and further developing design ideas. You need to get your ideas out of your head and into a concrete, workable, and communicable form. Prototyping outputs can include sketches, paper prototypes, wireframes, graphic mock-ups, and interactive prototypes (we will work with all of these in this module). These are used to present and demonstrate functionality, usability, and user experience—either for the designer/team themselves or to gather reactions, feedback, and suggestions from users or other stakeholders.
Prototyping is therefore used both as an internal tool to explore and develop design, and to gather external feedback and inspiration.
There are many different prototyping methods, each with its own place in the chain of design activities that lead to a final result. In this module, we will begin with sketches, then move on to paper prototypes, followed by wireframes, graphic mock-ups, and finally an interactive prototype (created in Figma). This progression increases the level of detail gradually, helping you develop content, functionality, and form that align with your target audience and goals. Each prototype adds new detail and perspective, laying the foundation for a well-thought-out final design—usually presented as an interactive prototype that showcases both the static design (structure, layout, content) and dynamic functionality (what the user can do).
Each prototyping method has its own techniques—some are faster to learn (like sketches), while others take more time (like interactive prototypes). Becoming skilled at creating interactive prototypes is a fundamental skill for any interaction designer. Therefore, we will dedicate extra time to getting started properly with Figma, including tailored learning materials and a small diagnostic test to make sure everyone is up to speed.
Module 3
Below you will find information about the take-home exam and how it will be carried out.
The final element of the course is a combined assignment that emphasizes application through design, as well as explanation, development, and reflection on the work.
You will gain access to the take-home exam during the introduction on Monday, May 15 at 09:00.
The introduction will take place on-site in room Ma420K and will also be streamed live via Zoom:
🔗 https://lnu-se.zoom.us/j/4888718211Seminar 1 – Figma Beyond Basics
Each group is assigned a specific technique or area. These are more advanced techniques than those covered in “Figma Basics,” but they are expected skills for any professional UI design/prototyping practitioner. Each group will:
-
Research the topic
-
Experiment with the technique
-
Create their own examples
These examples should explain what the technique is, what it’s used for, and how it works.
This serves as an introduction for the rest of the class, helping everyone understand where to begin when applying the techniques in their individual projects.
The goal is to make sure you feel comfortable with the tools, so you can focus on realizing your design vision without being limited by your technical skills.Structure of the Figma Beyond Basics Presentation
Each group will present for one lesson hour per topic, structured as follows:
-
Detailed presentation of the assigned technique with original examples – approx. 30 minutes
-
What is it? When is it used? How is it used?
-
Practical demonstration: how to use the technique in Figma – basics and tips
-
Showcase of an in-depth example using an interactive prototype.
You choose the theme, content, and functionality of your prototype—but ensure the focus is on how the technique adds value and how it can best be applied.
-
-
Group discussion – approx. 20 minutes
After the Seminar
The techniques introduced in the seminar are ones every professional is expected to master. Watching a single presentation isn’t enough to fully master them, but these recordings (available on the course page) are a great reference when working on your individual project. You are expected to use some of these techniques in your final project—even if not all are applicable to your specific case.
NOTE: During week 20, there will be a guest lecture by Doris Karlsson from TTU. The exact date will be announced.
About the Take-Home Exam
This assignment is carried out part-time over three weeks and is graded.
Your final grade in the course is based on your performance in the take-home exam.
A passing grade on all other modules is required to pass the course as a whole and receive a final grade.Submission deadline:
From the introduction on May 15 at 09:00 until Monday, June 3 at 08:00 -
