Introdução à arquitetura da informação | Julia DeBari | Skillshare

Velocidade de reprodução


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Introdução à arquitetura da informação

teacher avatar Julia DeBari, UX Design Leader

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

10 aulas (38 min)
    • 1. Boas-vindas

      2:35
    • 2. Disciplines

      5:01
    • 3. Entregas

      8:33
    • 4. Peças do site

      4:07
    • 5. Tipos de navegação

      7:43
    • 6. Redesign do site

      3:23
    • 7. Site novo

      2:04
    • 8. Tipos de ferramentas

      2:30
    • 9. Projeto

      0:45
    • 10. Obrigado!

      0:57
  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

1.226

Estudantes

2

Projetos

Sobre este curso

Você já visitou um site ou ou usar um aplicativo que parecer para parecer bonito, mas não não foi encontrado o conteúdo que você está procurando? Ou você tentou fazer algo e não pode conclua de como a porque as etapas não estão you Esse é a estrutura de um aplicativo ou site, em chamada de arquitetura de informações. É como as pessoas se de em torno de as telas e de como as pessoas em as em mente em suas líderes sobre como o site ou aplicativo é organizado.

Neste curso: os estudantes vai aprender:

  • uma breve história da arquitetura de informação
  • de arquitetura de informação
  • diferentes diferentes tipos de navegação
  • como fazer um tipo de cartão
  • como criar um sitemap de site

Não é de conhecimento prévio, no entanto, que a familiaridade com o processo de design de de design do

Vamos usar o cartão da ferramenta do de a de workshop ideal. Há um plano gratuito com funcionalidade limitada que funciona para o projeto.

Conheça seu professor

Teacher Profile Image

Julia DeBari

UX Design Leader

Professor

Passionate UX advocate. I love sharing knowledge, collaborating, building and nurturing relationships, and having a positive global impact at a company. I tend to drive design excellence across any team I am a part of and get excited by the challenge of transforming a company into a design-driven organization.

Other things:
UX nerd, travel geek, book lover (paper or digital), animal lover, technology enthusiast

Visualizar o perfil completo

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%
Arquivo de avaliações

