La arquitectura de información del Portal BVS
-
Upload
comunidadreddes -
Category
Technology
-
view
164 -
download
5
Transcript of La arquitectura de información del Portal BVS
![Page 1: La arquitectura de información del Portal BVS](https://reader038.fdocuments.ec/reader038/viewer/2022103002/55a6dcf01a28aba67e8b4612/html5/thumbnails/1.jpg)
Portal BVS y su Interfaz Introducción a la
Arquitectura de Información
Taller de Actualización de la Plataforma Tecnológica de la BVS 3 a 6 de Noviembre de 2014
Julio Takayama | [email protected] Diseño Gráfico e Interfaces - DGI | MTI
![Page 2: La arquitectura de información del Portal BVS](https://reader038.fdocuments.ec/reader038/viewer/2022103002/55a6dcf01a28aba67e8b4612/html5/thumbnails/2.jpg)
Plantilla Básica Header
Auxiliar top (opcional)
Auxiliar footer (opcional)
Footer
Columna 1 Columna 2 Columna 3
![Page 3: La arquitectura de información del Portal BVS](https://reader038.fdocuments.ec/reader038/viewer/2022103002/55a6dcf01a28aba67e8b4612/html5/thumbnails/3.jpg)
Plantilla Básica
Header
Auxiliar top (opcional)
Auxiliar footer (opcional)
Footer
Columna 1 Columna 2 Columna 3
![Page 4: La arquitectura de información del Portal BVS](https://reader038.fdocuments.ec/reader038/viewer/2022103002/55a6dcf01a28aba67e8b4612/html5/thumbnails/4.jpg)
Plantilla Básica
![Page 5: La arquitectura de información del Portal BVS](https://reader038.fdocuments.ec/reader038/viewer/2022103002/55a6dcf01a28aba67e8b4612/html5/thumbnails/5.jpg)
Miles de plugins
![Page 6: La arquitectura de información del Portal BVS](https://reader038.fdocuments.ec/reader038/viewer/2022103002/55a6dcf01a28aba67e8b4612/html5/thumbnails/6.jpg)
![Page 7: La arquitectura de información del Portal BVS](https://reader038.fdocuments.ec/reader038/viewer/2022103002/55a6dcf01a28aba67e8b4612/html5/thumbnails/7.jpg)
![Page 8: La arquitectura de información del Portal BVS](https://reader038.fdocuments.ec/reader038/viewer/2022103002/55a6dcf01a28aba67e8b4612/html5/thumbnails/8.jpg)
![Page 9: La arquitectura de información del Portal BVS](https://reader038.fdocuments.ec/reader038/viewer/2022103002/55a6dcf01a28aba67e8b4612/html5/thumbnails/9.jpg)
![Page 10: La arquitectura de información del Portal BVS](https://reader038.fdocuments.ec/reader038/viewer/2022103002/55a6dcf01a28aba67e8b4612/html5/thumbnails/10.jpg)
Tienen todos los usuários las mismas necesidades?
![Page 11: La arquitectura de información del Portal BVS](https://reader038.fdocuments.ec/reader038/viewer/2022103002/55a6dcf01a28aba67e8b4612/html5/thumbnails/11.jpg)
![Page 12: La arquitectura de información del Portal BVS](https://reader038.fdocuments.ec/reader038/viewer/2022103002/55a6dcf01a28aba67e8b4612/html5/thumbnails/12.jpg)
![Page 13: La arquitectura de información del Portal BVS](https://reader038.fdocuments.ec/reader038/viewer/2022103002/55a6dcf01a28aba67e8b4612/html5/thumbnails/13.jpg)
![Page 14: La arquitectura de información del Portal BVS](https://reader038.fdocuments.ec/reader038/viewer/2022103002/55a6dcf01a28aba67e8b4612/html5/thumbnails/14.jpg)
![Page 15: La arquitectura de información del Portal BVS](https://reader038.fdocuments.ec/reader038/viewer/2022103002/55a6dcf01a28aba67e8b4612/html5/thumbnails/15.jpg)
PORTAL BVS RIPSA Rediseño
![Page 16: La arquitectura de información del Portal BVS](https://reader038.fdocuments.ec/reader038/viewer/2022103002/55a6dcf01a28aba67e8b4612/html5/thumbnails/16.jpg)
Projeto BVS RIPSA – Fase III
BVS-‐Site 4.0.1
WordPress 3.8.3
Instalação do Aplicativo Instalação de plugins / temas
Migração de dados
![Page 17: La arquitectura de información del Portal BVS](https://reader038.fdocuments.ec/reader038/viewer/2022103002/55a6dcf01a28aba67e8b4612/html5/thumbnails/17.jpg)
![Page 18: La arquitectura de información del Portal BVS](https://reader038.fdocuments.ec/reader038/viewer/2022103002/55a6dcf01a28aba67e8b4612/html5/thumbnails/18.jpg)
![Page 19: La arquitectura de información del Portal BVS](https://reader038.fdocuments.ec/reader038/viewer/2022103002/55a6dcf01a28aba67e8b4612/html5/thumbnails/19.jpg)
Os Elementos da Experiência do Usuário Jesse James [email protected]
Arquitetura da Informação: Design estruturaldo espaço da informação para facilitar oacesso intuitivo ao conteúdo
Design de Interação: desenvolvimento defluxos de aplicação para facilitar as tarefasdo usuário, definindo como o este interagecom as funcionalidades do site
Design da Navegação: design dos elementosda interface para facilitar a movimentaçãodo usuário meio a arquitetura da informação
Design da Informação: No sentido Tufteano:design da apresentação da informação parafacilitar a compreensão
Especificações Funcionais: ‘conjunto defuncionalidades’: descrições detalhadas defuncionalidades que o site deve incluir parair ao encontro das necessidades do usuário
Requisitos de Conteúdo: Definição doselementos do conteúdo necessários ao sitepara ir ao encontro das necessidades dousuário
Design da Interface: como na IHC tradicional:design dos elementos da interface para facilitara interação do usuário com as funcionalidades
Design da Informação: No sentido Tufteano:design da apresentação da informação parafacilitar a compreensão
a Web como interface de software a Web como sistema de hipertexto
Design Visual: tratamento gráfico doselementos da interface (a “cara” do site)
Design Visual: tratamento visual do texto,elementos gráficos da página e componentesde navegação
tem
po
Abstrato Concepção
Concreto Maturidade
EspecificaçõesFuncionais
Requisitosde Conteúdo
Design deInteração
Arquiteturada
Informação
Design Visual
Design da InformaçãoDesign da
InterfaceDesign da
Navegação
Objetivos do siteNecessidades do usuário
Necessidades do usuário: Objetivos do site deorigem externa, identificados por meio depesquisa com o usuário, pesquisasetno/tecno/psicográficas, etc. Objetivos do site: Metas de negócio, criativas ououtras metas de origem interna para o site
orientado à tarefa orientado à informação
30 de março de 2000
Tradução para oPortuguês por
Livia Labate
© 2000-03 Jesse James Garrett http://www.jjg.net/ia/
Necessidades do usuário: Objetivos do site deorigem externa, identificados por meio depesquisa com o usuário, pesquisasetno/tecno/psicográficas, etc. Objetivos do site: Metas de negócio, criativas ououtras metas de origem interna para o site
Uma duplicidade básica: A Web foi originalmente concebida como um espaço de troca de informações hipertextuais, porém, o desenvolvimento crescente de sofisticadas tecnologias encorajou seu uso como uma interface de software remoto. Esta natureza dúbia resulta em muita confusão conforme, profissionais da experiência do usuário tentam adaptar suas terminologias para casos que estão além do escopo da aplicação original. O objetivo deste documento é definir alguns destes termos dentro de seus contextos apropriados e de esclarecer as relações subjacentes entre estes vários elementos.
Este esquema está incompleto: O modelo aqui delineado não aborda considerações secundárias (como aquelas que surgem durante o desenvolvimento técnico e de conteúdo) que podem influenciar as decisões durante o desenvolvimento da experiência do usuário. Além disto, este modelo não descreve um processo de desenvolvimento nem define os papéis dentro de um time de projeto. O que procura definir, são as considerações-chave que fazem parte do desenvolvimento da experiência do usuário na Web atualmente.
![Page 20: La arquitectura de información del Portal BVS](https://reader038.fdocuments.ec/reader038/viewer/2022103002/55a6dcf01a28aba67e8b4612/html5/thumbnails/20.jpg)
Card Sorting Es una técnica simples para diseño de experiencia de usuario en la cual un grupo de expertos en el tema (o representantes de usuarios) es orientado para generar un árbol de categorias. Es un enfoque útil para el diseño de la arquitectura de información, diseño de Interacción, definición de la estructura de menús y etiquetas
Definición de la AI
![Page 21: La arquitectura de información del Portal BVS](https://reader038.fdocuments.ec/reader038/viewer/2022103002/55a6dcf01a28aba67e8b4612/html5/thumbnails/21.jpg)
Card Sorting
![Page 22: La arquitectura de información del Portal BVS](https://reader038.fdocuments.ec/reader038/viewer/2022103002/55a6dcf01a28aba67e8b4612/html5/thumbnails/22.jpg)
Blueprint
![Page 23: La arquitectura de información del Portal BVS](https://reader038.fdocuments.ec/reader038/viewer/2022103002/55a6dcf01a28aba67e8b4612/html5/thumbnails/23.jpg)
![Page 24: La arquitectura de información del Portal BVS](https://reader038.fdocuments.ec/reader038/viewer/2022103002/55a6dcf01a28aba67e8b4612/html5/thumbnails/24.jpg)
![Page 25: La arquitectura de información del Portal BVS](https://reader038.fdocuments.ec/reader038/viewer/2022103002/55a6dcf01a28aba67e8b4612/html5/thumbnails/25.jpg)
Julio Takayama [email protected] Diseño Gráfico e Interfaces - DGI|MTI BIREME | OPS | OMS
Muchas Gracias!