Theory and Techniques of Design
Code: 104732 ECTS Credits: 6| Degree | Type | Year |
|---|---|---|
| Interactive Communication | OB | 1 |
Contact
- Name:
- Pep Sanchez Rios
- Email:
- jose.sanchez.rios@uab.cat
Teaching groups languages
You can view this information at the end of this document.
Prerequisites
Previous knowledge of user and user-friendly computing
Objectives and Contextualisation
In general, it aims to study all graphics on websites and mobile phones, from the point of view of design and visual composition. Allows you to reflect on your involvement in the necessary graphic and documentary representations associated with image and content.
Learning Outcomes
- CM14 (Competence) Design interfaces for interactive communication projects that maintain a balance between a technically functional design with aesthetic and customisable taste and adapt to all types of audiences in accordance with the principles of ethical responsibility and respect for fundamental rights and duties, diversity and democratic values.
- CM14 (Competence) Design interfaces for interactive communication projects that maintain a balance between a technically functional design with aesthetic and customisable taste and adapt to all types of audiences in accordance with the principles of ethical responsibility and respect for fundamental rights and duties, diversity and democratic values.
- CM14 (Competence) Design interfaces for interactive communication projects that maintain a balance between a technically functional design with aesthetic and customisable taste and adapt to all types of audiences in accordance with the principles of ethical responsibility and respect for fundamental rights and duties, diversity and democratic values.
- CM15 (Competence) Evaluate the efficiency of the interaction between users and any type of products and applications to detect problems and solve them from a technical, functional and aesthetic standpoint.
- CM16 (Competence) Apply data analysis and visualisation to develop infographics, dashboards and data packaging that value and improve the efficiency of projects in the field of interactive communication.
- CM17 (Competence) Work as a team in the processes of coming up with, specifying and implementing interface design in interactive communication projects.
- CM17 (Competence) Work as a team in the processes of coming up with, specifying and implementing interface design in interactive communication projects.
- KM11 (Knowledge) Identify the theoretical-practical foundations of the basic concepts and principles of graphic design, interaction design, user-centred design and interface design in products, applications and services in the field of interactive communication.
- KM11 (Knowledge) Identify the theoretical-practical foundations of the basic concepts and principles of graphic design, interaction design, user-centred design and interface design in products, applications and services in the field of interactive communication.
- KM11 (Knowledge) Identify the theoretical-practical foundations of the basic concepts and principles of graphic design, interaction design, user-centred design and interface design in products, applications and services in the field of interactive communication.
- KM12 (Knowledge) Describe the methodologies, techniques and research models applicable to the design and evaluation of interactive communication projects
- KM12 (Knowledge) Describe the methodologies, techniques and research models applicable to the design and evaluation of interactive communication projects
- KM13 (Knowledge) Identify the theoretical-practical foundations of visual data analysis in the field of interactive communication.
- KM13 (Knowledge) Identify the theoretical-practical foundations of visual data analysis in the field of interactive communication.
Content
1. Typography
2. Color theory
3. Infographics
4. User experience - web
5. Usability - web
6. Accessibility - web
Activities and Methodology
| Title | Hours | ECTS | Learning Outcomes |
|---|---|---|---|
| Type: Directed | |||
| Laboratory practices | 33 | 1.32 | CM14, CM15, CM16, CM17, CM14 |
| Master classes with ICT support | 15 | 0.6 | KM11, KM12, KM13, KM11 |
| Type: Supervised | |||
| Tutorials (individual or group face-to-face activity aimed at solving learning problems | 15 | 0.6 | CM14, CM15, CM16, CM17, KM11, KM12, KM13, CM14 |
| Type: Autonomous | |||
| Study: Reading and synthesis of scientific documents | 39 | 1.56 | KM11, KM12, KM13, KM11 |
- Directed activities
a) Lectures: explanation of the theoretical concepts and rules for practices.
c) Laboratory practices. The main objectives are for the student to carry out informative design practices.
- Supervised activities
a) Individual or group tutorials. Its purpose is to solve learning problems.
- Autonomous activities
a) The students should do the readings indicated as compulsory and all the activities planned for a correct development of the theory and practices in the Laboratory; in addition to the study with a comprehensive reading of the basic bibliography.
Evaluation activities
(Part of a face-to-face session will be devoted to the realization of a written exam).
In total, 1 teacher takes part, who is in charge of the lectures of the theory and two professors in practices that develop individual or group activities.
The course content will be sensitive to issues related to gender perspectiveand the use of inclusive language.
Annotation: Within the schedule set by the centre or degree programme, 15 minutes of one class will be reserved for students to evaluate their lecturers and their courses or modules through questionnaires.
Assessment
Continous Assessment Activities
| Title | Weighting | Hours | ECTS | Learning Outcomes |
|---|---|---|---|---|
| Deliveries collective work projects | 60% of all the activities of the participations, presentations and defenses in front of the group | 33 | 1.32 | CM14, CM15, CM16, CM17 |
| Written exam | 40% have to demonstrate theoretical knowledge of lectures and master lectures | 15 | 0.6 | KM11, KM12, KM13 |
The student will be entitled to the revaluation of the subject if he or she has been evaluated of the set of
activities the weight of which equals a minimum of 2/3 of the total grade of the subject.
To have access to revaluation, the previous grades should be they must be less than o equal to 3,5.
The activities that are excluded from the revaluation process are the collective practices that represent 25% of the rating.
In the case of a second enrolment, students can do a single synthesis exam/assignment that will
consist in a global review. The grading of the subject will correspond to the grade of the synthesis exam/assignment.
The student who performs any irregularity (copy, plagiarism, identity theft...) that can lead to a significant variation of the qualification of an evaluation act, will be qualified with 0 this act of evaluation. In case there are several irregularities, the final grade of the subject will be 0.
This subject doesn't provide for the single assessment system.
For this course, the use of Artificial Intelligence (AI) technologies is permitted exclusively for such as bibliographic or information searches, text correction, or translations and completion of the syllabus offered in the theoretical classes. Students must clearly identify any parts generated with these technologies, specify the tools used, and include a criticalreflection on how AI has influenced the process and final outcomeof the assignment. Failure to disclose the use of AI in this assessed activity will be considered a breach of academic integrity and may result in a partial or total penalty to the assignment grade, or more serious sanctions in severe cases.
Bibliography
Aguado, Juan Miguel, (coord.), Feijóo, Claudio (coord.) y Martínez,Inmaculada (coord.). (2013). La comunicación móvil: hacia un nuevo ecosistema digital. Barcelona: Gedisa.
Albers, Josef. (2017). Interacción del color. Alianza Editorial (colección Alianza Forma).
Andreu-Sanchez, Celia. y Martín-Pascual, Miguel Ángel. (2020). “Imágenes falsas del coronavirus SARS-CoV-2 en la comunicación de la información al comienzo de la pandemia del Covid-19”. El Profesional de la Información. e-ISSN: 1699-2407. http://www.elprofesionaldelainformacion.com/contenidos/2020/may/andreu-martin_es.pdf
Aumont, Jacques. (1998). La estética hoy. Madrid: Cátedra.
Caballero, Víctor., Sánchez, Silvia. y Codina, Lluís. (2014). Estrategias y gestión de la comunicación online y offline. Barcelona: Editorial UOC.
Cairo, Alberto. (2011). El arte funcional. Madrid: Alamut.
Costa, Joan. (2005). Identidad televisiva en 4 D. Design.
Crovi, Delia. Educar en la red. Nuevas tecnologías y procesos educativos en la sociedad de la información. Incom.com https://incom.uab.cat/portalcom/wp-content/uploads/2020/01/9_esp.pdf.
De Pablos, José Manuel. (2001). La red es nuestra. Barcelona: Paidós.
Fabris, Stefano. y Germani, Remo. Color. Barcelona: EDB.
Fabris, Stefano. y Germani, Remo. Fundamentos del proyecto gráfico. Barcelona: EDB.
Gifreu, Arnau. (2013). Pioneros de la tecnología digital:ideas visionarias del mundo tecnológico actual. Barcelona: Editorial UOC.
Hervàs, Christian. (2002). Eldiseñográfico en televisión. Madrid: Cátedra.
Huguet, Enric. (2016). 60 años de la historia del diseño gráfico catalán. Barcelona: CODGC.
Itten, Johannes (2020). El arte del color. Editorial Gustavo Gili, S.A. (GG).
Jute, André (1996‑1997). Retículas. La estructura del diseño gráfico. Index Book (Barcelona).
Krug, Steve. (2006) NO ME HAGAS PENSAR: Una aproximación a la usabilidad en la web. Pearson Educación S.A. (sello de Prentice Hall).
Lapolli, Mariana. y Vanzin, Tarzisio. (2016). Infografía na era da cultura visual. Florianópolis: Pandion.
Martín, Euniciano. (1974). La composición en artes gráficas. Tomos I y II. Barcelona: EDB.
Martín, Euniciano. (1995). Composición gráfica. Barcelona: EDB.
Morera, Francisco José. (2017). Aproximación a la infografía como comunicación efectiva. (Tesis doctoral). Barcelona: Publicaciones UAB. https://ddd.uab.cat/pub/tesis/2017/hdl_10803_457366/fjmv1de1.pdf
Owen, William. (1991). Diseño de revistas. Barcelona: Ed. Gustavo Gili.
Perfect, Christopher. (1994) Guía completa de la tipografía: Manual práctico para el diseño tipográfico. Ed. Blume, Barcelona
Puente, María Luz y Viñals, Francisco. (2019). Grafología digital, tipográfica y del diseño visual. Barcelona: Editorial UOC.
Ràfols, Rafel. y Colomer, Antoni. (2003). El diseño audiovisual. Barcelona: Gustavo Gili. ISBN: 84-252-1538-2.
Ricarte, José María. (1999). Creatividad y comunicación persuasiva. 2ª ed. Barcelona: Servicio de Publicaciones de la Universidad Autónoma de Barcelona y otros.
Riva José Luis. y Maldonado, Juan. Diseño y dirección de arte en periódicos y revistas. Barcelona: JLR Editor.
Valero, José Luis (2012). Infografía digital. La visualización sintética. Barcelona: Bosch.
Valero, José Luis. (2008): “Tipología del grafismo informativo” , en Estudios sobre elmensaje periodístico, 14. Madrid: Universidad Complutense. |http://revistas.ucm.es/index.php/ESMP/article/view/ESMP0808110631A.
Escudero, S. y Valero, J.L. (2021) “Efectividad de la síntesis audiovisual presentada a través del smartphone”. Textual & Visual Media: revista de la Sociedad Española de Periodística, https://dialnet.unirioja.es/servlet/articulo?codigo=7985515
Software
Wireframes design (FIGMA)
Graphic design (Affinity Designer & Affinity Photo)
Information architecture and catalog of contents (XMIND)
Web accessibility (Adobe Color & WebAIM Contrast Checker)
Google Fonts
Groups and Languages
Please note that this information is provisional until 30 November 2025. You can check it through this link. To consult the language you will need to enter the CODE of the subject.
| Name | Group | Language | Semester | Turn |
|---|---|---|---|---|
| (PLAB) Practical laboratories | 61 | Catalan/Spanish | first semester | afternoon |
| (PLAB) Practical laboratories | 62 | Catalan/Spanish | first semester | afternoon |
| (TE) Theory | 6 | Catalan/Spanish | first semester | afternoon |