Experiência do Usuário como prática na Locaweb Andreza Godoy [email_address]
 
Timeline  da Experiência do Usuário na Locaweb
<ul><li>Equipe de Usabilidade </li></ul><ul><li>Designers visuais </li></ul><ul><li>Maior foco na interface das fichas e p...
<ul><li>Divisor de águas </li></ul><ul><li>Visita de Marty Cagan </li></ul><ul><li>100 Essential Lessons in Product Manage...
<ul><li>Mudança 1 </li></ul><ul><li>Divisão em 2 equipes: UX e Interfaces </li></ul><ul><li>Todos da equipe de UX deveriam...
 
 
<ul><li>Capacitação! </li></ul><ul><li>2 cursos internacionais </li></ul><ul><li>Cursos locais </li></ul><ul><li>Participa...
 
<ul><li>Metodologia de trabalho </li></ul><ul><li>SCRUM </li></ul><ul><li>2 competências trabalhando em dupla: AI/DV </li>...
 
FOCO!
Gargalo!
Envolvimento!
<ul><li>Mudança 2 </li></ul><ul><li>Junção da equipe de UX e Interfaces </li></ul><ul><li>Divisão em 2 novos times: Site e...
<ul><li>Site </li></ul><ul><li>1 DV, 2 AI, 2 IMP </li></ul><ul><li>+ foco </li></ul><ul><li>+  agilidade </li></ul><ul><li...
<ul><li>Projeto Novo Site </li></ul><ul><li>Time boxing </li></ul><ul><li>Escopo variável, tempo fixo: 3 meses! </li></ul>
<ul><li>Falta de padrão </li></ul><ul><li>Manutenção difícil e centralizada </li></ul><ul><li>Informações visuais desneces...
Site novo <ul><li>Resolução 1024x768 </li></ul><ul><li>Padronização  </li></ul><ul><li>(visual, conteúdo e código) </li></...
Topo Rodapé <ul><li>Duas abordagens </li></ul><ul><li>Organização e hierarquia </li></ul>Reestruturação de conteúdo
Outra abordagem
Reestruturação de conteúdo Preço Vantagens Planos e  principais caracterísicas?
Ressaltar vantagens do produto Principais informações sobre o produto Ressaltar as diferenças entre os planos contribuindo...
Busca <ul><li>Mais eficiente  </li></ul><ul><li>(Mecanismo do Google) </li></ul><ul><li>Forma de navegação auxiliar </li><...
HTML e CSS <ul><li>HTML Semântico </li></ul><ul><li>Tableless </li></ul><ul><li>Reaproveitamento de código </li></ul><ul><...
<ul><li>ClickTale:  Monitoração da navegação dos usuários. Ajuda a identificar os conteúdos mais navegados e acessados </l...
<ul><li>Divisão por produto </li></ul><ul><li>1  DI   dedicado para cada linha de produto </li></ul><ul><li>mas ainda trab...
<ul><li>e o SCRUM? </li></ul><ul><li>SITE utilizando Scrum </li></ul><ul><li>UX dos produtos sem Scrum </li></ul><ul><li>C...
<ul><li>DI inserido na equipe de Produto </li></ul><ul><li>DI sentado junto com a equipe do produto </li></ul><ul><li>Part...
 
DI envolvido no desenvolvimento do produto desde a concepção
Agilidade, Foco e Envolvimento!!!
Métodos ágeis iterativo abraça mudanças design apenas do suficiente para trazer  rapidamente valor ao cliente.  Design ori...
http://www.svpg.com/agile-scrum-product-development-process/
Viabilidade Desejabilidade Capacidade o que  sustentará o negócio? o que as  pessoas querem? o que  podemos construir? Pro...
Viabilidade Desejabilidade Capacidade Gerente de Produto Designer Líder Técnico <ul><li>Avaliar oportunidades do produto <...
 
Disciplina sobre papéis Papéis dividem times em silos que dividem objetivos em tarefas isoladas, encorajando um comportame...
<ul><li>UX na Locaweb hoje </li></ul><ul><li>Site com: 1 PO, 1 designer, 3 implementadores </li></ul><ul><li>4 designers a...
<ul><li>UX na Locaweb hoje </li></ul><ul><li>Nenhuma documentação obrigatória </li></ul><ul><li>Pesquisa, análise heurísti...
Obrigada! @andrezagodoy [email_address]
Upcoming SlideShare
Loading in...5
×

Experiência do Usuário como prática na Locaweb

1,083

Published on

Published in: Design
0 Comments
5 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,083
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
5
Embeds 0
No embeds

