SlideShare uma empresa Scribd logo
1 de 11
Arquitetura de Informação Wireframing, mockups and prototyping for websites Arquitetura de Informação Professor Luiz Agner
Tela de login Se você não for cadastrado Selecione aqui o seu idioma
Tela inicial,  crie ou carregue um projeto existente. Informa que você está conectado Dados da sua conta Coloca em tela cheia Projeto existente Vídeo de apresentação
Carregando projeto existente Área de trabalho Visualização do projeto Gerenciamento do projeto
Área de gerenciamento O  iPlotz  não se limita a oferecer recursos para criação de protótipos de tela.  Vai além na funcionalidades para você gerir projetos de prototipação, dentre elas, destaco : Definir entregas  (ou tarefas) do projetos;  Atribuir entregas  (ou tarefas) às pessoas;  Relatar o progresso  e a situação (concluída, incompleta, atrasada) das tarefas Projeto existente Área que relata o progresso e atribui entregas.
Área de trabalho Painel de ferramenta  Barra de ferramentas Barra de componentes Zoom Área de trabalho Mapa do site Configuração da página
Área de trabalho Painel de ferramenta  Barra de ferramentas Barra de componentes Zoom Área de trabalho Componentes já inseridos na área de trabalho Mapa do site
Componentes da área de trabalho Grande variedade de componentes   O  iPlotz  dispõe de mais de 50 componentes, e suas aparências podem assemelhar-se àquela do Windows ou do Mac.
Protótipos "navegáveis"  Por ser possível criar links entre os protótipos, você pode simular para o usuário a navegação entre as telas do aplicativo; Desenvolvimento colaborativo  O  iPlotz  permite que você convide pessoas – como colegas de equipe, clientes ou webdesigners – para darem  feedback  sobre seus protótipos ou mesmo para os editarem; Compartilhamento  Você pode divulgar os protótipos que cria fornecendo os links para eles ou inserindo-os em websites, como, por exemplo, blogs.
Área de pré-visualização
http://iplotz.com/ Alessandro Ramos e Gustavo Lima

Mais conteúdo relacionado

Mais procurados (7)

Curso de Joomla!
Curso de Joomla!Curso de Joomla!
Curso de Joomla!
 
Workflow - Campo complementar com preenchimento obrigatório
Workflow - Campo complementar com preenchimento obrigatórioWorkflow - Campo complementar com preenchimento obrigatório
Workflow - Campo complementar com preenchimento obrigatório
 
Visual Studio Summit 2013 - Windows Phone 8 Company Hub
Visual Studio Summit 2013 - Windows Phone 8 Company HubVisual Studio Summit 2013 - Windows Phone 8 Company Hub
Visual Studio Summit 2013 - Windows Phone 8 Company Hub
 
Aula1
Aula1Aula1
Aula1
 
Usando MVC para agilizar o desenvolvimento
Usando MVC para agilizar o desenvolvimentoUsando MVC para agilizar o desenvolvimento
Usando MVC para agilizar o desenvolvimento
 
Extreme Programming Alberane
Extreme Programming AlberaneExtreme Programming Alberane
Extreme Programming Alberane
 
Curso de-joomla
Curso de-joomlaCurso de-joomla
Curso de-joomla
 

Semelhante a Seminario IPlotz - Ferramenta de Arquitetura de Informação (AI)

Adobe flash platform fabricio
Adobe flash platform fabricioAdobe flash platform fabricio
Adobe flash platform fabricio
FabricioManzi
 
Adobe flash platform bem 2009
 Adobe flash platform bem 2009 Adobe flash platform bem 2009
Adobe flash platform bem 2009
FabricioManzi
 
Palestra urutai-mobile
Palestra urutai-mobilePalestra urutai-mobile
Palestra urutai-mobile
Rogerio Fontes
 
Atividade 10
Atividade 10Atividade 10
Atividade 10
Tony Hara
 
Unidade 5 - Preparando Apresentações com o BR Office Impress
Unidade 5  - Preparando Apresentações com o BR Office ImpressUnidade 5  - Preparando Apresentações com o BR Office Impress
Unidade 5 - Preparando Apresentações com o BR Office Impress
Rogerio P C do Nascimento
 
Ferramentas GP - Cleyton Santana
Ferramentas GP - Cleyton SantanaFerramentas GP - Cleyton Santana
Ferramentas GP - Cleyton Santana
Cleyton De Sousa
 

Semelhante a Seminario IPlotz - Ferramenta de Arquitetura de Informação (AI) (20)

Adobe flash platform fabricio
Adobe flash platform fabricioAdobe flash platform fabricio
Adobe flash platform fabricio
 
Guia Rápido MS Project 2013
Guia Rápido MS Project 2013Guia Rápido MS Project 2013
Guia Rápido MS Project 2013
 
