O documento discute a prototipação e construção de interfaces hipertextuais, destacando a importância de protótipos de baixa e alta-fidelidade para facilitar a comunicação e testar a viabilidade de designs. Também aborda princípios do design conceitual, incluindo a transformação de requisitos em modelos compreensíveis, e fornece diretrizes para o design físico da interface, enfatizando a necessidade de consistência e suporte ao usuário. Conclui que o designer deve estar aberto a mudanças e atento a novas tecnologias.

1. Universidade Federal de Minas Gerais Escola de Ciência da Informação Interfaces Hipertextuais para Visualização da Informação Biblioteconomia – 7º período Prof.: Marcel Ferrante Bruno Henrique Brant Juliana Aiala Mendes Maristela Reis Ferreira Roseane Netto Vinte Belo Horizonte 2009

2. Design de Interfaces: Prototipação e Construção

3. Agenda Prototipação; Recomendações (guidelines) e regras disponíveis para auxiliar os designers de interação; Ferramentas de suporte disponíveis para o design de interação.

4. Prototipação e construção O que é um protótipo? Protótipo é uma representação limitada de um design que permite aos usuários interagir com ele e explorar a sua conveniência.

5. Por que fazer protótipos? Protótipos são dispositivos que facilitam a comunicação entre os membros das equipes; Servem para testar a viabilidade técnica de uma idéia ou verificar se um certo rumo que se tomou no design é compatível com o resto do desenvolvimento do sistema.

6. Prototipação de baixa-fidelidade Não se assemelha muito ao produto final; Feitos de materiais como papel e cartolina; Simples, baratos e de rápida produção; Rapidamente modificáveis, oferecendo idéias alternativas; Quase sempre se baseia na realização de esboços (sketchs).

7. Prototipação de alta-fidelidade Utiliza materiais que se espera que estejam no produto final; Realiza um protótipo que se parece muito com algo acabado; É útil para vender idéias a pessoas e para testar questões técnicas.

8. Concessões na prototipação Os protótipos devem ter concessões (principalmente os de baixa-fidelidade). Testar um aspecto específico do produto. Os tipos de concessão na prototipação são: - Horizontal, que fornece uma ampla gama de funções, mas com poucos detalhes - Vertical, que fornece bastante detalhes para poucas funções.

9. Construção: do design à implementação Todos os pontos do design levantados nos protótipos devem ser inseridos no produto final. Avaliar para se ter certeza que todos os requisitos foram atendidos.

10. Design conceitual: dos requisitos ao primeiro design Preocupa-se com transformar os requisitos e as necessidades do usuário em um modelo conceitual. É uma descrição do sistema proposto que seria compreensível pelos usuários da maneira pretendida.

11. Princípios-chave norteadores do design conceitual Manter a mente aberta, mas nunca esquecer os usuários em seu contexto; Discutir idéias com outros stakeholders o máximo possível; Utilizar prototipação de baixa-fidelidade para obter rápido feedback; Iterar. “Para ter uma boa idéia, tenha muitas idéias” (Retting, 1994).

12. Três perspectivas para o desenvolvimento de um modelo conceitual Nesta parte discutiremos três formas de pensar sobre o modelo conceitual: Que modo de interação? Existe uma metáfora de interface adequada? Que paradigma de interação usar?

13. Modo de Interação Modo de interação refere-se a como o usuário invoca ações quando interage com o aparelho. Aibo, o cão interativo Ananova, a apresentadora virtual

14. Metáforas de interface Constituem uma outra forma de pensar sobre os modelos conceituais. São destinadas a combinar conhecimento familiar em conhecimento novo, de uma maneira que ajude o usuário a entender o sistema.

15. Paradigmas de interação São filosofias de design que ajudam a pensar sobre o produto que está sendo desenvolvido.

16. Protótipos no design conceitual O objetivo de se fazer protótipos é permitir alguma avaliação das idéias que vão surgindo. A prototipação é utilizada para se ter feedback dos designs emergentes.

17. Design físico: tornando-o concreto O design físico envolve considerar questões mais concretas e detalhadas acerca do projeto de uma interface, como design de tela, quais ícones utilizar, como estruturar menus etc.

18. Recomendações (guidelines) para o design físico Esforce-se pela consistência : Previna a perda de dados; Possibilite que usuários frequentes utilizem atalhos : opções para usuários avançados (teclas de atalho); Ofereça feedback informativo : informe o que está acontecendo de forma clara para leigos; Projete diálogos para encerrar as ações : “impressão finalizada”, “e-mail enviado”;

19. Recomendações (guidelines) para o design físico Ofereça prevenção contra erros e manuseio fácil dos mesmos : a interface deve ajudar a evitar erros e a consertá-los. Permita uma revisão fácil das ações : tecla de “desfazer”. Forneça suporte para um local interno de controle : os usuários se sentem mais confortáveis no controle da interação. Reduza a carga de memória de curto prazo: oferecer opções em vez de exigir que o usuário lembre das informações.

20. Aspectos principais do design da interface Existem aspectos principais da interface que são aplicáveis a uma ampla variedade de produtos interativos: WIDGETS

21. “ Widgets” São elementos que fazem parte da interface, como: - caixas de diálogo; - menus; - ícones; - barras de ferramentas, etc.

22. Design do menu Os menus proporcionam escolhas que podem ser de comandos ou de opções relacionadas a um comando. Eles fornecem os meios pelos quais o usuário pode realizar ações relacionadas à tarefas em questão.

23. Design de ícones Um bom ícone leva muito tempo para se fazer. Ícones devem atender a diversos grupos de usuários. Normalmente acontece que alguns ícones fazem sentido só a um grupo restrito de usuários. Ícones são culturais .

24. Design da tela Traduzir a análise de tarefas nas telas. Informações pertinentes devem estar disponíveis nos momentos relevantes.

25. Exibição de Informação As informações relevantes devem sempre estar disponíveis. É importante o formato em que elas serão exibidas. Diferentes tipos de informação requerem diferentes tipos de exibição.

26. Conclusão Existem diversos aspectos do design de interfaces que devem ser levados em consideração O designer deve estar preparado para mudanças bruscas em seu ambiente de trabalho, atento a novas tecnologias que podem auxiliar em sua função e ser politizado para ser capaz de “se dar bem” no momento da sugestão do design.

27. Referências: PREECE, Jennifer; ROGERS, Yvonne; SHARP, Helen. Design de Interação : Além da Interação Homem – Computador. Rio de Janeiro: Bookman, 2005. p. 259-297. Shneiderman, Ben -- Designing the user interface : strategies for effective human-computer interaction.