Ouça a versão em áudio deste artigo
Como parte padrão do processo de UX, os designers criam arquitetura de informações ao construir produtos. Definindo todos os caminhos e caminhos que os usuários podem seguir em um aplicativo ou site, a arquitetura da informação é muito mais do que apenas um mapa do site para mostrar a qual página leva.
Semelhante a arquitetos de construção usando um projeto para construir todas as partes de uma casa, de estruturas físicas a trabalhos internos mais complexos, como elétrica e hidráulica, a arquitetura da informação descreve a hierarquia, navegação, recursos e interações de um site ou aplicativo. E assim como os projetos são o documento mais valioso para um arquiteto usar na construção de um edifício, a arquitetura da informação pode ser a ferramenta mais poderosa no arsenal de um designer.
No entanto, desenvolver um não é tão simples quanto colocar uma lista de recursos juntos e mapear como eles funcionam - vamos investigar o processo.
O que é arquitetura de informação e por que é importante?
A arquitetura da informação (IA) é, como um projeto , uma representação visual da infraestrutura, recursos e hierarquia do produto. O nível de detalhe depende do designer , então IA também pode incluir navegação, funções e comportamentos de aplicativos, conteúdo e fluxos. Não há limite definido para o tamanho ou formato de IA; no entanto, deve abranger a estrutura generalizada do produto para que qualquer pessoa (teoricamente) seja capaz de lê-lo e entender como o produto funciona.
Usaremos a referência do blueprint frequentemente porque a finalidade de ambos os documentos é quase idêntica. Assim como um projeto, IA fornece designers (bem como equipes de desenvolvimento de produto e engenharia) uma visão panorâmica de todo o produto. Ter um único documento que forneça uma representação simples e compreensível de como o aplicativo ou site funciona é vital para desenvolver novos recursos, atualizar os existentes e ver o que é possível considerando o produto existente.
Com IA disponível, torna-se significativamente mais fácil tomar decisões importantes para novos recursos e implementações, entender os cronogramas para mudanças no produto e seguir o comportamento do usuário por meio de vários processos.
Vamos mergulhar em um vídeo básico para ver como um IA é construído.
Como projetar arquitetura de informação
Como parte do processo de UX, o design de IA segue padrões muito semelhantes aos fluxogramas: adicione formas e conecte-as com linhas de forma organizada em um único documento. O desafio ao construir IA é compreender Como seu aplicativo ou site realmente funciona da perspectiva do usuário e como organizar essas informações em um formato legível e legível.
Existem dois requisitos principais para construir IA de fato: organizá-la por meio de uma hierarquia visual (ou seja, uma hierarquia de recursos, funções e comportamento) e criar uma legenda para exibir diferentes tipos de recursos, interações e fluxos. Com um fluxograma padrão, as formas seguem requisitos específicos (retângulos são processos, diamantes são pontos de decisão, etc.); no entanto, seguir essa nomenclatura não é um requisito.
aprendizado de máquina adversário em escala
Em outras palavras, os fatores mais importantes para construir seu IA são onde os componentes individuais da arquitetura são colocados (hierarquicamente) e como eles são rotulados e exibidos.
o significado principal do design na arte é
Compreendendo e mostrando a hierarquia visual
O aspecto mais desafiador de criar uma nova arquitetura de informação é quase sempre construí-la hierarquicamente. É um equívoco comum que IA deve ser construída 'de cima para baixo.' Isso quase sempre é mais difícil de fazer, a menos que seja um produto existente, como no vídeo acima.
Ao construir IA do zero, a menos que seu site ou aplicativo esteja seguindo um formato padrão, extrair qualquer coisa após o nível superior é muito difícil. É como pedir a um mecânico para construir um carro de cima para baixo, em vez de partes. Cada peça deve ser construída antecipadamente com sua própria pesquisa, tempo para design e desenvolvimento. O mesmo acontece com IA.
Exibir a hierarquia visual é um ativo valioso para IA, não apenas porque fornece um contexto melhor para o leitor, mas também generaliza regiões-chave do produto. Se o recurso mais significativo do seu aplicativo é pedir uma carona (a la Uber ou Lyft), que pode ser feito na página inicial, essa página terá o maior número de pontos de contato e o maior valor para o produto. O mesmo acontecerá com a hierarquia visual.
Os mapas de sites são úteis para compreender a hierarquia, uma vez que organizam as páginas numericamente (como 1.0 Página inicial, 2.0 Pagamento, 2.1 Adicionar método de pagamento, etc.). Ou considere o exemplo na imagem abaixo para o site da biblioteca da Duke University, onde a navegação superior não está apenas na parte superior, mas também destacada para ser visível em todo o aplicativo.
Hierarquia de formas, cores e outros elementos visuais
Além da hierarquia, a arquitetura acima faz outra coisa bem: exibe cada ponto de engajamento exclusivamente conforme necessário por meio de uma legenda simples e algumas frases-chave. A legenda denota página e tipo de conteúdo, e significa variações entre as cores das formas. Isso é importante porque, embora o site de Duke pareça bastante simples, o IA só atinge três níveis de profundidade. Cada retângulo amarelo denota um aplicativo, então os processos dentro de cada uma dessas caixas não estão incluídos neste documento!
Mesmo sem essas peças disponíveis, a estrutura é tal que podemos entender como navegar no site apenas através do IA. Isso para quando chegamos a um aplicativo dentro do site - não é necessário.
O IA abaixo é para um jogo. Usando quatro formas, sem cor e fragmentos de texto bem posicionados, todas as principais interações são compreensíveis sem protótipos e, mais importante, podem ser compreendidas por qualquer pessoa que trabalhe nisso.
Este modelo não é perfeito, mas organiza a hierarquia do aplicativo de forma clara e delineia o que o usuário vê ou faz em qualquer ponto.
exemplo de programação linear inteira mista
As melhores ferramentas de arquitetura da informação
Existem muitos aplicativos de software que permitem a construção de um IA, mas poucos são simples e rápidos o suficiente para tornar a experiência agradável. Ou, pelo menos, fácil de gerenciar.
Draw.io, usado no vídeo acima, é totalmente gratuito para uso pessoal e profissional e se conecta automaticamente ao Google Drive. Também possui integrações com o Confluence e o JIRA, que são pagos. Draw.io é excelente para fluxogramas, criação de fluxos de usuários e arquitetura de informações e, com a funcionalidade do Drive, várias pessoas podem trabalhar no mesmo documento e ver as alterações ao vivo. Também existe uma versão offline gratuita.
Lucidchart é outra ótima ferramenta que fornece uma experiência ligeiramente melhor do que Draw.io e tem benefícios adicionais como modelos pré-construídos, muito mais integrações, um aplicativo móvel (classificado com 2,5 estrelas na App Store) e suporte para empresas.
Omnigraffle e Visio são pilares da indústria de longa data e funcionam de forma excelente para construir e manter um design IA, embora o Visio seja apenas online (a versão offline mais antiga é apenas para Windows), enquanto o Omnigraffle é apenas para Mac e requer compras separadas para as versões MacOS e iOS. OmniGraffle tem uma vantagem sobre os principais concorrentes, pois fornece automação JavaScript e AppleScript, que para a maioria designers pode ser desnecessário, mas normalmente os arquitetos da informação em tempo integral apreciam isso.
Todas as ferramentas listadas acima são feitas para velocidade e facilidade de uso, especificamente em torno do fluxograma, que segue princípios quase idênticos à arquitetura da informação. Outros aplicativos como Balsamiq , MindMeister , MindManager , ou XMind todos oferecem comportamento de estilo semelhante, mas são construídos para outros propósitos importantes, como prototipagem ou mapeamento mental.
Práticas recomendadas de arquitetura de informação
Embora existam poucas regras definidas para o que constitui arquitetura de informação, ao passar pelo processo, considere o seguinte:
Não se concentre na hierarquia, concentre-se na estrutura
A hierarquia é ajustável . A página inicial sempre será a página inicial, mas para onde ela leva, como os usuários chegam a esses lugares e tudo mais é determinado posteriormente.
Todos os processos devem ser lógicos
Mesmo que a IA no processo de UX seja para interações do usuário, cada etapa do caminho deve fazer sentido. As telas de registro não devem levar a configurações, uma função de câmera não deve saltar para uma visualização de mapa ... a lista continua.
Lembre-se do processo de UX
Um erro comum é apenas faço IA, sem recursos, pesquisas ou outros ativos ou trabalho. Isso é como dizer a um autor para escrever um livro sem um esboço, ou a um programador para codificar um aplicativo sem protótipos.
Você é o cartógrafo
Os cartógrafos levam tudo sobre um mapa em consideração, desde cadeias de montanhas até fronteiras estaduais. Assim como os criadores de mapas, os designers determinam o que entra no projeto de IA. Páginas individuais, comportamentos específicos do usuário, contexto para pontos de decisão ... e assim por diante.
Em última análise, o cartógrafo decide o que vai no mapa com base nas necessidades do usuário. O mesmo é verdade para designers, portanto, construa a IA para o usuário final, ou seja, as equipes de desenvolvimento de produto e design.
A arquitetura da informação está sempre mudando e evoluindo
Para aprofundar a questão mais uma vez, todos os IAs são construídos para a mudança. Os produtos evoluem, os designs mudam, os usuários se adaptam e o ciclo continua indefinidamente. Não leve isso muito a sério e saiba que sempre haverá espaço para melhorias. Não almeje a perfeição; construir um IA simples e adaptável.
sites namoro mais bem pagos 2015
Minha arquitetura de informação está concluída ... e agora?
É uma concepção comum que qualquer trabalho de design nunca é verdadeiramente feito, e esse é certamente o caso da arquitetura da informação. Eles crescem, encolhem e mudam conforme nossos produtos. Ao contrário de um projeto para um edifício, IA sempre evoluirá com base em qualquer coisa, desde as necessidades do usuário até novos recursos ou uma revisão do produto. Grande parte da estrutura pode permanecer a mesma e fornecer consistência entre as versões para que os usuários não fiquem confusos.
E isso é bom. Saber que IA é um documento fluido - que provavelmente muda semanalmente, e às vezes até diariamente - é uma maneira poderosa de manter a estrutura geral de seu aplicativo ou site sem nunca tocar no código ou criando novos protótipos . Melhor será toda a equipe de desenvolvimento de produto conhece o IA, mais rápido todos saberão o que é e o que não é possível, e quão sério qualquer suposto 'trabalho fácil' realmente é.
O que nos leva à verdadeira beleza da arquitetura da informação: não há um ponto de partida predefinido. Enquanto o processo de design de UX tradicional dita que o IA seja construído após a conclusão de fluxos de usuário suficientes; armado com muitos usuários e pesquisa competitiva , também pode ser a primeira coisa a ser feita ... ou a última. O processo de prototipagem geralmente traz informações sobre como certos comportamentos ou ações devem ocorrer, o que seria difícil de imaginar a partir de uma IA lógica ou sem imaginação.
Como uma prática em constante evolução, o design de IA é tanto uma arte quanto uma habilidade, o que é em parte o motivo pelo qual as grandes corporações têm cargos de arquiteto da informação. Estes designers são os guardiões de sistemas massivos e, com sua compreensão do crescimento do produto ao longo do tempo, ajudam a impulsionar as equipes de produto, design e engenharia para tomar as decisões certas ao longo do período de anos . Essa escala de organização não é para todos os designers, mas cada designer pode construir uma arquitetura de informação simples e compreensível.
• • •
Leitura recomendada sobre arquitetura da informação
Como entender qualquer bagunça: arquitetura da informação para todos
Fundamentos da Arquitetura da Informação
A diferença entre arquitetura de informação e design UX
• • •
Leituras adicionais no Blog de design do ApeeScape:
- eCommerce UX - Uma Visão Geral das Melhores Práticas (com Infográfico)
- A importância do design centrado no ser humano no design de produtos
- Os melhores portfólios de UX Designer - Estudos de caso e exemplos inspiradores
- Princípios heurísticos para interfaces móveis
- Design Antecipatório: Como Criar Experiências Mágicas do Usuário
Compreender o básico
O que é uma arquitetura de informação?
Uma arquitetura de informação é um documento que fornece um mapa operacional de como um produto atua e funciona para os usuários. É semelhante a um projeto para produtos digitais e exibe páginas, conteúdo, interações e comportamentos para todo o produto.
O que é arquitetura
O objetivo da arquitetura para designers digitais é entender e apreciar a estrutura de um produto, tanto da perspectiva do usuário quanto da empresa.
O que é um design hierárquico?
O design hierárquico é a estruturação de conteúdo, dados e interações de forma física, normalmente focando a prioridade no topo. As partes de valor mais baixo ficam mais abaixo na hierarquia e podem ser encontradas mais abaixo na página ou em uma página completamente diferente.
O que significa design centrado no usuário?
O design centrado no usuário é uma filosofia de design que coloca o usuário em primeiro lugar. Todas as decisões de design e desenvolvimento do produto são determinadas por meio de testes em relação à experiência do usuário oferecida para garantir que as necessidades do usuário sejam sempre atendidas, sem sacrificar as expectativas existentes do usuário.
preparação para certificação de arquiteto de soluções aws
O que é hierarquia visual em web design?
Hierarquia visual em web design é a estruturação intencional de conteúdo e dados em uma página para fornecer aos usuários uma compreensão clara de onde o conteúdo existe e como utilizá-lo, onde todo o conteúdo e dados são colocados e em que formato.
Quanto dinheiro um arquiteto de informação ganha?
De acordo com a Glassdoor, o salário médio nacional dos EUA para arquitetos de informação é de cerca de US $ 95.000 anuais.
