O slideshow foi denunciado.
Seu SlideShare está sendo baixado. ×

A herança da arquitetura da informação para a UX Writer

Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Carregando em…3
×

Confira estes a seguir

1 de 22 Anúncio
Anúncio

Mais Conteúdo rRelacionado

Diapositivos para si (20)

Semelhante a A herança da arquitetura da informação para a UX Writer (20)

Anúncio

Mais de Mergo (20)

Mais recentes (20)

Anúncio

A herança da arquitetura da informação para a UX Writer

  1. 1. CHARLLEY LUZ • SÃO PAULO – 22, 25 E 26 DE MARÇO DE 2022/ A herança da arquitetura da informação (AI) para a UX Writer Depois da pausa pra comer, descansar, fazer carinho no pet, tomar um café, se alongar e regar as plantas :)
  2. 2. Charlley Luz: Fui publicitário, achei que o mundo da comunicação estava mudando e me interessei pelo mundo da informação e dos documentos digitais. Tornei-me bacharel em Arquivologia pela UFRGS e Mestre em Ciência da Informação pela ECA-USP. Sou empreendedor, consultor, professor, palestrante e pesquisador. Especialista em sistemas e serviços de informação, desenvolvo projetos em usabilidade, portais, colaboração, além de planejar ambientes e repositórios digitais e de gestão documental junto à Feed Consultoria. Arquitetura da Informação | Apresentação https://www.linkedin.com/in/charlley/
  3. 3. https://bit.ly/LIVROAI22
  4. 4. O que um UX Writer realmente escreve Os escritores de UX não escrevem somente instruções e introduções. Eles garantem que o produto fale a mesma língua que os usuários. O UX Writer trabalha em colaboração com as personas dos usuários e, no estilo UX designer, testa constantemente o conteúdo que escreve. Além disso, garante que as palavras que escreve re fl etem a voz da marca, adaptando o tom para se adequar às várias situações em que o usuário se encontra em todo o produto. Faz com que o produto fale a mesma linguagem dos usuários Usa técnicas como personas e testes com usuários Trata o conteúdo como uma conversa entre o produto e o usuário Re fl ete a voz da marca nos textos Melhora o fl uxo de usuários com conteúdo adaptado para cada situação Como UX Writers Melhoram um produto de UX Fonte: https://www.justinmind.com/blog/ux-writing/ Arquitetura da Informação | Um pouco sobre UX Writing
  5. 5. | Microtexto | Título | CTA (Call to Action) | Formulários | Newsletter | Contato | Mensagem de sucesso | Mensagem de erro | Página 404 | Espaço vazio | Chatbot | Landing Page | UX Writing e Acessibilidade | Linguagem neutra Arquitetura da Informação | Aplicação da UX Writing
  6. 6. • textos dentro de produtos e de experiências • Fluxos de diálogos e interação na web • diretrizes e guias de estilo • Garantir que conteúdo e a estratégia estejam alinhadas • Aplicar a estratégia de produto https://www.invisionapp.com/inside-design/ux-writer/ Escrita para a Experiência do usuário Arquitetura da Informação | Um pouco sobre UX Writing
  7. 7. Arquitetura da Informação | Foco da Apresentação PRODUTO Situação do uso Experiência Percepção de um usuário Ux writing: no contexto para a experiência usuário produto Interface Ux writing: aplicada às interfaces da jornada
  8. 8. •Legendas de imagens; •CTAs (Call To Actions) •Noti fi cações; •Mensagens de Erro; •Menus, botões e outros elementos de UI. Os textos para interação tem a função de chamar a atenção do usuário, guiar e incentivá-lo a interagir com os elementos. Portanto, esse tipo de copy precisa ser bem assertiva, concisa e com as palavras certas para impactar quem lê. •Títulos; •Subtítulos; •Corpo do texto; •Apresentação dos Resultados da Busca. Esses componentes fazem parte da Hierarquia Visual e são importantes para deixar o texto escaneável para o usuário. Os títulos e subtítulos também precisam ser objetivos e concisos. O usuário deve saber rapidamente sobre o que trata aquele tópico. UX Writing para informação: UX Writing para Interação: Arquitetura da Informação | UX Writing para informação e para interação
  9. 9. Construção Quality Assurance UX on Outstanding Stories Sprint 2/4 semanas Objetivos de negócio Necessidades do usuário Concept Daily Scrum Daily W ork Daily Sprint UX Discovery Sprint Backlog • Full Guerkins • Approved Wireframes • High Level Planning • Test Planning Wireframes Teste de guerrilha UX Validation Lançamento • Desenvolvimento • Design • Prototipagem • Descoberta de Cenário • Taks Analysis • Arquitetura da Informação • Paper Prototyping • Lo fi Wireframes Arquitetura da Informação | Processo de criação de produto
  10. 10. http://tibetantailor.com/?p=662 Arquitetura da Informação | Processo de criação de produto
  11. 11. Arquitetura da Informação | Metodologia de Arquitetura da Informação Rosenfeld e Morville
  12. 12. Arquitetura da Informação | Metodologia de Arquitetura da Informação Rosenfeld e Morville
  13. 13. Arquitetura da Informação | Metodologia de Arquitetura da Informação Rosenfeld e Morville DSIA Research Initiative Information Architecture : Common Set v.1.0
  14. 14. problema do usuário modelo mental; metáforas; affordances; personas. Cenários + Fluxos + Storytelling Protótipo/wireframe Mobile First + Heurística Tom e Voz Arquitetura da Informação | Arquitetura da Informação e UX AI UXW
  15. 15. Arquitetura da Informação | Arquitetura da Informação e UX Design de Interação fluxos | ações |usuários Information Design Modelo mental / Affordances Arquitetura da Informação 4 sistemas: navegação, organização, rotulação e busca Interface Design Mocape - Interfaces esteticamente agradáveis. Navigation Design componentes e estilos de navegação para negócios, tarefas e recursos dos usuários.
  16. 16. Quando no seu trabalho de UX Writer se deparar com um conjunto muito grande de dados, informações e conteúdo, lembre-se que existem métodos consagrados na Arquitetura da Informação capazes de dar conta
  17. 17. O termo arquitetura de informação foi criado pelo arquiteto/designer Saul Wurman, em 1976. O conceito de Wurman tinha relação com a organização da grande quantidade de informação produzida pelo homem diariamente, sem grande preocupação com a ordem.Wurman estabeleceu o propósito da AI em guias de viagem, com mapas de regiões, organizando o conteúdo por categorias de lugares para visitar. Arquitetura da Informação | Criação do Termo
  18. 18. Nos anos 90, a arquitetura de informação passa a ser usada no planejamento de websites. ”Livro do urso polar” (Information Architecture for the World Wide Web, 1998). Atualmente em terceira edição, continua sendo a “bíblia” dos AIs. “A arte e ciência de estruturar e classificar websites e intranets para ajudar pessoas a encontrar e gerenciar informações.” Arquitetura da Informação | Livro do Urso Polar
  19. 19. Fase 1: levantamento de requisitos e planejamento Atividade 1: Coletar requisitos; Atividade 2: elaborar documento de requisitos Atividade 3: elaborar planejamento Fase 2: Análise e projeto • Atividade 1: Tratamento funcional (o que faz o ambiente); • Atividade 2: Tratamento estrutural (fluxos e metadados) • Atividade 3: Tratamento Informacional (conteúdo e representação); Organização da informação (categorias) • Atividade 4: Tratamento Navegacional (navegação do ambiente) • Atividade 5: Tratamento Visual (Rotulagem, Wireframe) Fase 3: Avaliação e retroalimentação Atividade 1: Definição de métricas e ROI; Atividade 2: análise heurística Atividade 3: testes de usabilidade Atividade 4: melhoria (retroalimentar) Arquitetura da Informação | Metodologia de Arquitetura da Informação
  20. 20. Navegação global: posicionamento, orientação e comportamento • Abas • Links estáticos • Roll-overs • Fly-outs • Cascatas • Orientação horizontal vs. vertical Navegação local • Quando introduzir a navegação local • Taxonomias na navegação local • Variações para comércio eletrônico • Estratégias de sites profundos: mininavegação e navegação roll-up • Colocação: direita versus esquerda • Menus fl utuantes Navegação para descoberta • Links Relacionados • Filtros sociais • Nuvens de tags • Tiras de fi lme • Ferramentas do Navigation Design Pesquisa facetada: integrando pesquisa e navegação Seleção única versus seleção múltipla Padrão de interação de fi nido-claro-de fi nido Canal Controles intuitivos Navegação para suporte a tarefas Menu utilitário Links Rápidos Elementos para criar estrutura Navegação espacial Mapas do site Migalhas de pão Navegação do processo Paginação Rodapés Links Relacionados E mais mobille Arquitetura da Informação | Ferramentas de Arquitetura da Informação
  21. 21. Arquitetura da Informação | Cabides de organização para Conteúdo
  22. 22. Obrigado > Charlley Luz feedconsultoria.com.br UX e INTERFACE PLANEJAMENTO TAXONOMIA SEARCH DOCUMENTAÇÃO charlley@feedconsultoria.com.br

×