Ateliê de Infografia e Webdesign / Infographics and Webdesign

Transcrição

1 Ficha de Unidade Curricular [FUC] 1. Unidade curricular / Curricular Unit Ateliê de Infografia e Webdesign / Infographics and Webdesign 2. Designação do Ciclo de Estudos em que se insere a Unidade Curricular (com semestre e ano lectivo) Study cycle to which the curricular unit belongs (with academic semester and scholar year) Mestrado em Ciências da Comunicação / Master in Communication Sciences 3. Docente responsável e respectiva carga lectiva na unidade curricular Responsible academic staff member and lecturing load in the curricular unit Hugo Miguel Westerman Castanho 24h 4. Outros docentes e respectivas cargas lectivas na unidade curricular Other academic staff and lecturing load in the curricular unit 5. Objectivos de aprendizagem (conhecimentos, aptidões e competências a desenvolver pelos estudantes) O Ateliê de Infografia e Webdesign oferece os conhecimentos necessários para analisar, projetar e desenvolver de forma inovadora e eficiente novos projetos Web e infografias digitais. Além de se apresentarem as ferramentas mais recentes para a criação digital, preparam-se os alunos com as bases necessárias para dar resposta às constantes exigências dos novos media. Durante o ateliê os alunos desenvolvem técnicas e conceitos gráficos de base enquanto aperfeiçoam protótipos de forma iterativa com foque na experiência do utilizador, terminando com a construção de um projeto digital para publicação na Web. No final do ateliê, os alunos devem ser capazes de: 1. Planear um projeto Web; 2. Conhecer o processo de produção de um sítio Web e de uma infografia; 3. Inserir elementos multimédia e aplicar interatividade em interfaces Web; 4. Dominar as linguagens necessárias para a construção de interfaces Web; 5. Apresentar competências na área do desenho digital; 6. Revelar capacidades para comunicar através de informação visual; 7. Demonstrar capacidades na recolha, agregação e validação de informação; 8. Desenvolver novas capacidades criativas; 9. Pesquisar novas soluções técnicas.

2 Learning outcomes of the curricular unit The Infographics and Webdesign class offers the knowledge and instruments for analysing, designing and develop efficient and innovating projects for the Web and digital infographics. While mastering the latest tools for digital creation, students are prepared with the essential foundations to meet the constant demands of the new media world. During the semester students will develop new concepts and graphics techniques while producing prototypes iteratively, keeping focus on user experience. At the end they will create a digital project ready for publishing on the Web. At the end of the course, students should be able to: 1. Planning a digital project; 2. Be familiarized with the process of a website and infographics production; 3. Insert multimedia assets and apply interactive effects in Web interfaces; 4. Master the tools and languages needs to build Web interfaces; 5. Be skilled with digital designs; 6. Reveal competences in communicating through visual information; 7. Demonstrate abilities to collect, aggregate and validate data; 8. Develop creative capabilities; 9. Search for new technical solutions; 6. Conteúdos programáticos 1. Introdução à construção de interfaces Web Modelos de design centrados no utilizador 2. Planeamento Especificação funcional de requisitos Perfis, personas e cenários Técnicas para organização de conteúdo Arquitetura de informação Ferramentas de prototipagem 3. Desenho de interfaces Tipografia, cor e forma Layers, páginas e estados Retoque, correção e optimização de imagens Formatos

3 Criação de modelos gráficos 4. Construção de interfaces HTML5 e CSS3 Webfonts Microdata e SEO Introdução à liguagem JQuery Inserção de objetos multimédia Criação de modelos de página Estruturação semântica de conteúdos Validação W3C 5. Infografia Origem e definição Planeamento e recolha de informação Trabalhar com data sets Concepção com Adobe Illustrator 6. Trabalho de projeto Syllabus 1. Introduction to Web interfaces User-centered design models 2. Planning Functional specification requirements Profiles, personas and scenarios Techniques for organizing content Information architecture Prototyping tools 3. Drawing interfaces Typography, color and shapes Layers, pages and states Image retouching, correction and optimization

4 Formats Creating interface models 4. Construction of interfaces HTML5 and CSS Using Webfonts Microdata and SEO Introduction to JQuery Language Multimedia objects Page template creation Structuring semantic content W3C Validation 5. Infographics Origin and definition Planning Information gathering Working with data sets Design with Adobe Illustrator 6. Project 7. Metodologia de ensino (avaliação incluída) Aulas teóricas e práticas de natureza demonstrativa, com recurso a meios explanatórios como estudos de caso e de simulação funcional das técnicas de produção, onde se valoriza a discussão e reflexão. Ao longo do ateliê cada aluno deverá construir um projeto original e criativo articulado com o plano de trabalho apresentado, tendo por base as metodologias e exercícios expostos durante as aulas. Pretende-se ainda que os alunos façam acompanhar o projeto de um dossier teórico que explique as várias etapas decorrentes da sua execução. AVALIAÇÃO O regime de avaliação é contínuo e baseia-se no somatório do trabalho desenvolvido com a participação e interesse demonstrados durante o ateliê. No decorrer do semestre serão estabelecidos cinco momentos de avaliação periódica com trabalhos práticos fundamentados por uma base teórica. O somatório destes momentos traduz-se num projeto final. A avaliação será composta por seis elementos: cinco etapas com ponderação de 18% cada, a

5 participação e interesse demostrados no decorrer das aulas com ponderação de 10%. No restante, esta disciplina segue os regulamentos de avaliação aprovados pelos órgãos competentes da Universidade. Teaching methodologies (including evaluation) Theoretical and practical classes with demonstrative case studies and functional simulations of digital production techniques, aiming to engage student s participation, intending to create a reflection space through the discussion and questioning of the presented concepts during the practical exercises. Along the semester each student must build a creative and original project, combined with a working plan. This will be based on methodologies and exercises exposed during class. It is also intended that student s keep on building a theoretical dossier that should explain in detail each step associated with the implementation. EVALUATION The evaluation scheme is continuous and based on the developed work performed during the period, which also includes participation. There will be several periodic evaluation moments with practical exercises based on a theoretical foundation. Those exercises act as part of the various steps needed to build the final project. The evaluation has six elements: five evaluation moments with 18% value each, and class participation with a value of 10%. The remaining evaluation follows the University regulations. 8. Bibliografia principal Main bibliography Norman, Donald. The Design of Everyday Things. Basic Books, ed. 1, Garret, Jesse The Elements of User Experience: User-Centered Design for the Web. New Riders, Vinh, Khoi. Ordering Disorder: Grid Principles for Web Design. New Riders, ed. 1, Krug, Steve. Don't Make Me Think, Revisited: A Common Sense Approach to Web Usability. New Riders, 3 edition, Moggridge, Bill. Designing Interactions. 1. The MIT Press, Shneiderman, Ben, e Michael Leavitt. Research-Based Web Design & Usability Guidelines. U.S.D.O.H.A.H. Washington, DC: US Government Printing Office, Cairo, Alberto. Functional Art, The: An introduction to information graphics and visualization. New Riders, Smiciklas, Mark. The Power of Infographics: Using Pictures to Communicate and Connect With Your Audiences. Que Publishing, Tufte, Edward. Envisioning Information. Graphics Pr, 1990.