MENU

| BR

Campus

Programação

Marketing

UX

Dados

Negócios

Paises

O que é Arquitetura da Informação e como aplicá-la em seus projetos

O que é Arquitetura da Informação e como aplicá-la em seus projetos
ux
10 de setembro de 2018
  -  
-min de leitura

Organizar o seu conteúdo digital não é tão simples quanto parece, mas faz toda a diferença para a experiência do usuário.


Quanto tempo você demora para encontrar a informação que está procurando em um website ou um aplicativo mobile? Por quantas páginas você precisa passar, quantos cliques tem que dar e o quanto precisa navegar? Se a resposta não é "pouco tempo", você não tem visitado muitos sites que fazem bom uso da Arquitetura da Informação em suas interfaces.

Esse conceito que nasceu com a semiótica em meados da década de 1970 é um dos principais responsáveis por facilitar nossa vida na navegação online, pois a Arquitetura da Informação tem como objetivo organizar as informações de um determinado segmento da maneira mais clara possível, categorizando-as para facilitar e agilizar nossa busca, evitando assim um grande caos.

Quem cunhou o termo foi Richard Saul Wurman, um arquiteto e designer gráfico americano que já escreveu e publicou mais de 80 livros. Um deles, chamado Information Anxiety, marca o início da era da Arquitetura da Informação. Nos idos dos anos 60, Wurman defendia que passávamos por uma avalanche não de informações, mas sim de dados.

E parte do papel de um arquiteto da informação era conseguir transformar esses dados em conteúdos compreensíveis. Wurman, que está vivo e com 83 anos de idade, ainda carrega a mesma bandeira e foi assim que ele se tornou um dos fundadores do TED, aquelas famosas palestras curtas que assistimos no YouTube sobre os mais diversos temas.

É um trabalho de curadoria, seleção e hierarquização conseguir abordar pontos relevantes de um assunto em uma palestra de quinze minutos - e isso é exatamente tudo o que a Arquitetura da Informação representa. Porque o primeiro parágrafo do texto fala sobre navegação, web e aplicativos, é de se imaginar que a Arquitetura da Informação esteja restrita ao ambiente digital.

Engana-se quem pensa assim, pois ela também é altamente aplicável no meio físico, como para organizar bibliotecas, arquivos, grandes bancos de dados, campanhas publicitárias e tudo aquilo que envolve uma grande quantidade de informação concentrada em um local.

No entanto, é no aspecto digital que vamos focar neste artigo, pois Arquitetura da Informação tem tudo a ver com User Experience (UX), já que ela ajuda - e muito - a garantir que o usuário terá uma experiência excelente com seu produto digital, ajudando-o a encontrar e buscar a informação que ele precisa de uma maneira prática e eficiente.

Aplicando a Arquitetura da Informação em seus projetos

De acordo com o Instituto de Arquitetura da Informação (Information Architecture Institute), a arquitetura da informação se define por: design estrutural de ambientes de informação compartilhada; arte e ciência de organização e rotulação de sites web, intranets, comunidades online e software de apoio à encontrabilidade e usabilidade.

É importante destacar que quando falamos de Arquitetura da Informação em um ambiente digital, design e desenvolvimento andam lado a lado e são correlatos. A estruturação do seu banco de dados e a categorização do seu conteúdo podem ser excelentes, mas isso não vale nada se o aspecto visual do site não facilita a navegação.

O inverso também vale. Design, organização e sistema são as palavras-chave para o sucesso da experiência do seu internauta. Abaixo, listamos algumas dicas de como elencar suas informações usando estratégias da Arquitetura da Informação.

Do Abstrato ao Concreto

De acordo com Jesse James Garret, autor do livro The Elements of User Experience, a experiência do usuário começa no plano abstrato, quando o produto ainda está sendo concebido e seus objetivos estão sendo definidos, assim como o que o próprio usuário pode esperar dele. A partir daí, novas camadas surgem, sobrepondo-se, ganhando forma e deixando o projeto cada vez mais palpável.

