UNIDADE CURRICULAR: Design de Interface CURRICULAR UNIT: Interface Design Ficha de Unidade Curricular DOCENTE RESPONSÁVEL E RESPETIVAS HORAS DE CONTATO NA UNIDADE CURRICULAR (PREENCHER O NOME COMPLETO): Ana Cristina Antunes - 14h RESPONSIBLE ACADEMIC STAFF MEMBER AND LECTURING LOAD IN THE CURRICULAR UNIT (FILL IN THE FULLNAME): Ana Cristina Antunes - 14h OUTROS DOCENTES E RESPETIVAS CARGAS LETIVAS NA UNIDADE CURRICULAR (PREENCHER O NOME COMPLETO): Didier Hochart - 16h OTHER ACADEMIC STAFF AND LECTURING LOAD IN THE CURRICULAR UNIT: Didier Hochart - 16h 1/10
OBJETIVOS DE APRENDIZAGEM (CONHECIMENTOS, APTIDÕES E COMPETÊNCIAS A DESENVOLVER PELOS ESTUDANTES): Ao nível dos conhecimentos esta unidade curricular pretende desenvolver nos estudantes: Obj. 1. A compreensão dos conceitos, das leis e dos princípios inerentes ao design centrado no utilizador. Obj. 2. A capacidade de descrição e análise crítica do referencial teórico (e sua evolução) do design de interação. Obj. 3. Uma compreensão alargada e uma melhor capacidade de interpretação e análise acerca dos processos de interação entre utilizadores e plataformas multimédia, através da análise dos fatores relativos às interfaces e intrínsecos ao utilizador que os condicionam e determinam. Ao nível das aptidões e das competências esta unidade curricular pretende: Obj. 4. Fomentar nos discentes a capacidade de identificar os fatores que promovem a eficácia na interação utilizador-plataforma multimédia e aplicar esses conhecimentos no design de interfaces. Obj. 5. Fomentar nos discentes a capacidade de implementação e de avaliação de interfaces. LEARNING OUTCOMES OF THE CURRICULAR UNIT: Regarding knowledge, this curricular unit intends that students: Obj. 1. Understand the concepts, laws and principles of user-centered design. Obj. 2. Describe and critically analyze the theoretical framework (and its evolution) underlying interaction design. Obj. 3. Develop a broader and deeper understanding and ability to interpret and analyze the processes underlying user-digital platforms interaction, through the analysis of the factors that constrain and determine these interaction processes. Regarding skills and competences, this curricular unit intends to: Objective 4. Foster in students the ability to identify the factors that promote efficiency in user interaction with multimedia platforms and apply this knowledge in interface design. Objective 5. Develop in students the ability to design and evaluate interfaces 2/10
CONTEÚDOS PROGRAMÁTICOS: Os conteúdos programáticos estão subdivididos em três seções: (1) Enquadramento concetual referente à interação com o utilizador e ao design de interação, que abarca: Conceitos, importância, evolução e natureza multidisciplinar do estudo da interação humano-computador. As principais teorias e modelos teóricos existentes. (2) Fatores fundamentais para compreender os utilizadores de plataformas multimédia: Modelos psicológicos aplicados à interação com produtos multimédia. O papel dos processos psicológicos do utilizador na interação com uma interface digital. (3) Aplicações e análise de casos em produtos multimédia, que incide sobre: Os princípios gerais de usabilidade e acessibilidade. Compreensão do utilizador e do seu contexto. Princípios de design em ambiente web e móvel. A implementação e a avaliação de interfaces. 3/10
SYLLABUS: The course contents are divided into three sections: (1) Conceptual framework of user interaction design, which includes: - Fundamental concepts, relevance, evolution and multidisciplinary nature of human-machine interaction. - Main theories and theoretical models. (2) Basic concepts to understand the users of multimedia systems: - Psychological models applied to the use of multimedia products. - The role of the cognitive, affective and motivational processes in the user experience. (3) Applications and case studies in multimedia products, which focuses on: - General usability and accessibility principles. - Understanding the user and the context. - The principles of design in web and mobile environment. - The implementation and evaluation of multimedia systems. 4/10
DEMONSTRAÇÃO DA COERÊNCIA DOS CONTEÚDOS PROGRAMÁTICOS COM OS OBJETIVOS DA UNIDADE CURRICULAR: Objetivo 1. Conteúdos programáticos : Conceitos fundamentais, importância, evolução e natureza multidisciplinar do estudo da interação humano-computador. Princípios de design em ambiente web e móvel. Os princípios gerais de usabilidade e acessibilidade. Objetivo 2. Conteúdos programáticos : As principais teorias e modelos teóricos. Objetivo 3. Conteúdos programáticos : Modelos psicológicos aplicados à interação com produtos multimédia. O papel dos processos psicológicos do utilizador na interação com uma interface digital. Objetivos 4. e 5. Conteúdos programáticos : Enquadramento conceptual referente à interação com o utilizador e ao design de interação. Aplicações e análise de casos em produtos multimédia. Compreensão do utilizador e do seu contexto. Princípios de design em ambiente web e móvel. Os princípios gerais de usabilidade e acessibilidade. A implementação e a avaliação de interfaces. 5/10
DEMONSTRATION OF THE SYLLABUS COHERENCE WITH THE CURRICULAR UNIT'S OBJECTIVES: Objective 1 Syllabus: Fundamental concepts, relevance, evolution and multidisciplinary nature of human-machine interaction. Principles of design in web and mobile environment. General usability and accessibility principles. Objective 2 Syllabus: Main theories and theoretical models. Objective 3. Syllabus: Psychological models applied to the use of multimedia products. The role of the psychological processes in the user experience. Objectives 4. and 5. Syllabus: Conceptual framework of user interaction design. Applications and case studies in multimedia products. Understanding the user and the context. The principles of design in web and mobile environment. General usability and accessibility principles. The implementation and evaluation of multimedia systems. METODOLOGIAS DE ENSINO (AVALIAÇÃO INCLUÍDA): As metodologias de ensino são expositivas e ativas. Além da exposição das várias temáticas por parte dos docentes (método expositivo), é usada a discussão induzida (método ativo) e os discentes realizam trabalhos de grupo orientados pelos docentes (método ativo). É ainda efetuada a análise de casos (método ativo). A avaliação contempla dois elementos: a realização de um trabalho individual de análise crítica e reflexão teórica acerca das temáticas em estudo (50%) e a realização de um trabalho em grupo que incide na conceção fundamentada de um protótipo para uma app/ferramenta web (50%). 6/10
TEACHING METHODOLOGIES (INCLUDING EVALUATION): The teaching methods are lectures and active methodologies. Besides the presentation of the subjects by teachers (lecture), induced discussion (active method) is used and the students carry out group work guided by teachers (active method). Additionally, case studies are analyzed (active method). The evaluation is based on an individual work of critical analysis of the subjects under study (50%) and a group work that focuses on the conception of a prototype for an app/web tool (50%). 7/10
DEMONSTRAÇÃO DA COERÊNCIA DAS METODOLOGIAS DE ENSINO COM OS OBJETIVOS DE APRENDIZAGEM DA UNIDADE CURRICULAR: Tendo em conta os objectivos de aprendizagem da unidade curricular há recurso a metodologias de ensino que favoreçam: 1) a transmissão de informação e estimulem uma maior compreensão e retenção da informação por parte dos discentes, 2) a aplicação dos conhecimentos dos discentes. A seguir é ilustrada a coerência entre os objetivos e as metodologias: Objetivo - Compreender os conceitos, leis e princípios inerentes ao design centrado no utilizador. Metodologias de ensino : Combinação entre uma metodologia expositiva e ativa. Aulas com componente de exposição das temáticas, articuladas com a análise de casos. Objetivo - Descrever e analisar criticamente o referencial teórico (e sua evolução) do design de interação. Metodologias de ensino : Combinação entre uma metodologia expositiva e ativa. Aulas com componente de exposição do enquadramento teórico em causa e discussão induzida. Objetivo - Compreender os processos usados pelos utilizadores para interagir com as plataformas digitais e os aspetos que condicionam e determinam esta interação. Metodologias de ensino : Combinação entre uma metodologia expositiva e ativa. Aulas com componente de exposição de diversas temáticas por parte dos docentes e realização de trabalhos de grupo. Objetivo : Fomentar a capacidade de identificar os fatores que promovem a eficácia na relação entre o utilizador e a plataforma multimédia e aplicar esses conhecimentos no design de interfaces. Metodologias de ensino : Combinação entre uma metodologia expositiva e activa. Aulas com componente de exposição das temáticas, discussão induzida e análise de casos. Objetivo : Fomentar a capacidade de conceção e avaliação de interfaces. Metodologias de ensino : Combinação entre a metodologia expositiva e activa. Aulas com componente de exposição liderada pelos docentes e análise de casos. É ainda realizado um trabalho em grupo, por parte dos discentes, que é alvo de acompanhamento e posterior discussão com um dos docentes. 8/10
DEMONSTRATION OF THE COHERENCE BETWEEN THE TEACHING METHODOLOGIES AND THE LEARNING OUTCOMES: Given the learning outcomes of the course, a choice was made on teaching methodologies that promote: 1) the transmission of information and comprehension and retention of information by the students, 2) the application of knowledge by the students. The following illustrates the coherence between learning outcomes and teaching methodologies: Objective: Understand the concepts, laws and principles of user-centered design. Teaching methodology: Combination of lectures and active methodologies. Classes have lectures but also the analysis of case studies. Objective design. : Describe and critically analyze the theoretical framework (and its evolution) underlying interaction Teaching methodology: Combination of lectures and active methodologies. Classes have lectures and get involved in induced discussion. Objective: Understand the processes underlying user-digital platforms interaction and the factors which constrain and determine this interaction. Teaching methodology: Combination of lectures and active methodologies. Classes have lectures and are involved in group work regarding this subject. Objective: Foster in students the ability to identify the factors that promote efficiency in user interaction with multimedia platform and apply this knowledge in interface design. Teaching methodology: Combination of lectures and active methodologies. Classes have lectures, induced discussions and analyze case studies. Objective: Develop in students the ability to design and evaluate interfaces. Teaching methodology: Combining lectures and active methodologies. Classes have lectures but also the analysis of case studies. Additionally, students are involved in a group work regarding this subject, which is monitored and object of further discussion with one of the teachers. 9/10
BIBLIOGRAFIA PRINCIPAL: MAIN BIBLIOGRAPHY: Krug, S. (2005). Don't make me think!a common sense approach to web usability. 2 nd Ed. Berkeley: New Riders. Lazar, J., Feng, J., & Hochheiser, H. (2010). Research methods in human-computer interaction. Chichester: Wiley. Lynch, D. & Horton, S. (2008). Web style guide. 3 rd Ed. New Haven: Yale University Press. Maeda, J. (2006). Mckay, E. N. (2013). Nielsen, J. (2000). Nodder, C. (2013) Norman, D. (2013). The laws of simplicity. Cambridge, MA: MIT Press. Ui is communication. Waltham: Morgan Kaufmann. Designing web usability. Indianapolis, IN: New Riders. Evil by design: Interaction design that leads us to temptation. Indianapolis, IN: Wiley. The design of everyday things. New York, NY: Basic Books. Preece, J., Rogers, I., Sharp, H. (2011). Interaction design. 3 rd Ed. Chichester, UK: Wiley. Rogers, Y. (2012). HCI theory: Classical, modern, and contemporary. Morgan & Claypool Publishers Tidwell, J. (2010). Designing interfaces. 2 nd Ed. Sebastopol, CA: O'Reilly Media. Walter, A. (2011) Wroblewski L. (2011). Designing for emotion. New York, NY: A Book Apart. Mobile first. New York, NY: A Book Apart. 10/10