• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Arquitetura de informação
 

Arquitetura de informação

on

  • 871 views

Aula sobre introdução ao desenvolvimento de interfaces, onde são introduzidos assuntos como o processo de desenvolvimento de um site, arquitetura de informação, sitemap, wireframe.

Aula sobre introdução ao desenvolvimento de interfaces, onde são introduzidos assuntos como o processo de desenvolvimento de um site, arquitetura de informação, sitemap, wireframe.

Statistics

Views

Total Views
871
Views on SlideShare
871
Embed Views
0

Actions

Likes
3
Downloads
40
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

CC Attribution License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Arquitetura de informação Arquitetura de informação Presentation Transcript

    • Desenvolvimento de Interface
    • ARQUITETURA DE INFORMAÇÃO (A.I.)
    • O Information Architecture Institute define Arquitetura de Informação como:
    • O Information Architecture Institute define Arquitetura de Informação como: A arte e ciência de organizar, categorizar e rotular sites afim de melhorar a experiência do usuário através da usabilidade e legibilidade de conteúdo.
    • Organizar de uma forma que faça sentido e seja natural
    • Organizar de uma forma que faça sentido e seja natural
    • User Experience Designers Designers de Interação Especialistas em Usabilidade AI também podem ser conhecidos como:
    • ENVOLVE DIVERSOS CONHECIMENTOS
    • ORGANIZAR INFORMAÇÕES DE ACORDO COM O PÚBLICO
    • O QUE FAZEM OS ARQUITETOS DE INFORMAÇÃO?
    • Brinks
    • wireframes Sitemaps Personas Fluxograma Levantamento de requisitos Briefing Avaliação heurística Pesquisas etnográficas
    • Wireframes Sitemaps Personas Fluxograma Levantamento de requisitos Briefing Avaliação heurística Pesquisas etnográficas
    • FERRAMENTAS
    • Fireworks Axure Visio Mindmanager Cacoo Lucidchart Excel
    • Fireworks Axure Visio Mindmanager Cacoo Lucidchart Excel
    • BRIEFING
    • BRIEFING Passagem de informação de um ponto para outro Da pessoa certa e para a pessoa certa Descrição, problemas, oportunidades, objetivos, etc Base do planejamento.
    • CLIENTE EQUIPE ARQUITETO DE INFORMAÇÃO
    • QUAL UM DOS MOTIVOS DE SUCESSO DOS MELHORES VENDEDORES?
    • QUAL UM DOS MOTIVOS DE SUCESSO DOS MELHORES VENDEDORES? Eles conhecem o que vendem
    • CRIAÇÃO DO BRIEFING
    • Deve ser um documento simples e objetivo Um briefing muito grande não é seletivo um briefing muito curto é subjetivo CRIAÇÃO DE BRIEFING
    • SITEMAP
    • Diagrama de navegação Estrutura de páginas do site Literalmente um mapa do site Importante em SEO SITEMAP
    • WIREFRAME
    • Protótipo Mockup WIREFRAME
    • O esqueleto dos projetos Como o objeto final será Feito da maneira mais simples possível Mostrando o essencial Rascunho, sem cores ou imagens. WIREFRAME
    • Entendimento dos requisitos que foram Recolhidos junto ao cliente com relação as Funções e elementos que deverá conter WIREFRAME
    • Estáticos Navegáveis WIREFRAME
    • DICAS
    • Não tenha medo Papel e caneta Teste seu wireframe peça opiniões de outras pessoas Inspire-se DICAS PARA WIREFRAME
    • FERRAMENTAS
    • Photoshop Fireworks Power Point MockupScreens Axure Balsamiq Mockups Pencil FlairBuilder ForeUI OmniGraffle FERRAMENTAS - DESKTOP WireframeSketcher Justinmind Prototyper DENIM EasyPrototype SketchFlow DesignerVista MockApp GUI Design Studio OverSite Microsoft Visio FluidIA
    • iPlotz ProtoShare MockFlow HotGloo Mockingbird Cacoo Jumpchart Gliffy Lovely Charts Lumzy FERRAMENTAS - ONLINE JustProto Pidoco iPhone Mockup
    • Briefing Proposta Pesquisa de satisfação Contrato Aprovação de etapa MODELOS DE DOCUMENTOS
    • Links e referências: http://arquiteturadeinformacao.com http://www.iainstitute.org/ http://oxox.co.uk/css3/ http://www.informationisbeautiful.net/ http://www.uxpasaopaulo.com.br/ http://www.usability.gov/ http://www.revistawide.com.br/ http://fireworkswireframingkit.com/ http://wireframes.linowski.ca/ http://visitmix.com/articles/the-future-of-wireframes http://blog.teamtreehouse.com/20-steps-to-better-wireframing http://www.wireframeshowcase.com/ http://www.xml-sitemaps.com/ http://www.sitemaps.org/pt_BR/