Define-se o escopo, quais serão as funcionalidades e qualidades do produto e como o projeto será conduzido. Em seguida, é preciso definir a estrutura do produto, como ele será organizado, quais são suas limitações e como ele será encontrado pelos usuários. A penúltima etapa é o esqueleto, quando é colocado no papel a organização da interface, seus elementos e funcionalidades para o usuário. Por fim, a superfície, que nada mais é do que a interface final com a qual o cliente irá interagir.

Modelo mental

Os modelos - ou mapas - mentais são uma forma de organização e hierarquização da informação que privilegia a correlação entre os termos. Por ser muito visual, o Modelo Mental permite que, seguindo esta lógica, você faça uma representação do comportamento de um público específico, representando suas motivações iniciais. A partir daí, fica mais fácil de desenhar os melhores e mais ágeis caminhos para determinadas informações.

Hierarquização

Se você já recorreu alguma vez ao botão "Mapa do Site", você já está familiarizado com a hierarquização e categorização das informações da página acessada. A maneira como essa seção é estruturada, como uma árvore que começa em "Home" e se expande em galhos de outras categorias e subcategorias, é a forma mais comum e familiar de Arquitetura da Informação em ambientes digitais.

E também uma das mais orgânicas para o usuário, pois a ideia é justamente facilitar ao máximo que ele chegue do ponto A ao ponto B. Por isso, rotular suas informações e colocá-las em caixas distintas é muito importante. Imagine-se em uma livraria na qual livros de biologia molecular ficassem na mesma prateleira que literatura africana e livros sobre direito penal.

Obviamente, você demoraria o dobro de tempo para encontrar o livro desejado. Em um website ou aplicativo mobile, a lógica é a mesma. Quando informações relacionadas ao mesmo assunto estão agrupadas em um rótulo, o acesso é mais rápido, prático e requer pouca ou nenhuma ajuda.

Fluxos de navegação

De quantas formas o usuário pode acessar a mesma informação em seu site? Quantos caminhos estão disponíveis? Através de um simples fluxograma, é possível desenhar quais são as possíveis jornadas de navegação: digitar no campo de busca, ele recebeu o link da página pronto, entrou em uma categoria do site, clicou em um banner na página principal, entre tantas outras opções. Independente do caminho, todos devem ser curtos, rápidos e claros, para não confundir e tampouco frustrar a experiência do usuário durante a navegação em sua interface.

Wireframes

Wireframes são protótipos da interface final, onde é possível desenhar, organizar e testar as categorias e funcionalidades do seu website. Aqui, é possível visualizar a arquitetura informacional do conteúdo. É possível criar wireframes em papel, em editores gráficos e até diretamente em HTML.

Apesar de ser mais aconselhável começar com os wireframes de baixa-fidelidade (papel), o meio não é tão importante quanto as possibilidades de visualização. Esta é uma das últimas etapas e uma das mais concretas da Arquitetura da Informação do seu produto. Depois dessa fase, é hora de colocar a mão na massa e garantir a melhor experiência para seu usuário.

Outras notícias

5 primeiros passos para quem quer se tornar um cientista de dados img
dados

5 primeiros passos para quem quer se tornar um cientista de dados