Flask Full Stack - Desenvolvendo um CMS com Flask e MongoDB
Flask Full Stack - Desenvolvendo um CMS com Flask e MongoDBFlask Full Stack - Desenvolvendo um CMS com Flask e MongoDB
Flask Full Stack - Desenvolvendo um CMS com Flask e MongoDB
 
Adobe flash platform bem 2009
 Adobe flash platform bem 2009 Adobe flash platform bem 2009
Adobe flash platform bem 2009
 
Unidade 7 slides digital na escola
Unidade 7 slides digital na escolaUnidade 7 slides digital na escola
Unidade 7 slides digital na escola
 
Unidade 7 Slides digital na escola
Unidade 7 Slides digital na escolaUnidade 7 Slides digital na escola
Unidade 7 Slides digital na escola
 
Palestra urutai-mobile
Palestra urutai-mobilePalestra urutai-mobile
Palestra urutai-mobile
 
Silverlight 4 e Expression Blend 4
Silverlight 4 e Expression Blend 4Silverlight 4 e Expression Blend 4
Silverlight 4 e Expression Blend 4
 
Guia rápido de utilização do Project 2013
Guia rápido de utilização do Project 2013Guia rápido de utilização do Project 2013
Guia rápido de utilização do Project 2013
 
APLICATIVO EDITORIAL PARA EAD
APLICATIVO EDITORIAL PARA EADAPLICATIVO EDITORIAL PARA EAD
APLICATIVO EDITORIAL PARA EAD
 
Atividade 10
Atividade 10Atividade 10
Atividade 10
 
4º FastShow - WPF Windows Presentation Foundation Overview
4º FastShow - WPF Windows Presentation Foundation Overview4º FastShow - WPF Windows Presentation Foundation Overview
4º FastShow - WPF Windows Presentation Foundation Overview
 
Unidade 5 - Preparando Apresentações com o BR Office Impress
Unidade 5  - Preparando Apresentações com o BR Office ImpressUnidade 5  - Preparando Apresentações com o BR Office Impress
Unidade 5 - Preparando Apresentações com o BR Office Impress
 
Corda CenterView
Corda CenterViewCorda CenterView
Corda CenterView
 
Detalhes que importam
Detalhes que importamDetalhes que importam
Detalhes que importam
 
Office365
Office365Office365
Office365
 
Semana 7 e_8_c
Semana 7 e_8_cSemana 7 e_8_c
Semana 7 e_8_c
 
Ferramentas GP - Cleyton Santana
Ferramentas GP - Cleyton SantanaFerramentas GP - Cleyton Santana
Ferramentas GP - Cleyton Santana
 
Google docs cristinacoelho
Google docs cristinacoelhoGoogle docs cristinacoelho
Google docs cristinacoelho
 
Prototipação de software
Prototipação de softwarePrototipação de software
Prototipação de software
 

Mais de Luiz Agner

Mais de Luiz Agner (20)

Recommendation Systems and Machine Learning: Mapping the User Experience
Recommendation Systems and Machine Learning: Mapping the User ExperienceRecommendation Systems and Machine Learning: Mapping the User Experience
Recommendation Systems and Machine Learning: Mapping the User Experience
 
Pós Branded Content (1c)
Pós Branded Content (1c)Pós Branded Content (1c)
Pós Branded Content (1c)
 
WIAD - World Information Architecture Day 2019 - MeetUp PUC-Rio
WIAD - World Information Architecture Day 2019 - MeetUp PUC-RioWIAD - World Information Architecture Day 2019 - MeetUp PUC-Rio
WIAD - World Information Architecture Day 2019 - MeetUp PUC-Rio
 
WIAD - World Information Architecture Day 2019 - Belo Horizonte, MG
WIAD - World Information Architecture Day 2019 - Belo Horizonte, MGWIAD - World Information Architecture Day 2019 - Belo Horizonte, MG
WIAD - World Information Architecture Day 2019 - Belo Horizonte, MG
 
Marketing digital como instrumento de controle
Marketing digital como instrumento de controleMarketing digital como instrumento de controle
Marketing digital como instrumento de controle
 
Arquitetura de Informação na era dos espaços mistos e ecossistemas
Arquitetura de Informação na era dos espaços mistos e ecossistemasArquitetura de Informação na era dos espaços mistos e ecossistemas
Arquitetura de Informação na era dos espaços mistos e ecossistemas
 
Lei de Proteção aos Dados (LGPD)
Lei de Proteção aos Dados (LGPD)Lei de Proteção aos Dados (LGPD)
Lei de Proteção aos Dados (LGPD)
 
Marco Civil da Internet no Brasil
Marco Civil da Internet no BrasilMarco Civil da Internet no Brasil
Marco Civil da Internet no Brasil
 
