MEDIA & EXPERIENCE DESIGN

General Module

Course Sheet

Course code:

D21C

Academic Year of enrolment:

2020

Year of supply:

2022/2023

Type of Course:

Characterising

Degree:

Course of 1st Cycle Degree in DESIGN

Disciplinary Sector:

Industrial Design

Is part of:

COMMUNICATION DESIGN STUDIO C

Location:

PESCARA

Credits:

Programme Year:

Professor and Collaborators:

MASSACESI RAFFAELLA

Cycle:

Second semester

Hours of classroom activity:

Individual study hours:

120

Prerequisites:

Media & experience design is an integrated module in the Communication Design Laboratory C. Therefore, the prerequisites indicated for the Laboratory are valid.

Objectives

The module will use software for editing raster and vector images for visual prototyping, and aims to provide students with the basic skills to operate in the following areas:
- analysis of use cases and identification of innovative UX design strategies for corporate communication and for communication of public utility consistent with the product-system and with the needs of the user, from the definition and collection of the characteristics of the company to produce final design documents;
- visual design for multimedia communication and UI design, in particular for the web;
- development of concepts and visual prototypes and design of the UI style guide.

Contents

Media & experience design is the teaching module of the Design area that characterizes the Communication Design Laboratory. The module is delivered in an integrated form with the modules of Informatics and Communication and Semiotics for design.

A complex communication design approach is proposed to address the design of a user experience consistent with corporate design and the company brand, in the idea that the UX designer must have a multidisciplinary approach to be able to interface, through basic knowledge, with the specific skills of the different sectors of digital design (from UI design to Information Architecture to visual design). The module provides a methodological basis for designing the UX and UI for a brand or company and a practical basis for the front-end web development.

The module provides basic training in the field of digital design, through theoretical knowledge and the practical application of methods, tools and techniques for the design of UX design, UI design and visual design for the web.

Media & experience design is a monographic module of UX design, UI design and visual design for the web.

Extended Syllabus

1) Theoretical knowledge.
The basics of UX Design. Definition and scope of UX, UI; difference between usability and user experience; definition of the usability of a website. UX Design and multidisciplinarity.
The fundamental principles of interaction. Principles of perception. Elements of the UX Strategy. Use cases. The laws of interaction design. The professions of the web. Elements of visual design and front-end web development: wireframing (sketching, digital wireframing), prototyping, tools for prototyping, structure of a website (structure-content-hierarchy of information-functionality behavior-key constraints), header, content, footer (contents), dimensions, design patterns, User Interface Style Guide, Visual maps (hierarchy, depth levels, site size, shape), Visual isometric maps (hints), Flow Chart flowcharts, XML map, tool for the generation of visual maps, fonts, font families, colors, units of measurement, formats for the web, pixel perfect design, types of layouts for the web, creation of unfolds and mockups, ATF area, animations and microinteractions, typography , hierarchies, units of measure px, em / rem, construction of the brief, moodboard.
Introduction to a selection of professional profiles for the web: Web Project Manager, User Experience Designer, Front-end Web Developer, Web Content Specialist, Information Architect, Web Accessibility Expert.
2) Practical experience, project development: User Experience strategy for the promotion of an institution through the website: visual design and construction of the User Interface Style Guide.
- Exercise 1 (intensive activity): analysis of a website, unfold of the home page and of a type of content page, sketch wireframing, visual map.
- Exercise 2 (intensive activity): new website project concept for an institution, digital moodboard with claims and keywords, user experience strategy, use cases, value strategies. Choice of layout type and multimedia content available on the website.
- Exercise 3 (intensive activity): project definition, numbered list of site contents, site structure and layout definition, wireframe sketch, cage, navigation method. visual map of the proposed website with content hierarchies and relative structure.
- Exercise 4 (intensive activity): definition of the project, definition of the brief, digital wireframing and mockup (unfold) of the home page, of the standard content page and of the strategic content page, mockup of the ATF home, detailed UI Style Guide of the site web (layout / grid, typography, color, media processing methods, branding, navigation methods, icons, UI patterns)

Recommended Bibliography

-Debora Bottà, User eXperience Design, Progettare esperienze di valore per utenti e aziende, 2018, Hoepli.
-Dan Saffer, Design dell'interazione. Creare applicazioni intelligenti e dispositivi ingegnosi con l'interaction design, 2007, Pearson Education.
Si consigliano inoltre i seguenti approfondimenti:
-Jacopo Pasquini, Simone Giomi, Maria Cristina Caratozzolo,UX Designer: Progettare l'esperienza digitale tra marketing, brand experience e design,
Franco Angeli.
-John Maeda, Le leggi della semplicità, Mondadori, 2006.
-Gyorgy Kepes, Il linguaggio della visione, Edizioni Dedalo,1990.
-Kennedy, E. D., Font Sizes in UI Design: The Complete Guide, in Learn UI.
-Anna Debenham, Front-end Style Guides.Editor: Cennydd Bowles, Technical Editor: Paul Robert Lloyd.
Risorse on line:
-UXPin Guide- uxpin.com
-medium.com
-ui-patterns.com
In addition, the slides of the lessons, the video recording of the lessons and other teaching materials in .pdf format will be made available on the Teams channel of the course.

Teaching Methods

The course is organized in lectures and seminars offered by the teacher (lectures / presentations, monographic lessons); collective reviews and punctual meetings (presentations and choral discussions / direct reviews)

Evaluation methods

Verification of learning:

The Media & experience design module provides for ongoing deliveries with assessments that will contribute to the formulation of the individual judgment at the end of the course (insufficient, sufficient, good, excellent).
The individual judgment at the end of the module, formulated by the teacher, will be considered as the entry condition for the evaluation of the examination of the Communication Design Laboratory.

Contacts/More Information

Student reception hours are Tuesdays from 15.00 to 16.30 by appointment via email to raffaella.massacesi@unich.it

Università degli Studi
"G. d'Annunzio"

Chieti - Pescara

Aree