No notes for slide
  • DIFICULDADE: Equipe com mais experiência em designer visual, e com pouca em outras área de UX (pesquisa, testes de usabilidade, arquitetura da informação, designer de interação, elaboracao de wireframes)
  • DESAFIO: tornar nossa equipe numa verdadeira equipe de UX.
  • Programação de interfaces com a equipe de interfaces
  • PROBLEMAS
  • PROBLEMA 1: FALTA DE FOCO Sprints com pouco foco, composto por histórias de diversos produtos.
  • PROBLEMA 2: EQUIPE DE UX e INTERFACES como GARGALO No mínimo 1 mês e meio para qquer coisa ir a produção.
  • PROBLEMA 3: FALTA DE ENVOLVIMENTO maior sentimento de ZELO pelo produto
  • SITE: 1 DV, 2 AI, 2 IMP =&gt; + foco! PAINEL: 1 DV, 2 DI, 3 IMP =&gt; + agilidade, mas ainda sem FOCO
  • MAS DI ainda trabalhando longe da equipe do produto
  • MAS DI ainda trabalhando longe da equipe do produto
  • DI com mais SKILLs Ganhar agilidade Eliminar handoffs
  • VISITA da KYRIE
  • “ O que as pessoas desejam? ”. Com essa resposta, se pergunte “ Das coisas que as pessoas desejam, o que sustentará o negócio? ” e, por último, “ Das coisas que as pessoas desejam e que sustentará o negócio, o que pode ser construído? ”.
  • Transcript of "Experiência do Usuário como prática na Locaweb"

    1. 2. Experiência do Usuário como prática na Locaweb Andreza Godoy [email_address]
    2. 4. Timeline da Experiência do Usuário na Locaweb
    3. 5. <ul><li>Equipe de Usabilidade </li></ul><ul><li>Designers visuais </li></ul><ul><li>Maior foco na interface das fichas e painel </li></ul><ul><li>Normalmente envolvidos no final do processo </li></ul>
    4. 6. <ul><li>Divisor de águas </li></ul><ul><li>Visita de Marty Cagan </li></ul><ul><li>100 Essential Lessons in Product Management </li></ul><ul><li>A importância da Experiência do Usuário </li></ul>
    5. 7. <ul><li>Mudança 1 </li></ul><ul><li>Divisão em 2 equipes: UX e Interfaces </li></ul><ul><li>Todos da equipe de UX deveriam ser capazes de atuar em todos os aspectos de UX </li></ul><ul><li>Dificuldades e desafios </li></ul>
    6. 10. <ul><li>Capacitação! </li></ul><ul><li>2 cursos internacionais </li></ul><ul><li>Cursos locais </li></ul><ul><li>Participação em eventos </li></ul><ul><li>Grupo de estudos </li></ul><ul><li>Muitas leituras… </li></ul>
    7. 12. <ul><li>Metodologia de trabalho </li></ul><ul><li>SCRUM </li></ul><ul><li>2 competências trabalhando em dupla: AI/DV </li></ul><ul><li>Equipe como fornecedora de toda a empresa </li></ul><ul><li>Não havia devisão de responsabilidades por produto </li></ul>
    8. 14. FOCO!
    9. 15. Gargalo!
    10. 16. Envolvimento!
    11. 17. <ul><li>Mudança 2 </li></ul><ul><li>Junção da equipe de UX e Interfaces </li></ul><ul><li>Divisão em 2 novos times: Site e Painel </li></ul>
    12. 18. <ul><li>Site </li></ul><ul><li>1 DV, 2 AI, 2 IMP </li></ul><ul><li>+ foco </li></ul><ul><li>+ agilidade </li></ul><ul><li>+ envolvimento </li></ul><ul><li>Painel </li></ul><ul><li>1 DV, 2 AI, 3 IMP </li></ul><ul><li>ainda sem foco </li></ul><ul><li>pouco + de agilidade </li></ul><ul><li>pouco + de envolvimento </li></ul><ul><li>mas não tanto como queríamos </li></ul>
    13. 19. <ul><li>Projeto Novo Site </li></ul><ul><li>Time boxing </li></ul><ul><li>Escopo variável, tempo fixo: 3 meses! </li></ul>
    14. 20. <ul><li>Falta de padrão </li></ul><ul><li>Manutenção difícil e centralizada </li></ul><ul><li>Informações visuais desnecessárias </li></ul><ul><li>Estruturação de conteúdo refletindo organização da empresa </li></ul><ul><li>Crescimento desordenado </li></ul>Site antigo
    15. 21. Site novo <ul><li>Resolução 1024x768 </li></ul><ul><li>Padronização </li></ul><ul><li>(visual, conteúdo e código) </li></ul><ul><li>Nova identidade visual </li></ul><ul><li>Reestruturação de conteúdo </li></ul><ul><li>Utilização do Joomla </li></ul><ul><li>SEO </li></ul>
    16. 22. Topo Rodapé <ul><li>Duas abordagens </li></ul><ul><li>Organização e hierarquia </li></ul>Reestruturação de conteúdo
    17. 23. Outra abordagem
    18. 24. Reestruturação de conteúdo Preço Vantagens Planos e principais caracterísicas?
    19. 25. Ressaltar vantagens do produto Principais informações sobre o produto Ressaltar as diferenças entre os planos contribuindo para a tomada de decisão Reestruturação de conteúdo
    20. 26. Busca <ul><li>Mais eficiente </li></ul><ul><li>(Mecanismo do Google) </li></ul><ul><li>Forma de navegação auxiliar </li></ul><ul><li>Presente em todas as páginas </li></ul><ul><li>Filtro (site, wiki, blog e fórum) </li></ul>
    21. 27. HTML e CSS <ul><li>HTML Semântico </li></ul><ul><li>Tableless </li></ul><ul><li>Reaproveitamento de código </li></ul><ul><li>Indexação (Google) </li></ul><ul><li>Acessibilidade </li></ul><ul><li>Padronização </li></ul>
    22. 28. <ul><li>ClickTale: Monitoração da navegação dos usuários. Ajuda a identificar os conteúdos mais navegados e acessados </li></ul><ul><li>Urchin: Palavras mais buscadas, pontos de entradas, pontos de saída, informações técnicas sobre os usuários </li></ul>Monitoração
    23. 29. <ul><li>Divisão por produto </li></ul><ul><li>1 DI dedicado para cada linha de produto </li></ul><ul><li>mas ainda trabalhando separado da equipe do produto </li></ul><ul><li>1 AI dedicado ao Site </li></ul><ul><li>1 único DV (mais dedicado ao Site) </li></ul><ul><li>1 pessoa dedicada a pesquisas </li></ul>
    24. 30. <ul><li>e o SCRUM? </li></ul><ul><li>SITE utilizando Scrum </li></ul><ul><li>UX dos produtos sem Scrum </li></ul><ul><li>Cada DI responsável por planejar suas atividades e alinhar com o gerente de seu produto </li></ul><ul><li>Foco e um pouco mais de envolvimento </li></ul>
    25. 31. <ul><li>DI inserido na equipe de Produto </li></ul><ul><li>DI sentado junto com a equipe do produto </li></ul><ul><li>Participando dos sprints da equipe </li></ul><ul><li>Padrão de interface para os produtos </li></ul><ul><li>Mais skills para o DI, maior agilidade </li></ul>
    26. 33. DI envolvido no desenvolvimento do produto desde a concepção
    27. 34. Agilidade, Foco e Envolvimento!!!
    28. 35. Métodos ágeis iterativo abraça mudanças design apenas do suficiente para trazer rapidamente valor ao cliente. Design orientado a UX estigma de se ter o desenho completo com antecedência
    29. 36. http://www.svpg.com/agile-scrum-product-development-process/
    30. 37. Viabilidade Desejabilidade Capacidade o que sustentará o negócio? o que as pessoas querem? o que podemos construir? Produto de Sucesso
    31. 38. Viabilidade Desejabilidade Capacidade Gerente de Produto Designer Líder Técnico <ul><li>Avaliar oportunidades do produto </li></ul><ul><li>Definir modelo do negócio </li></ul><ul><li>Definir o que será construído, quais as funcionalidades </li></ul><ul><li>Entender os objetivos do negócio </li></ul><ul><li>Entender o usuário </li></ul><ul><li>Desenhar e especificar a interface </li></ul><ul><li>Avaliar o custo das ideias propostas </li></ul><ul><li>Identificar e propor melhores – e possíveis - soluções técnicas </li></ul><ul><li>Construir o produto </li></ul>
    32. 40. Disciplina sobre papéis Papéis dividem times em silos que dividem objetivos em tarefas isoladas, encorajando um comportamento especialista e a cultura do “nós x eles”.   Efetividade sobre eficiência Ao ensinar e aprender práticas efetivas de software, a eficiência naturalmente surge.   Produto sobre processo Ao enfatizar processo, o objetivo de produzir e entregar produto é ignorado.   Responsabilidade compartilhada sobre responsabilidade exclusiva Quando há algo válido para fazer, ele deve ser feito. Peça por ajuda quando a tarefa não é familiar ou é incômoda.
    33. 41. <ul><li>UX na Locaweb hoje </li></ul><ul><li>Site com: 1 PO, 1 designer, 3 implementadores </li></ul><ul><li>4 designers alocados nos times de produtos </li></ul><ul><li>Todos trabalhando com Scrum </li></ul><ul><li>1 reunião quinzenal de planejamento de UX </li></ul><ul><li>1 standup meeting semanal de UX </li></ul>
    34. 42. <ul><li>UX na Locaweb hoje </li></ul><ul><li>Nenhuma documentação obrigatória </li></ul><ul><li>Pesquisa, análise heurística, benchmarking, mapa de funcionalidades, wireframes, layout visual, protótipos, teste de usabilidade, análise de métricas… </li></ul><ul><li>Axure, Omnigraffle, Photoshop, Fireworks, Clicktale, Google Analytics, Google Docs, Camtasia, MindMeister… </li></ul>
    35. 43. Obrigada! @andrezagodoy [email_address]

    ×