É difícil começar algo novo quando não se tem ideia do primeiro passo que é preciso tomar para iniciar a jornada. Esse é o questionamento de muitas pessoas que buscam fazer uma transição de carreira, principalmente para aqueles com interesse em se tornar um cientista de dados. Sobre esse tema, já falamos em outro artigo quais são as principais habilidades e competências necessárias (e demandadas pelo mercado de trabalho) para iniciar uma carreira em dados. Mas quais são os passos anteriores ao curso de Data Science, ao treinamento do pensamento lógico ou ao networking?Os professores do curso de Data Science da Digital House se prontificaram a responder uma simples pergunta que faz todo a diferença para quem quer ingressar nesta nova carreira: qual é o primeiro passo para quem quer se tornar um cientista de dados?Quebre paradigmasPara o professor Victor Morganti, o primeiro passo é “desconstruir a ideia de que a profissão é puramente ferramental”. Muitos são atraídos pela profissão por encontrar semelhanças com o dia a dia de profissionais de TI, no entanto, Victor alerta que o cientista de dados possui desafios muito diferentes.“O dia a dia do cientista de dados é permeado por questões e decisões de negócios”, conta o professor. E neste cenário, ser um profissional multidisciplinar e com experiência em áreas diversas não é só um diferencial, como também uma característica essencial da profissão.Sendo assim, ao ingressar nesta carreira é importante ter em mente que, mais do que administrar ferramentas, você administrará problemas e conflitos reais. LeituraNós já indicamos uma lista de leitura para quem quer ingressar na área de dados, mas a professora Caroline Oliveira destaca a editora O’Reilly como a melhor para quem ainda nem começou. “A coleção de livros possui exemplares desde o básico até níveis mais avançados e é uma ótima coletânea para te dar uma base antes de iniciar um curso, por exemplo”. A Editora Novatec distribui os livros da O’Reilly no Brasil em português, mas você pode encontrar versões originais em sites como Estante Virtual (e já pratica o inglês).Assista vídeosUma forma dinâmica e rápida de aprender ou se inteirar é através de vídeos na internet. Ambos os professores, Victor e Caroline, indicaram vídeos para entender melhor a carreira de dados antes de apostar em uma mudança drástica.A professora Caroline recomendou “perder-se” pelos muitos TEDs sobre Dados. Os breves vídeos de até 20 minutos com especialistas não só dão uma dimensão da importância dos dados no mundo atual, como também mostram sua utilização nas mais diversas áreas.Cientistas de dados do mundo inteiro podem ser vistos falando sobre a profissão, seus rumos, o lado positivo e o negativo, e seu papel em nossa sociedade.Pesquise vagasA melhor forma de saber o que você precisa aprender para ser um profissional de dados é indo direto à fonte: o mercado de trabalho. Pesquise por vagas na área em diferente países e níveis: júnior, pleno e sênior, para compreender quais são os principais requisitos exigidos em cada etapa e ganhar uma ideia de como deve ser desenhado seu plano de carreira.Participe da comunidadeUma fonte inesgotável de dicas, informações e aprendizados é a comunidade de cientista de dados, que reúne profissionais e entusiasta da área. Fóruns de discussão, grupos em redes sociais, Summits e Workshops reúnem não só as pessoas que fazem parte da Ciência de Dados, mas que também questionam sua atuação e quebram barreiras. Além de ser informativo, é uma experiência que alivia momentos de ansiedade. Afinal, não é ótimo saber que outras pessoas já enfrentaram determinados problemas na mudança de carreiras e agora possuem experiência para te ajudar e te guiar?Para saber mais sobre ser cientista de dados, faça uma visita à Digital House, conheça nossos professores e as soluções que oferecemos para transições de carreira.

Qual a diferença entre front-end e back-end img
tech

Qual a diferença entre front-end e back-end

