Ajude o desenvolvimento do site, compartilhando o artigo com os amigos!
Introdução às Ferramentas de Arquitetura de Sites
A arquitetura de informações de um site tem dois componentes principais: a definição e identificação do conteúdo e funcionalidade do site e a estrutura, nomenclatura e organização subjacentes que definem as relações entre conteúdo e funcionalidade.
A arquitetura do site não faz parte da interface do usuário na tela, mas informa a interface do usuário. Está documentado em diagramas e planilhas em vez de wireframes, protótipos e layouts abrangentes.Para sites, a arquitetura da informação é a maneira como o conteúdo é categorizado e organizado no site. Ele forma a base para navegação, experiência do usuário e nomenclatura.
De certa forma, você pode olhar para a arquitetura da informação como os pacotes de informações que compõem as seções do site. Conceitos agrupados vão para o mesmo pacote.
Mas por que a arquitetura do site é tão importante? Bem, é porque buracos na arquitetura da informação é um dos problemas mais comuns vistos em sites. Uma arquitetura de website inadequada ou ruim pode dificultar a navegação dos visitantes no website e a localização do que estão procurando.
Arquitetura do site
Basta pensar na arquitetura e usabilidade do site relacionadas a um site de comércio eletrônico. Se a arquitetura do seu site for boa, mas a usabilidade ou o fluxo de tarefas forem ruins, os visitantes poderão encontrar o que desejam, mas acharão difícil fechar a compra porque a tarefa de fluxo de compra será difícil de realizar.Isso resultaria em uma conversão ruim.
Por outro lado, se o seu site tiver uma arquitetura ruim, mas uma boa usabilidade, seus visitantes nem conseguirão encontrar os produtos que desejam. Assim, a usabilidade deixaria de ser importante porque os visitantes sairiam sem sequer entrar no fluxo de compra.
Para melhorar seu site ou construir um bom, é importante construir a arquitetura do site sem buracos ou problemas relacionados. Isso garante que o número máximo de visitantes encontre o que deseja, melhorando a conversão e o retorno do investimento.
Agora que você sabe o quão importante é a arquitetura do site, aqui estão algumas ferramentas que você pode usar especificamente para mapeamento de sites e ferramentas de diagramação para usar durante os estágios de planejamento do desenvolvimento do site e para melhorar os sites existentes.
1. Microsoft Visio
Microsoft Visio é uma das principais ferramentas de diagramação do momento, adequada para tudo, desde fluxogramas a plantas baixas.Ele pode ser usado para criar diagramas simples e complexos. Possui uma ampla gama de formas, estênceis e objetos embutidos. Você também pode criar suas próprias formas e importá-las.
Visio pode ser usado para criar diagramas de mapas 3D por meio de ferramentas incorporadas, embora esse recurso específico seja limitado. Funciona bem para mapas simples. A ferramenta também pode extrair informações ao vivo de fontes externas, como um banco de dados do Microsoft Access ou uma planilha do Excel. Ele vem com muitas formas embutidas que podem ser adicionadas ao seu diagrama.
O software possui ferramentas de desenho para acomodar requisitos especiais, e você pode começar a trabalhar rapidamente com os modelos padrão disponíveis imediatamente. As ferramentas de desenho generalizadas personalizam os diagramas para suas próprias necessidades. O Visio tem uma interface intuitiva que pode ser aprendida até mesmo por novatos.
Visio é usado por muitos designers e desenvolvedores para mapear e diagramar seus sites durante o estágio de planejamento.
2. Omnigraffle
Omnigraffle é uma ferramenta que você pode usar para vários propósitos, particularmente wireframing e diagramação. Quando comparado aos aplicativos de wireframing, o Omnigraffle está longe de ser perfeito, mas vem com uma boa combinação de recursos e eficiência. No entanto, f alta uma boa interatividade para prototipagem e está disponível apenas para computadores Mac. Você pode criar protótipos clicáveis, mas a funcionalidade é limitada a isso. Você também pode mostrar ou ocultar camadas e fazer outras coisas, mas essas funções só funcionam dentro do Omnigraffle.
Apesar das deficiências, Omnigraffle é uma ferramenta comprovada de wireframing e uma escolha digna para planejar a arquitetura do seu site. Em sua essência, Omnigraffle trata da criação de diagramas, de wireframes de software a organogramas e de planejamento de espaço e diagramas de relacionamento de entidade a fluxogramas.
O novo Resource Browser do software oferece vários modelos e coleções de formas para criar esses documentos.Você pode optar por esta ferramenta para criar fluxogramas, diagramas de rede, processos de projeto e muito mais. Mais importante, você pode usar isso para mapear a arquitetura do seu site.
O pacote de wireframes e diagramação do Omnigroup é particularmente valioso porque os wireframes podem ser desenvolvidos com uma hierarquia para que os usuários possam clicar para ir de uma tela para outra e também visualizar uma barra lateral para visualizar o relacionamento entre as páginas. A ferramenta pode ser usada para desenvolver diagramas, layouts de página, gráficos de processo, maquetes de sites e muito mais. Embora haja uma curva de aprendizado envolvida, você pode encontrar muito valor no Omnigraffle
3. PowerMapper
Usado em mais de 50 países e cerca de um terço das empresas da Fortune 100, o PowerMapper é uma ferramenta de mapeamento de sites muito popular. O MIT, a NASA e várias outras grandes organizações usam essa ferramenta, que deve informar tudo o que você precisa saber sobre ela.
A ferramenta permite que você faça um mapa do site com facilidade. O que geralmente leva dias de esforço é feito em poucos cliques.Por exemplo, embora possa levar cerca de 50 horas para desenvolver manualmente um mapa do site de um site de 1.000 páginas, com três minutos por página para criar uma caixa para cada página, o PowerMapper cria um mapa do site melhor por uma fração do tempo e custo.
Desenvolvido pela Electrum Software, o PowerMapper também permite o compartilhamento de mapas com outras pessoas. Você pode compartilhar mapas do site com clientes e colegas ao auditar ou redesenhar um site. Você também pode exportar mapas usando HTML, XML, CSV, PNG e outros formatos padrão. Os mapas podem ser exportados no formato de mapa do site XML do Google para melhorar a visibilidade nos resultados da página do mecanismo de pesquisa.
Além disso, você pode copiar e colar mapas em outros aplicativos, como Microsoft PowerPoint e Word para outros fins, ou também no Excel. É fácil de usar e uma ótima ferramenta de mapeamento de sites para mapear sites de esqueleto ou sites atuais, offline e online. Uma variedade de estilos de mapeamento está disponível, incluindo versões profissionais e padrão.
4. SmartDraw
SmartDraw é um popular programa de software de criação de fluxogramas com design intuitivo e grande facilidade de uso, tornando-o uma boa escolha para iniciantes. Além de sua pequena curva de aprendizado, esta ferramenta também oferece fortes recursos de diagramação e organização, além de ótimos recursos gráficos e opções de texto decentes. Apesar disso, existem algumas desvantagens nas opções de suporte e alguns recursos principais do diagrama estão f altando.
O software não possui algumas opções importantes de pontos de conexão, como a capacidade de adicionar pontos de conexão e a indisponibilidade de trabalhos de junção. No entanto, é um bom produto para aqueles familiarizados com o design de fluxogramas e pessoas novas na criação de fluxogramas.
SmartDraw carece de apenas algumas ferramentas de diagramação, sendo notável a incapacidade de adicionar pontos de conexão. Isso pode ser uma grande desvantagem para a criação de fluxogramas personalizados ou complexos, mas não deve ser um grande problema para projetos mais básicos, já que vários pontos de conexão já estão disponíveis.
A f alta de jogs de junção também pode ser um problema, mas mais uma vez não deve ser um problema se você criar diagramas simples. No entanto, pode tornar os diagramas de fluxo de trabalho de várias etapas um pouco mais complicados de criar.
Em outras áreas, o SmartDraw é uma ferramenta de arquitetura de sites bastante poderosa. Você pode usar vários modelos ou criar o seu próprio.
5. Xtreeme SiteXpert
Com o Xtreeme SiteXpert, você pode criar mapas baseados em Java e menus DHTML para seu site. A edição padrão é iniciada com uma caixa de diálogo guiando você por todo o processo. O assistente de layout pode ser usado para escanear seu site e montar os links. Também permite mapear a estrutura completa do site, personalizar o código e a navegação de criação.
Você também pode encontrar um tutorial básico que explica como a ferramenta funciona. Além disso, você pode atualizar e inserir os menus do seu site com a ferramenta. O aplicativo suporta plugins NetObjects, FrontPage e DreamWeaver.
A edição padrão é diferente da edição profissional, que vem com um mecanismo de busca, atualização automática do site, recursos XML e diagramação hierárquica. No entanto, sua saída de compatibilidade internacional ainda é valiosa e ainda permite que novos webmasters criem ótimos menus dinâmicos.
SiteXpert pode ser usado para criar vários designs de mapa do site para o seu site de acordo com seus recursos, incluindo esquemas de navegação de sites compatíveis entre plataformas, navegadores e pesquisas de sites.
6. Dinomapper
Dynomapper é uma boa escolha de ferramenta de mapeamento visual do site para desenvolver mapas interativos do site que exibem mais do que apenas URLs. Ele pode ser usado pelos usuários para colaborar e incluir comentários, categorias, dados analíticos e muito mais. Você pode escolher entre três estilos de mapa do site - árvore, círculo e padrão - e pode personalizá-los com esquemas de cores e logotipos.
A ferramenta também vem com integração de análise, opções avançadas de rastreador e funcionalidades de arrastar e soltar, tornando-a uma das melhores ferramentas de mapa visual do site. Você pode optar por uma avaliação gratuita de 14 dias ou explorar outros planos de preços com base no rastreamento de palavras-chave, limites de rastreamento e usuários.
7. StickySorter
StickySorter é uma ótima ferramenta para categorizar e organizar notas adesivas virtuais para sessões de diagramação e para outras tarefas de classificação de informações. Ele também permite que você use diferentes adesivos relacionados entre si em um único grupo. Os adesivos podem ter cores diferentes para diferenciação, e podem ser dispostos em pilha, pilha ou ladrilho. Eles podem ser ampliados ou reduzidos, e o editor de campo pode criar novos campos ou editar ou excluir os existentes.
Criada pelo Microsoft Office Labs, esta é uma ótima ferramenta gratuita para classificar listas de conteúdo em grupos e explorar novas versões da arquitetura de sites. Ao contrário de algumas das outras ferramentas online mencionadas anteriormente, você precisa baixar esta ferramenta, e ela requer o Windows Vista ou XP.
8. Axure
Existem muitas ferramentas de prototipagem disponíveis, mas apenas algumas delas possuem recursos avançados e o Axure é uma delas. É uma ótima ferramenta de experiência do usuário e permite que os designers de sites criem protótipos interativos altamente avançados rapidamente, mesmo que não tenham muito conhecimento de codificação de front-end.
É uma ferramenta de wireframing e diagramação semelhante ao Omnigraffle, que é útil para arquitetos de informação, principalmente designers de interação. Com o Axure RP Prol, você pode criar páginas com zoom de arrastar, rolagem parallax, cabeçalhos encaixados, pesquisa incremental, painéis dinâmicos móveis e muito mais.
9. MindManager
MindManager da MindJet é diferente do software convencional de mapeamento mental. Essa ferramenta incorpora o gerenciamento de projetos ao mapeamento mental, tornando-o mais um gerenciador de informações abrangente do que um simples mapeador mental.
Embora esteja longe de ser barato, o MindManager definitivamente vale o custo. É uma estrutura visual destinada a promover a organização de ideias e o pensamento freefork. Com sua fácil funcionalidade de arrastar e soltar, ele pode ser usado por arquitetos de informação para criar e colocar ideias de maneira fácil e rápida, e organizar essas ideias em um mapa do site para ilustração, permite a exportação de mapas do site como JPG.webp, PNG, PDF ou documentos do Word.
10. XMind
XMind é outro programa de mapeamento com poderosas capacidades de diagramação, mas tem alguns problemas de interface. Depois de se acostumar com sua interface, no entanto, você pode obter muito dessa ferramenta. Ele vem com vários modelos que apresentam diferentes tipos de diagramas. Sua interface é detalhada e pode ser esmagadora para quem não está familiarizado com ela. As revisões são muito bem tratadas, permitindo reverter para versões anteriores com facilidade.
Esta ferramenta vem com o benefício adicional de permitir que especialistas em arquitetura de sites salvem mapas no Evernote. Ele oferece uma biblioteca completa de mapas para os usuários visualizarem o trabalho de outras pessoas e compartilharem seu próprio trabalho. Uma versão gratuita está disponível, juntamente com o XMind Pro pago para Linux, Windows e Mac.
11. Treejack
Treejack é ideal se você quiser testar a hierarquia de informações de uma arquitetura de site proposta. É superior a outras técnicas de avaliação, como classificação reversa de cartões e classificação fechada de cartões, avaliando a profundidade completa de uma hierarquia de informações.
Para aqueles que desejam testar sua hierarquia e entender como ela funcionaria com os usuários, o Treejack pode ser uma boa ferramenta. Ele permite que os arquitetos insiram uma hierarquia de sites, recrutem usuários e configurem tarefas. Eles podem ver os resultados do teste, compartilhá-los ou baixá-los.