OVERVIEW

The course aims to provide design skills in the field of web design, with particular attention to project methodologies and rapid prototyping, focusing exclusively on the phases of user experience design and simulation.

AIMS AND CONTENT

LEARNING OUTCOMES

The course aims to provide students with design skills in the field of web design, with a specific focus on project methodologies and rapid prototyping, focusing on the design phases and the simulation of user experience.
Upon completion of the course, students will be able to: Analyze user requirements and needs for the design of effective web interfaces; Apply structured design methodologies, such as the creation of user personas, user journeys, sitemaps, and wireframes; Develop low- and medium-fidelity interactive prototypes using digital tools, without relying on web programming languages; Adopt iterative techniques for project validation and improvement through feedback and usability testing; Effectively communicate design solutions through clear visual documentation and structured presentations.

AIMS AND LEARNING OUTCOMES

Understand the basic principles of web design: provide the theoretical foundations of web design, highlighting how to design usable, accessible, and visually effective interfaces by critically analyzing the evolution of functionality and style from the birth of the web to today.

Understand the web design process: develop a solid knowledge of the phases of analysis, ideation, design, and validation of a website or web application, regardless of the technical aspects of implementation.

Acquire skills in design methodologies: learn to use tools and strategic approaches for user-centered design, such as creating personas, user journeys, sitemaps, and wireframes.

Analyze the role of responsive design in modern user experience: acquire the design principles of mobile-first and universal design.
 

Develop rapid prototyping skills: create navigable prototypes using digital or analog tools to simulate the user experience and test key functionalities without writing code. Foster critical thinking and iterative review: learn to evaluate and improve your projects through feedback and usability testing, in a continuous improvement process.
 

Enhance design communication: know how to effectively present ideas, flows, and interfaces using visual documents and prototypes to communicate with stakeholders and development teams.

PREREQUISITES

Basics in Computer Science.

TEACHING METHODS

Active lectures and hands-on labs. Classes are also held synchronously, remotely, via the Teams platform.

Please note that the university laboratory and rooms meet more common accessibility criteria and they can be enhanced with specific aids and supporting technologies to make easy using computers  for everyone, according to their specific needs.

SYLLABUS/CONTENT

• Introduction
• Client/server Architecture
• Web design history and trends
• Web design methodologies and tools
• Responsive web design
• Rapid prototyping methodologies and tools
• Conclusions

The course partially contributes to the achievement of the Sustainable Development Goals of Agenda UN 2030 No. 10 "Reducing Inequality" and No. 11 "Sustainable Cities and Communities" by addressing web accessibility (W3CAG) and universal design.

RECOMMENDED READING/BIBLIOGRAPHY

Teacher notes available via Aulaweb.

Also:

- E-books on web trends available at the URL https://www.uxpin.com/studio/ebooks/.

- Mathis, L. (2016). Designed for use: Creating usable interfaces for applications and the web.

People who cannot attend lessons will find additional contents making reference to the many links suggested within the notes.

Please note that the provided learning materials meet more common accessibility criteria, however they can be arranged in different formats, if needed, to improve their ease-of-use, according to each students' specific needs.

TEACHERS AND EXAM BOARD

LESSONS

LESSONS START

Second semester.

Class schedule

The timetable for this course is available here: Portale EasyAcademy

EXAMS

EXAM DESCRIPTION

At the end of the course, students will have to illustrate their project works, carried out applying the notions acquired during the theoretical lessons and using the tools illustrated in the practical exercises.

ASSESSMENT METHODS

The project work aims to proving that the students have acquired Web design capabilities and skills in using tools.

FURTHER INFORMATION

Students with disabilities or learning disorders are allowed to use specific modalities and supports that will be determined on a case-by-case basis in agreement with the Delegate of the Engineering courses in the Committee for the Inclusion of Students with Disabilities. Students are invited to contact the teacher of this course and copy the Delegate.

[https://unige.it/en/commissioni/comitatoperlinclusionedeglistudenticondisabilita.html]