Se você decidiu entrar no universo da programação, já está ciente de que essa área contempla inúmeras opções de atuação e diversas linguagens, o que pode deixar tudo um tanto quanto confuso! Quantas vezes você encontrou alguma oportunidade de trabalho na qual você não sabia muito bem qual o papel, como atuar e o que ela significava? Porém, justamente essa diversificação é que faz a carreira de desenvolvedor tão atrativa! E, para esclarecer um pouco e ajudar no seu caminho, vamos falar de uma das maiores dúvidas para quem está começando: o que diferencia o profissional de back-end do profissional front-end? Que habilidades cada um deles requer?O que é Back-EndPara mostrar as diferenças, vale começar com as definições de cada atividade.Basicamente, quando falamos dos “bastidores”, ou seja, o servidor e o banco de dados que ajudam a fornecer as informações ao usuário de uma interface, falamos do back-end. É a parte do site que você não tem contato direto (a não ser que você seja um profissional da área, claro!).O back-end é uma parte fundamental de qualquer site ou aplicação na web. Se você está lendo esse texto, por exemplo, é um sinal de que a comunicação com o servidor obteve sucesso e isso se deve, provavelmente, a um profissional de back-end!Quem prefere se especializar como desenvolvedor back-end vai atuar com lógica, com a funcionalidade do site, regras, segurança e integridade de banco de dados. Ou seja, para viver os “bastidores da internet” requer muita paciência, cuidado e concentração constante!O que é Front-EndSe back-end é o desenvolvimento da parte da web que não vemos, o front-end, por outro lado, é toda a parte visível das aplicações e sites. Essa área não lida diretamente com banco de dados, servidores e todas as aplicações complexas do back-end, mas cuida da usabilidade, efeitos visuais, velocidade de carregamento, etc.De maneira mais direta, o Desenvolvedor de Front-end fica responsável pela interação direta com o usuário, e por isso acaba desenvolvendo cuidando do lado mais visual das aplicações, como o cuidado com cores, botões, links, menus, e tudo o que vemos numa página quando estamos acessando.Justamente por conta disso, um profissional front-end precisa ter um olhar constante para a melhor Experiência do Usuário. Ou seja, as preocupações de front-end e back-end são opostas, porém complementares. Os desenvolvedores de front-end e back-end devem sempre trabalhar em conjunto para que o aplicativo ou site funcione corretamente.Pode atuar com front-end e back-end ao mesmo tempo?Com experiências e habilidades tão opostas, será que é possível trabalhar com interface e servidor ao mesmo tempo? A resposta é sim! Inclusive, uma pessoa qualificada para fazer as duas atividades é bastante demandada no mercado e é bem valorizada!Quando o profissional de programação atua nas mais diversas partes do projeto, ou tem conhecimento tanto de back-end quanto de front-end, ele é chamado de Desenvolvedor Full Stack.O desenvolvedor Full-Stack é um profissional mais flexível, com visão mais completa do negócio, que vai atuar do início ao fim de um projeto. Provavelmente, isso demandará o conhecimento de diferentes tecnologias e linguagens de programação, ainda mais se for o caso de atuar sozinho.Neste caso, a principal dica para quem está começando a programar é estudar muito sobre todas as áreas do Desenvolvimento Web, conhecer as linguagens de programação mais utilizadas atualmente e entender quais habilidades que mais parecem adequadas ao seu perfil.

Digital House abre nova unidade em São José dos Campos img
tech

Digital House abre nova unidade em São José dos Campos

Viva a experiência Digital House em São José dos Campos!Nascemos com a missão de capacitar profissionais na área digital. Somos um hub de tecnologia e educação para formação de profissionais de alta performance. Te desafiamos a pensar como realizador de ideias em vez de deixá-las só no papel. Chegamos ao Brasil em 2018 e, nesses 2 anos, já formamos mais de 3 mil alunos em nossos cursos: Marketing Digital, Programação, Dados, UX e Gestão de Negócio Digital. Em 2020, queremos que mais pessoas tenham oportunidade de viver a experiência de ser um aluno Digital House. Chegamos em São José dos Campos com os curso de Programação Web Full Stack e Marketing Digital, em parceria com a Workflex, coworking com ambiente inovador, localizado no coração do Jardim Aquárius, no Edifício Infinity Tower. Os joseenses e vale paraibanos interessados em fazer nossos cursos, que têm início em março, já podem se inscrever no site da Digital House;Acreditamos que a melhor maneira de adquirir habilidades digitais é com a metodologia de “aprender fazendo”, que integra teoria e prática de forma constante. Queremos que os alunos tragam suas ideias e consigam encontrar as respostas para seus desafios. A interação constante com professores que têm experiência real no mercado possibilita que eles sejam orientados no melhor caminho para o sucesso.Preparado para viver essa experiência com a gente?Faça sua inscrição para que possamos entrar em contato com você. #VemSerDigital!