Vigilância Ampliada: Poder e Controle na Cultura Digital
Vigilância Ampliada: Poder e Controle na Cultura DigitalVigilância Ampliada: Poder e Controle na Cultura Digital
Vigilância Ampliada: Poder e Controle na Cultura Digital
 
Diagrama de Navegação e Vocabulário Visual de Garrett
Diagrama de Navegação e Vocabulário Visual de GarrettDiagrama de Navegação e Vocabulário Visual de Garrett
Diagrama de Navegação e Vocabulário Visual de Garrett
 
Bridge e Análise da Tarefa em equipe
Bridge e Análise da Tarefa em equipeBridge e Análise da Tarefa em equipe
Bridge e Análise da Tarefa em equipe
 
Marketing - Revisão de Conceitos
Marketing - Revisão de ConceitosMarketing - Revisão de Conceitos
Marketing - Revisão de Conceitos
 
Cultura da Internet - segundo M. Castells
Cultura da Internet - segundo M. CastellsCultura da Internet - segundo M. Castells
Cultura da Internet - segundo M. Castells
 
Bridge e Group Task Analysis - Arquitetura de Informação
Bridge e Group Task Analysis - Arquitetura de InformaçãoBridge e Group Task Analysis - Arquitetura de Informação
Bridge e Group Task Analysis - Arquitetura de Informação
 
Avaliação dos apps Coral Visualizer e Polenghi Selection
Avaliação dos apps Coral Visualizer e Polenghi SelectionAvaliação dos apps Coral Visualizer e Polenghi Selection
Avaliação dos apps Coral Visualizer e Polenghi Selection
 
Arquitetura de Informação: Projeto TIM
Arquitetura de Informação: Projeto TIMArquitetura de Informação: Projeto TIM
Arquitetura de Informação: Projeto TIM
 
Arquitetura de Informação: Projeto Imaginarium
Arquitetura de Informação: Projeto ImaginariumArquitetura de Informação: Projeto Imaginarium
Arquitetura de Informação: Projeto Imaginarium
 
Arquitetura da Informação Pervasiva - Semana Acadêmica FACHA
Arquitetura da Informação Pervasiva  - Semana Acadêmica FACHAArquitetura da Informação Pervasiva  - Semana Acadêmica FACHA
Arquitetura da Informação Pervasiva - Semana Acadêmica FACHA
 
Arquitetura de Informação - DETRAN RJ
Arquitetura de Informação - DETRAN RJArquitetura de Informação - DETRAN RJ
Arquitetura de Informação - DETRAN RJ
 
Arquitetura de Informação - DETRAN RJ
Arquitetura de Informação - DETRAN RJArquitetura de Informação - DETRAN RJ
Arquitetura de Informação - DETRAN RJ
 

Seminario IPlotz - Ferramenta de Arquitetura de Informação (AI)

  • 1. Arquitetura de Informação Wireframing, mockups and prototyping for websites Arquitetura de Informação Professor Luiz Agner
  • 2. Tela de login Se você não for cadastrado Selecione aqui o seu idioma
  • 3. Tela inicial, crie ou carregue um projeto existente. Informa que você está conectado Dados da sua conta Coloca em tela cheia Projeto existente Vídeo de apresentação
  • 4. Carregando projeto existente Área de trabalho Visualização do projeto Gerenciamento do projeto
  • 5. Área de gerenciamento O iPlotz não se limita a oferecer recursos para criação de protótipos de tela. Vai além na funcionalidades para você gerir projetos de prototipação, dentre elas, destaco : Definir entregas (ou tarefas) do projetos; Atribuir entregas (ou tarefas) às pessoas; Relatar o progresso e a situação (concluída, incompleta, atrasada) das tarefas Projeto existente Área que relata o progresso e atribui entregas.
  • 6. Área de trabalho Painel de ferramenta Barra de ferramentas Barra de componentes Zoom Área de trabalho Mapa do site Configuração da página
  • 7. Área de trabalho Painel de ferramenta Barra de ferramentas Barra de componentes Zoom Área de trabalho Componentes já inseridos na área de trabalho Mapa do site
  • 8. Componentes da área de trabalho Grande variedade de componentes O iPlotz dispõe de mais de 50 componentes, e suas aparências podem assemelhar-se àquela do Windows ou do Mac.
  • 9. Protótipos "navegáveis" Por ser possível criar links entre os protótipos, você pode simular para o usuário a navegação entre as telas do aplicativo; Desenvolvimento colaborativo O iPlotz permite que você convide pessoas – como colegas de equipe, clientes ou webdesigners – para darem feedback sobre seus protótipos ou mesmo para os editarem; Compartilhamento Você pode divulgar os protótipos que cria fornecendo os links para eles ou inserindo-os em websites, como, por exemplo, blogs.