Em outubro de 2018, atualizamos nosso sistema de avaliações para melhorar a forma como coletamos feedback. Abaixo estão as avaliações escritas antes dessa atualização.

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui cursos curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. Boas-vindas: Bem-vindo à introdução à arquitetura da informação. O meu nome é Julia Davari, e estou entusiasmado em mostrar-lhe esta visão geral da arquitetura da informação. Vamos falar um pouco sobre a história um pouco sobre disciplinas que compõem informação, a arquitetura, arquitetura, os bols de entrega e o arquiteto de informação produz e como criar um site de volta. Vamos começar. Sabia que o termo arquitetura da informação existe desde 1976? Na verdade, está por aí um pouco mais tempo do que isso. O termo foi usado algumas vezes aqui e ali. Alguns jornais, mas realmente se tornou popular em 1976 Richard Saul Foreman. Ele deu uma palestra em uma conferência. A Conferência do Instituto de Arquitetura da Informação em 1976 sobre como a informação precisava ser arquitetada em nossa era digital. Richard Saul Warm É um designer gráfico e arquiteto de construção arquiteto que realmente popularizou e criou o campo da arquitetura da informação como a conhecemos hoje. Nota lateral divertida. Ele também queria co-criadores das palestras do Ted nas conferências do Ted. Então, o que é exatamente a arquitetura da informação? Bem, é prática profissional e campo de estudos focados em resolver os problemas básicos de acesso e uso de grandes quantidades de informação. Então, o que exatamente isso significa para nós hoje? Obviamente, o advento da Internet mudou muito as coisas, então você pode ter ouvido falar do termo arquitetura de informação. Quando você fala sobre o design de sites ou APS ao discutir quadros de fio, rótulos de conteúdo são navegação. Hoje, um arquiteto de informações é principalmente um rascunho e se baseia em diretrizes, práticas recomendadas e experiência profissional. Em outras palavras, arquitetura da informação não é uma ciência, mas uma arte aplicada. Assim, o Job Information Architect foi focado principalmente na identificação e definição do conteúdo do site ou APP e sua funcionalidade, bem como organização subjacente, estrutura e nomenclatura que definiram as relações entre um conteúdo de sites e sua funcionalidade. 2. Disciplines: Vamos falar sobre as disciplinas que compõem o campo da arquitetura da informação. Existem três disciplinas fundamentais a construir a nossa conjectura. A ciência bibliotecária em psicologia cognitiva passará por alguns dos principais aspectos de cada uma dessas disciplinas e como elas se relacionam com a arquitetura da informação em si. A ciência bibliotecária é o estudo de como categorizar, catalogar e localizar. recursos são usados em todos os lugares, desde bibliotecas tradicionais a museus, laboratórios de ciências e hospitais basicamente em qualquer lugar onde você esteja em um grande espaço e você precisa encontrar o seu caminho, geralmente usando sinais. Hum, se você está familiarizado com, como o aeroporto, por exemplo, e como eles têm diferentes terminais e portões. É outra forma de categorizar as coisas e como localizar isso. Lotes de design industrial, informação, arquitetura e, obviamente, ciência da biblioteca usam essas idéias para criar esquema de organização. Catalogar em si é o processo de criação de metadados, que são dados sobre dados e atribuí-los ao conteúdo, a fim de encontrá-lo novamente no futuro. Então, se você está familiarizado com o CEO S, por exemplo, otimização do mecanismo de busca quando você está procurando por uma palavra-chave que é metadados ou os dados reais que foram atribuídos à página da Web para que você possa encontrá-lo. Há muitas outras coisas que também podem cair nesta categoria. Coisas como hashtags podem ser consideradas meta dados. Palavras-chave, quando você está procurando por algo, geralmente são encontradas nos metadados ou nos próprios dados reais. Portanto, a catalogação é muito importante para a nossa era digital. arquivamento ou o processo de ciência arquivística é a construção e a curadoria de arquivos que são preenchidos com conteúdo, que podem precisar ser editados ou removidos no futuro, a fim de manter a integridade dos arquivos. Então você pode estar familiarizado com isso, como ler Blonde Post. As coisas são organizadas por data. Hum, você precisa manter todos os postes do quarteirão? Se for 10 anos atrás, talvez precise remover alguns desses. Entender o que é relevante para o público é uma parte importante da ciência arquivística. Entender o que é relevante para o público é uma parte importante da ciência arquivística psicologia cognitiva é o estudo de como a mente funciona e quais processos mentais ocorrem lá. E o foco principal da I A com psicologia cognitiva são três conceitos importantes. Carga cognitiva, modelos mentais e tomada de decisão. Carga cognitiva é quando você tem informações em sua cabeça e então você pode adicionar mais porque você simplesmente vai esquecer. Coisas como lembrar uma lista de compras ou lembrar números de telefone. Uma maneira de lembrar números de telefone, que você provavelmente está familiarizado com se você está nos EUA, é que Chunk Polegar Chungking fazendo 1º 3 números são o código de área. Os próximos três números são o seu prefixo, e os quatro dígitos finais do seu próprio número são específicos para você e um identificador exclusivo. Então, dividindo-o em 33 e quatro, reduz a carga cognitiva de lembrar um número de telefone do que se você tivesse fortes todos os 10 números juntos. Modelos mentais são as associações de como você pensa que algo funciona com base no que seu conhecimento anterior é. Então, se eu entrar em um carro novo e há algo lá que eu nunca vi antes, todo o conhecimento prévio que eu tenho sobre tudo que eu interagi no mundo até aquele momento vai fazer pistas de como eu acho que essa coisa desconhecida deve funcionar ou ser que é um modelo mental e, finalmente, tomada de decisão, obviamente, tomar decisões, como decidir entre várias coisas ou duas coisas, ou algo em que o arquiteto de informação realmente se concentra ao decidir o idioma a ser usado para coisas como metadados para itens como os rótulos em um site ou conteúdo em um site. E, finalmente, temos a arquitetura de construção. arquitetura em si é tanto um processo como o produto do planejamento, projeto e construção de edifícios ou quaisquer outras estruturas. Então você provavelmente está familiarizado com coisas como plantas da arquitetura de edifícios. Os quadros de arame são os planos de um conteúdo digital. Um arquiteto de informações pode decidir como eles são organizados e as relações entre o conteúdo nessas telas diferentes. 3. Entregas: Falamos sobre a história da arquitetura da informação, bem como os campos ou disciplinas que compõem o próprio campo da arquitetura da informação. Agora vamos falar sobre o que entregar bols e arquiteto de informação realmente produz. É importante ter em mente que a arquitetura de informações está documentada e as planilhas e diagramas não estão em quadros de fio, simulações visuais ou protótipos. Os bols de entrega mais comuns associados a um arquiteto de informação. Nossos mapas do site, inventários de conteúdo, auditorias de conteúdo, modelos de conteúdo, modelos mentais, taxonomia, facilidade, metadados, organização de informações, esquema de nós e sistemas de rotulagem passarão por um exemplo de cada um destes Próximo. Primeiro, temos o exemplo de um mapa do site. O mapa do site é geralmente hierárquico em estrutura e indica várias relações entre o conteúdo em um site ou aplicativo. Vamos entrar em mais detalhes dos mapas do site um pouco mais tarde. Em seguida, é um exemplo de inventário de conteúdo. O Inventário de Conteúdo é uma planilha, como você pode ver aqui que passa pelo conteúdo existente de um site ou aplicativo e indica o que está lá para revisá-lo e ver o que pode precisar ser arquivado, excluído ou editado. A calma à esquerda Página I d. Esses números realmente vêm do mapa do site, e os próprios números indicam o nível de hierarquia e onde eles estão localizados, dentro de relação com outros conteúdos no site. As coisas mais comuns incluídas em um inventário de conteúdo são a página i D ou mapa do site I D. O U R L atual de onde esse conteúdo está localizado. A descrição do conteúdo geralmente o título da tela ou da página, que aqui é conhecido como nome e tópico. E, em seguida, também pode incluir outras coisas, como palavras médicas ou descrição ou o tipo de conteúdo localizado na tela. Este tem algumas outras coisas, como status 200 significa que as páginas ao vivo. 404 significa que a página não pode ser encontrada. O Rio significa que a página foi redirecionada para uma nova página. Isso não é tão importante, mas o inventário de conteúdo pode ter tantas informações quanto você gostaria de capturar, mas é muito importante ter as principais coisas que mencionei anteriormente, e então você pode incluir outras conforme necessário. Um modelo de conteúdo é como o conteúdo em uma página e lembrar o conteúdo pode ser qualquer coisa, desde uma imagem até uma frase dedo do pé, uma palavra dedo do pé várias palavras para você I elementos e como essas coisas estão relacionadas uns outros. Este é um exemplo realmente bom do modelo de conteúdo de alguém para uma página específica neste exemplo. Para a Apple Web Store, este é um exemplo de um modelo mental. Estes foram popularizados por alguém chamado Indie Young. Ele era um consultor profissional da UX. Ela tem muitos exemplos, bem como um livro inteiro sobre o tema. Se você quiser mais informações, basicamente, a parte superior do modelo mental é o que uma pessoa ou ator de veículo está pensando e fazendo de forma linear. E a parte inferior é o que a organização ou o negócio, hum pode fazer por essa pessoa. Ou podem ser oportunidades relacionadas com o modelo ou o que uma pessoa está fazendo. Então essa linha verde escura é o que chamamos de linha de interação entre a empresa e o indivíduo, e então você pode ver que é uma estrutura muito linear e fases específicas, então isso é o básico de um modelo mental. Em seguida, é uma taxonomia, então este não é um exemplo de um libertador herbal especificamente, mas o que uma taxonomia parece em um site, então você provavelmente está muito familiarizado com livros, Então isso é de boas leituras. Então nós temos categorias depois em uma livraria, uma biblioteca ou livros on-line Howard organizados. Então, geralmente há gêneros. E então aqui você pode ver os diferentes gêneros à esquerda e, em seguida, dentro disso, você pode organizar as coisas de outras maneiras. E aqui está mostrando quantas pessoas têm os jogos da fome em suas prateleiras. Então você tem um jovem adulto, e então você pode detalhar em subcategorias. Assim, taxonomia é a rotulagem de uma rotulagem de categorias de como o conteúdo será organizado. Os meta dados, como falamos antes, são colocados juntos de uma forma que há a estrutura e, em seguida, os valores. Um exemplo muito comum é como filmes ou TV. Então, se você está familiarizado com eu sou Devi, há o título do episódio ou do filme, hum, a descrição disso. Portanto, a estrutura é intitulada Descrição, Criador, data e tipo e, em seguida, o conteúdo ou valores reais que vão nessa estrutura são listados no outro lado. Então isso é uma coisa muito comum em outro bom exemplo disso é Se você tem, digamos, um menu suspenso ou algum outro tipo de menu ou campo de texto, que tipo de conteúdo pode entrar lá? Quantos personagens são permitidos lá? Tudo isso está relacionado com a entrega de metadados de ervas e aqui no canto direito , e você pode ver se você tem metadados. Então aqui está o que chamamos o nome do campo ou talvez o elemento U I. E, em seguida, que tipo de dados vai lá e, em seguida, um exemplo do que pode ser, em seguida, como isso relaciona Este é um exemplo de uma página de portal antiga para a taxonomia. Então temos título e, em seguida, a descrição de que tipo de conteúdo está nesta categoria. Então esta é uma lista, e então ele diz que há computadores e o que vai sob o computador. Então há o assunto, computadores e sua programação e linguagens e uma linguagem específica. Então, isso é metadados. Então é muito pensar em palavras específicas, o que elas significam e como as coisas se relacionam. Finalmente, temos um exemplo de um esquema de organização, que é semelhante um pouco diferente. Então, se você tem, um, um exemplo à esquerda é um tipo de informação. Então nós temos, como companhia aérea ou corporação ou organização educacional, se os tipos específicos que eles transmitem ser, por exemplo, se você tem, como botões de rádio ou algum outro tipo de indicador onde alguém tem que tomar uma decisão. Então, sob a organização educacional, você tem uma faculdade ou universidade. Pode haver uma escola primária, uma escola secundária e ensino médio, pré-escolar ou apenas escola. Hum, então se você está fazendo, digamos, botões de rádio como opções em Lee, essas opções estariam disponíveis. Nada mais estaria disponível. Isso é dar aos desenvolvedores para saber o que codificar, bem como saber como a estrutura do conteúdo se encaixa dentro, digamos, digamos, do banco de dados back-end. E então, finalmente, temos um sistema de rotulagem entregar ervas, então pode haver , neste exemplo, o tópico real da página à esquerda ou o que vamos rotular. Então qual é o rótulo na própria página? Então, se é a página de comunicações, cabeçalho de página real seria comunicação chapéu vida, e então este ouvinte diz, Título entre parênteses. Isto é metadados. Então, que tipo de metadados estará na página para que Quando você procurar a página, o que você vai encontrar? Então, temos rótulo real do que o conteúdo é o título real da página e, em seguida, os metadados relacionados a essa página. 4. Peças do site: Falamos sobre a história da arquitetura da informação, as disciplinas que compõem a informação, arquitetura e eles entregam bols e produções de arquiteto de informação. Agora vamos falar sobre como fazer um desses entregar bols. Isso é o melhor para cada designer saber como fazer. E este é o mapa do site. As peças do mesmo aplicativo são caixas, linhas, linhas, a estrutura de como eles são organizados, os níveis de hierarquia, os rótulos e uma legenda. É importante ter em mente a diferença entre informações, arquitetura e navegação. Muitas pessoas usam esses termos de forma intercambiável, e isso não está correto. Arquitetura de informação é a espinha dorsal de informação do site. Navegação refere-se aos elementos na U. Eu permito que os usuários alcancem informações específicas no site. Portanto, a navegação é a representação visual de como os usuários obtêm duas partes diferentes de conteúdo definidas pela arquitetura de informação. Então, começando com um exemplo realmente simples vai olhar para as peças de um mapa do site. Primeiro temos as caixas. Temos uma estrutura hierárquica, começando com o nível zero. Nós temos leões, então nós trabalhamos nosso caminho para baixo na hierarquia. Nível um, nível dois e nível três. Este é um esboço realmente simples, e vamos passar por exemplos mais detalhados agora. Este é um exemplo que eu fiz há muitos anos, e assim você pode ver que temos uma lenda. Temos caixas e linhas e temos uma estrutura hierárquica. Temos a página principal. Nem sempre tem que ser o topo, como faremos nesse esboço. Poderia ser assim, mas alguma indicação de que é a página inicial. Nossa primeira tela principal precisa ser indicada. Temos nossas linhas aqui indicando a navegação primária, que é o nosso nível 1 amarelo. E então temos o conteúdo que vive em cada uma dessas categorias. Este é um site simples para que ele tenha apenas alguns pedaços de informação e não é tão detalhado. É alguns outros mapas do site. Vamos dar uma olhada em alguns desses agora. Aqui está um exemplo de outro mapa do site que fiz anos atrás, e você pode ver aqui nós temos a página inicial como nível zero no topo, e então nós trabalhamos nosso caminho para baixo no próximo nível. Há sete itens. Você quer organizá-los em ordem de importância, então temos um a sete. Esse é o nosso primeiro nível e provavelmente a nossa navegação principal. Então temos o segundo nível, que é todas as coisas que vivem sob cada uma dessas peças de navegação, o conteúdo, e então descemos um pouco mais e temos outro nível de navegação. É importante notar que se você está cruzando linhas para ter um pouco de corcunda aqui, isso indica que ele está atravessando e não quebrando. Também é importante ter números. Você notará que o último mapa do site que mostrei não mostra os números, mas é recomendável incluir sempre aqueles para indicar o nível hierárquico e localização desse conteúdo, como vimos com o exemplo de inventário de conteúdo. Estes podem então ser referência para partes do site mais tarde, outro exemplo. Aqui temos a página inicial, então temos as páginas principais estão fazendo navegação primária e, em seguida, todo o conteúdo abaixo que você pode ver este é um site muito profundo, mas não muito amplo. Nós estamos aqui. Temos talvez rodapé ou outros tipos de navegação que não é tão importante. E então temos pequenos ícones aqui que talvez indiquem um tipo de página. No entanto, este não tem uma lenda, que é melhor prática dedo do pé. Inclua sempre uma lenda. Então aqui está talvez uma anotação. Você também pode anotar seu mapa do site se houver comentários extras que você deseja fazer. 5. Tipos de navegação: falamos sobre a estrutura de como criar um mapa do site. Então, agora vamos falar sobre se diferentes tipos de navegação que condicionalmente representam alguma dessa arquitetura de informação. Lembre-se, há uma diferença entre a arquitetura da informação e a navegação. Navegação é a coleção de componentes de interface de usuário que compõem a forma como as pessoas se movem em um site ou aplicativo. O principal objetivo da navegação é ajudar os usuários a encontrar informações e funcionalidades e incentivá-los a tomar ações desejáveis. Lembra daquela peça da psicologia cognitiva sobre tomada de decisão? É aqui que entra em jogo. componentes de navegação podem incluir navegação global, utilitário local, breadcrumbs, filtros, facetas, links relacionados, rodapés e assim por diante. Vamos repassar isso em um pouco mais de detalhes. Então, mais uma vez, os tipos de navegação, nosso global ou primário estes podem ser usados de forma intercambiável. Temos navegação local, utilitário, navegação, navegação, rodapé em contexto ou navegação facetada. Estes são os tipos de navegação mais comuns que você verá em um APP ou um site. Vejamos alguns exemplos aqui. Temos um exemplo de target dot com, então a navegação que você vê geralmente no canto superior direito dos sites é geralmente um pouco menor do que a navegação principal, hum, hum, é o que chamamos de navegação utilitária. Você pode ver que Target tem um pouco de coisas aqui em cima, incluindo favoritos, que é mostrado por um ícone versus palavras. E algumas coisas têm ícones e palavras. Portanto, tenha cuidado ao projetar sua navegação que você é consistente e tente não misturar as coisas como elas fazem aqui. Então temos o que chamamos de nossa navegação global ou primária, então eles usaram seu logotipo para casa. Então temos as categorias que você pode ver é um drop down ofertas que eles incluíram. Uma grande barra de pesquisa faz parte de sua navegação. Você pode ou faça isso, se quiser. Não é um requisito. Então temos a minha conta e entrar e depois o carrinho chocante. Então esta é a navegação global, muito comum para sites de comércio e. E então eu incluí aqui também a navegação rodapé. Então, às vezes você vê rodapés que são realmente altos com perda de informação. Alvo usou dropdown em vez disso, Hum, e então eles também usaram um, o rodapé. Navegação é geralmente também você dispara as coisas de privacidade, hum, termos e condições, qualquer coisa assim, então você pode notar que eles têm todos esses estilos diferentes de navegação, o que é algo para manter em mente sobre como você cria seu site e sua navegação para que as pessoas fiquem claras. O que é navegação? O que é conteúdo real? Pessoalmente, eu não acho que Target fez um bom trabalho, mas essa é a minha opinião pessoal. E eu não estou no time. Então eu não sei que outras facetas ou decisões foram para tomar a decisão de organizar uma navegação como esta. Em seguida, temos outro site de comércio, Williams Sonoma. Então você pode ver que eles têm uma enorme navegação utilitária no topo. É um raio mais leve, um, também um tipo de estilos ligeiramente diferentes onde temos um caso de sentença. Todas minúsculas. Talvez seja o caso do Camel outra vez. Realmente diga, hum, caso Kamel aqui. Então há uma má programação aqui onde as coisas são montadas. Então temos isso um pouco confuso como eles fazem isso. É por isso que eu incluí. E então eles têm dois tipos diferentes. Então isso é navegação facetada. Onde sua navegação muda dependendo do que você selecionar. Então aqui estamos na Williams Sonoma. E se você quiser ir lá, loja em casa, esta é uma guia e você clica nela e eu veria navegação global diferente. Então você vai notar seu logotipo para ir para casa para isso é enorme e quebra a navegação que você possa ver que eles realmente também quebrou a navegação utilitário tudo aqui, e eles também tê-lo abaixo aqui com o carrinho eo check-out em seu frete em os EUA em sua conta. Então eles realmente misturaram tipos de navegação. Então este também não é o melhor exemplo de como fazer isso. Mas eu quero mostrar algumas coisas diferentes que não eram tão simples. E, em seguida, abaixo do seu logotipo está a sua navegação global. Você vai notar que é quase como se eles tivessem outra navegação utilitária. Então eles têm o específico Williams Sonoma você Nilla utilitário de navegação contra a Williams Sonoma e Williams Sonoma Home. Então este pode ser um site bastante complicado, também. Faça a arquitetura de informações para e, em seguida, aqui está sua navegação global ou principal padrão . O preto com um texto branco. Mas então você vai notar que eles têm Williams Sonoma em casa aqui novamente. Hum, então você pode ver que isso pode precisar de um pouco mais de trabalho e nosso exemplo final é, hum, da Amazon Dot com. Então aqui está outro exemplo, e provavelmente você está muito familiarizado com o que chamamos de navegação facetada, que é onde você tem que taxonomia ou categoria é tão popular. Mais Kindle da Amazon e livros didáticos eso cada uma dessas categorias pode mudar. A navegação que é o próximo nível abaixo, dependendo do que você clica nos contatos. A navegação que é o próximo nível abaixo, Navegação geralmente é navegação que está com no conteúdo na tela. Então aqui você tem vencedores de prêmios e ofertas e livros, que você vai notar é repetido sob popular em livros. Temos vencedores de prêmios Bem, vamos ver A e ofertas e livros também para que você possa fazer isso e duplicar a navegação. Geralmente em contatos. navegação pode ter um pouco mais de design em torno dele, em vez de apenas texto seu principal, mas no tipo de links. Mas você pode ver que há muitas maneiras diferentes de olhar visualmente, representar a arquitetura de informações e mostrar a navegação de seu site ou aplicativo. Finalmente, vejamos como você decide qual tipo de navegação você deve usar. Primeiro, você deseja analisar a prioridade de uso. quanto nossos usuários vão contar com essa navegação tão global ou primária é algo que você deseja ser acessível a partir de cada tela ou página da Web do site ou aplicativo. Eles vão usar mais no contexto, navisite coisas que estão realmente relacionadas com o conteúdo? Então, pode ser em contexto de navegação. Em seguida, Deseja olhar para o padrão de navegação que você vai usar ou até mesmo usar guias? Mega menus? Outro. Esses menus suspensos com quadrados enormes que geralmente são a largura da página. Você pode usar um acordeões carrossel. Há tantos outros tipos diferentes de padrões de navegação. Migalhas de pão. Então, como você quer representar isso visualmente? Qual será o mais fácil para as pessoas descobrir e coisas finas e, finalmente, colocação. Então vimos alguns exemplos diferentes de como as coisas eram colocadas. Onde ele é colocado dentro da dor? Juiz? Hum, é sempre no topo é que a esquerda está na parte inferior. Estas são as três coisas que você precisa levar em conta ao decidir como você vai representar visualmente, mas o seu caminho em torno de um site ou aplicativo 6. Redesign do site: falamos sobre a estrutura e peças para criar um mapa do site. Também falamos sobre os diferentes tipos de navegação que podem representar essa informação . Então agora vamos falar sobre como criar um mapa do site. Quando você está redesenhando um site ou um aplicativo, geralmente é mais fácil para as pessoas que começam a fazê-lo a partir de um site existente ou fora. Porque o conteúdo já existe em comparação com um novo mapa do site sem conteúdo. É uma boa prática tomar o site existente e tentar fazer mapas do site a partir dele, que será um projeto que teremos mais tarde. Então vamos falar sobre passo a passo, como fazer isso? Então, a maneira ideal de fazer isso é criar um mapa do site existente, e você começaria executando um inventário de conteúdo como vimos anteriormente de todo o conteúdo existente e telas ou páginas no APP ou site. Você faria isso e, em seguida, decidir qual conteúdo deve permanecer, ser editado, arquivado ou excluído. Então, com todo esse conteúdo organizado em um surto, ela você executa uma atividade que chamamos de espada de cartas. Existem alguns tipos diferentes de tipos de cartões. Há uma ferida de cartão aberto, uma ferida de cartão fechado e uma classificação de cartão híbrido. A atividade de classificação de cartões é onde você pega as etiquetas de navegação existentes, além de partes principais do conteúdo e outras palavras-chave. Associe-se ao aplicativo ou site e coloque cada um individualmente em um cartão de índice. Então você tem participantes entrar e organizar esses cartões para você nas categorias que eles acham que faz sentido. Uma classificação de cartão aberto faz com que os usuários na sessão criem os nomes de categoria que eles acham que pertencem às categorias que eles fizeram. Depois de fazer isso com, digamos, 5 a 7 usuários, você faz o que chamamos de teste de árvore. O teste de árvore é uma maneira de validar sua navegação criando uma versão de texto de sua navegação. Existem algumas ferramentas online que farão isso por você. Em seguida, você o envia para as pessoas, preferência usuários existentes e potenciais de seu aplicativo ou site em seu público-alvo, e vê se eles podem concluir a tarefa que você lhes pede para fazer, como encontrar partes específicas de conteúdo. É importante notar que um teste de árvore não inclui qualquer pesquisa e como uma funcionalidade de navegação Onley para testar a capacidade de encontrar de como é fácil usar sua navegação. Uma vez que você está bastante satisfeito com ele. Você pode fazer uma classificação de cartão fechado, que é onde você já dá os títulos da categoria e, em seguida, fazer com que as pessoas coloquem o conteúdo que eles acham que pertence a esses títulos de categoria. Fazer o mesmo tipo de atividade é a classificação de cartão aberto. A única diferença é que você dá os nomes das categorias antes do tempo. Então você faz outro teste de árvore para validar ainda está na direção certa? Estamos fazendo melhor? E então, finalmente, uma vez que você tem os resultados que você acha que se encaixam bem, você cria suas etapas recomendadas de mapa do site quatro a sete. Você pode fazê-lo de forma narrativa, a fim de continuar a melhorar a sua navegação e arquitetura de informações , tanto quanto necessário, até que você crie o site final recomendado agora. 7. Site novo: falamos sobre como fazer um mapa do site para um site que já existe e você está redesenhando . Agora vamos falar sobre ela para um mapa do site para um site ou aplicativo que ainda não existe, e você não tem nenhum conteúdo. Como criar um mapa do site para algo sem conteúdo? Então, do jeito que eu faço, há oito passos também? Primeiro, você quer entender o domínio, que é a área de, hum, informação que você está projetando para. É finanças? É automotivo? É educação? Seja o que for, realmente, tente entender as palavras, filosofia e frases e processos que entram nesse espaço de trabalho. Então você quer entrevistar pessoas no público-alvo, idealmente , oito ou mais. E quando você fizer essas entrevistas, certifique-se de manter nota de jargão ou terminologia específica. As pessoas usam palavras ou frases que são repetidas por pessoas diferentes que são as mesmas a partir disso, você definirá uma taxonomia da organização estrutura do tipo de linguagem ou organizações FEMA que você estará usando. E então, a partir dessas palavras, vai fazer uma classificação de cartão aberto. E, como antes, após sua classificação de cartão aberto, você faz um teste de árvore para validar sobre. Então você faz uma classificação de carrinho fechado. Em seguida, faça um verdadeiro teste de validação novamente e, em seguida, crie as etapas de mapa de site recomendadas. Quatro a sete podem ser iterados até que você atinja a satisfação desejada de que você está pronto para criar o mapa do site desejado e testar o resultado de 80% ou mais das tarefas concluídas de seu teste de árvore, a fim de ter certeza de que você criou no local é capaz de representar suas informações e conteúdo com precisão. 8. Tipos de ferramentas: falamos sobre a estrutura e a criação de mapas do site. Vamos falar sobre algumas ferramentas e processos diferentes que os arquitetos de informação usam para criar os diferentes bols de entrega que eles precisam. Em primeiro lugar, temos sistemas de rotulagem e organização. Então algumas dessas coisas ou atividades que eles faziam nossa classificação de cartas, que falamos sobre estudos etnográficos anteriores. Uma pesquisa de observação ALS. Isso é tudo o que pesquisador usuário também poderia fazer. Mas isso também se enquadra no âmbito de um arquiteto de informação, a fim de encontrar rótulos e organização fora de como as coisas devem ser em um site ou aplicativo. Taxonomia e metadados são as mesmas atividades. estudo etnográfico de classificação de cartões é uma pesquisa de observação. Você quer ver como as pessoas falam, como eles pensam, quais processos eles fazem, quais testes eles fazem e entender seus modelos mentais e como organizar as coisas e usar linguagem que faz sentido para eles para modelos de conteúdo e modelos mentais. Fazemos também a pesquisa observacional e estudos etnográficos. Nós também acabamos as entrevistas de usuários com seu público-alvo. Quanto mais isso você pode fazer até começar a ouvir informações repetidas de forma consistente, o melhor entendimento que você terá de seus modelos mentais de usuários e como você deve organizar o conteúdo para eles de uma maneira que será mais útil. E então, enquanto conversamos sobre validar sua navegação, você poderia fazer testes em árvore. Você pode fazer testes de primeiro clique. Você pode fazer mapas de calor para ver onde as pessoas clicam em uma tela. Então, finalmente, algumas ferramentas que você pode usar para essas atividades ou oficina ideal. Casa de usabilidade. Há uma nova plataforma ish de Zerbe chamada Helio que tem um monte de atividades semelhantes. Como hub de usabilidade. Você pode usar o zoom do usuário e ver Inspetor é um teste de árvore específico onde você pode criar um teste de árvore . workshop ideal tem a mais ampla gama de atividades que você pode fazer em seus sites, como teste de árvore, teste primeiro clique e você também faz a classificação de cartões on-line. No entanto, usando tudo isso em conjunto ou conforme necessário para validar e criar suas informações, arquitetura é muito útil 9. Projeto: você aprendeu muito pronto para começar a trabalhar em um projeto para praticar o que você aprendeu aqui é o seu projeto. Escolha um dos seguintes sites e crie um mapa do site para ele. Eu tenho um casal como National geographic dot org The Red list dot com, que é um site de comércio e, g e dot com, que é uma empresa, digamos Mazda usa dot com, que é um site COS convidado especial dot c O, que é um tipo muito especial de estado, o que pode ser um pouco confuso. Então essa é bem difícil. Então vá em frente, escolha um e comece. Mal posso esperar para ver o que você inventou. 10. Obrigado!: Nós cobrimos muito terreno nos últimos vídeos, e eu gostaria de fazer uma breve recapitulação da aula antes de terminarmos. Então aprendemos o que o campo da informação, arquitetura e contos, como uma pessoa que popularizou o termo Richard Saul aquecimento. Também aprendemos sobre as disciplinas que compõem arquiteturas de informação como bibliotecas, ciência, ciência, psicologia cognitiva e arquitetura de construção. Também aprendemos sobre algumas terminologia e atividades diferentes. Associe-se à arquitetura de informações, como classificação de cartões, impostos sobre quaisquer metadados e outros termos como esse. E finalmente, quando falamos sobre como criar um mapa do site, seja para um site ou aplicativo redesenhado ou um novo site ou aplicativo e lembre-se de manter a linha, nunca use setas nos mapas do site. Obrigado por assistir e adoro seu feedback.