Ficha de Unidade Curricular [FUC] 1. Unidade curricular / Curricular Unit Infografia e Webdesign / Inphography and Webdesign (2.5 ECTS) 2. Designação do Ciclo de Estudos em que se insere a Unidade Curricular Study cicle to which the curricular unit belongs Licenciatura em Comunicação Social e Cultural / 2.º Semestre / 2013-2014 BA in Social and Cultural Communication / 2 nd Semester / 2013-2014 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 (21h 1 turma / class) 4. Outros docentes e respectivas cargas lectivas na unidade curricular Other academic staff and lecturing load in the curricular unit n/a 5. Objectivos de aprendizagem (conhecimentos, aptidões e competências a desenvolver pelos estudantes) A unidade curricular de Infografia e Webdesign oferece as ferramentas e técnicas necessárias para a criação de interfaces Web e de infografia digital. Através da análise de metodologias, instrumentos e aplicações, orienta-se o trabalho para o desenvolvimento de competências práticas e para a criação inovadora. Recorrendo ao desenvolvimento de hábitos de pesquisa e de leitura, promove-se a iniciativa para a exploração de novas concepções, técnicas e capacidades comunicativas, que permitam não só realizar projetos criativos, mas também ultrapassar problemas durante a sua produção. Os alunos começam por apresentar conceitos gráficos básicos enquanto desenvolvem protótipos de forma iterativa, terminando com a construção de um projeto digital para publicação na Web. No final da disciplina, os alunos devem ser capazes de: 1. Planear um projeto digital; 2. Conhecer o processo de produção de um sítio Web e de uma infografia; 3. Dominar as ferramentas de construção de interfaces Web; 4. Apresentar competências na área do desenho digital; 5. Revelar capacidades para comunicar através de informação visual; 6. Demonstrar capacidades na recolha, agregação e validação de informação;
7. Desenvolver novas capacidades criativas; 8. Pesquisar novas soluções técnicas; Learning outcomes of the curricular unit The Infographics and Webdesign curricular unit aims to demonstrate the fundamental tools and techniques for the Web interfaces and digital computer graphics creation. Through the methodologies, tools and applications analysis, supplemented with practical work, it seeks the development of student s technical and innovative creative skills. Through the development of reading and research habits, the unit purposes the exploration of new concepts, techniques and communication skills that enables to perform creative projects, but also to overcome problems posed by the production practices. Students start by presenting some basic graphic concepts while developing iterative prototypes, ending with the construction of a digital project for publication 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. Master the tools to build Web interfaces; 4. Be skilled with digital designs; 5. Reveal competences in communicating through visual information; 6. Demonstrate abilities to collect, aggregate and validate data; 7. Develop creative capabilities; 8. Search for new technical solutions; 6. Conteúdos programáticos 1. Introdução à construção de interfaces Web b. Modelos de design centrados no utilizador c. Função, contexto e novos dispositivos 2. Planeamento b. Especificação funcional de requisitos c. Brainstorming e storyboards d. Perfis, personas e cenários e. Técnicas para organização de conteúdo f. Arquitetura de informação g. Ferramentas de prototipagem
3. Desenho de interfaces b. Tipografia, cor e forma c. Criação de modelos de interface 4. Construção de interfaces b. Conceitos de HTML e CSS c. Criação de modelos de página d. Importação e tratamento de conteúdos 5. Infografia b. Origem e definição c. Planeamento d. Recolha de informação e. Concepção com Adobe Illustrator f. Implementação com Adobe Flash 6. Trabalho de projeto Syllabus 1. Introduction to Web interfaces b. User-centered design models c. Function, context and new devices 2. Planning b. Functional specification requirements c. Brainstorming and storyboards d. Profiles, personas and scenarios e. Techniques for organizing content f. Information architecture g. Prototyping tools 3. Drawing interfaces b. Typography, color and shape c. Creating interface models
4. Construction of interfaces b. HTML and CSS concepts c. Page template creation d. Importing and processing content 5. Infographics b. Origin and definition c. Planning d. Information gathering e. Design with Adobe Illustrator f. Implementation with Adobe Flash 6. Project Work 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 sobre os temas e práticas abordadas. A metodologia a empregar será participativa, pretendendo-se criar um espaço de problematização em torno dos conceitos abordados durante a execução dos exercícios práticos. Ao longo do semestre, 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 onde se explique de forma detalhada 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, na participação e interesse demonstrados durante as aulas, na assiduidade e na pontualidade. No decorrer do semestre serão estabelecidos vários momentos de avaliação periódica com trabalhos práticos fundamentados por uma base teórica. Os exercícios e as entregas intercalares constituem as várias etapas necessárias à construção do projeto final e devem, em rigor, respeitar impreterivelmente as datas estipuladas sob pena de não serem considerados na avaliação. Todos os exercícios devem ser entregues em formato digital e em suporte papel devidamente identificados. A avaliação será composta por três elementos: um teste final que terá uma ponderação de 50%, um trabalho de projeto com ponderação de 40%, presença, assiduidade e participação nas 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) Practical and demonstrative lectures, with explanatory case studies based on functional production techniques simulations. The used methodology aims to engage the student s participation, and intends to create a reflection space through the discussion and questioning of the presented concepts, during the practical exercises accomplishment. Along the semester each student must build a creative and original project, combined with the work plan presented. This will be based on methodologies and exercises exposed during class. It is also intended that student s keep on building a theoretical dossier, which should explain in detail each step associated with its implementation. EVALUATION The evaluation scheme is continuous and based in the developed work performed during the period, which also includes participation and showed interest, the attendance and punctuality during classes. It will be established several moments of periodic evaluation with practical exercises based on a theoretical foundation. Those exercises and interim deliveries, act as part of the various steps needed to build the final project. The students should strictly take into attention the stipulated delivery dates, otherwise they will not be considered in the evaluation process. All exercises must be delivered in digital and paper formats, both properly identified. The evaluation consist of three elements: a final test that will have a value of 50%, a work project with a 40% value, presence, attendance 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, 2002 Vinh, Khoi. Ordering Disorder: Grid Principles for Web Design. New Riders, ed. 1, 2010 Cairo, Alberto. Infografía 2.0. Alamut Ediciones, 2008. Krug, Steve. Don't Make Me Think. CA: New Riders Publishing, 2005. Moggridge, Bill. Designing Interactions. 1. The MIT Press, 2007. Shneiderman, Ben, e Michael Leavitt. Research-Based Web Design & Usability Guidelines. U.S.D.O.H.A.H. Washington, DC: US Government Printing Office, 2006. Smiciklas, Mark. The Power of Infographics: Using Pictures to Communicate and Connect With Your Audiences. Que Publishing, 2012. Tufte, Edward. Envisioning Information. Graphics Pr, 1990.