SlideShare a Scribd company logo
1 of 11
Método The Bridge
User experience designer com + de 10
anos de atuação como designer web, e
5 anos como designer mobile.
Experiência profissional
Daniel Coscarelli
• Sobre o método
• Os estágios do método
• Atividades em grupo
• Entregáveis gerados com o
uso do método
• Programa para criar fluxos
e mapas mentais
Índice
Sobre o método
• É um método participativo.
• Requisitos funcionais são desenvolvidos (perspectiva dos usuários).
Os estágios do método
• Expressar os requerimentos
dos usuários em fluxos de
tarefas.
• Mapear os fluxos.
• Criar a interface visual.
Atividades em grupo
• Expressar os requerimentos dos usuários em fluxos de tarefas.
Faça uma lista com pelo menos 5 informações que você considera ser importante ter
em uma página inicial pública de uma empresa de turismo. Realize esta mesma tarefa de
listagem, porém, desta vez pensando na página inicial logada. Duração: 10 minutos.
• Mapear os fluxos.
Discuta entre os outros participantes, quais informações dentre todas as que foram
listadas, será realmente importante e de valor para o cliente final. Passe para os post-its
cada uma destas tarefas, de forma individual. Duração: 15 minutos.
• Criar a interface visual.
Fluxogramas, sketches, mapas de conteúdo, protótipos, etc. Estes são alguns dos
entregáveis possíveis que você irá fazer antes de criar a interface visual.
Sugestão para esta atividade: crie sketches das telas, e aproveite para testar a usabilidade e
experiência que os usuários terão com as interações escolhidas. Duração: 10 minutos.
Entregáveis gerados com o uso do método
Fluxogramas
Entregáveis gerados com o uso do método
Mapas de Conteúdo
Entregáveis gerados com o uso do método
Protótipos
Programa para criar fluxos e mapas mentais
Obrigado!
Dúvidas? Fique à vontade.
UX Designer Consultant
www.danielcoscarelli.com.br

More Related Content

What's hot

O Papel do desenvolvedor Front End
O Papel do desenvolvedor Front EndO Papel do desenvolvedor Front End
O Papel do desenvolvedor Front EndRael Max
 
DESIGNER E FRONT-END DEV: Prontos para mudar seu workflow?
DESIGNER E FRONT-END DEV: Prontos para mudar seu workflow?DESIGNER E FRONT-END DEV: Prontos para mudar seu workflow?
DESIGNER E FRONT-END DEV: Prontos para mudar seu workflow?RC Comunicação
 
Estrutura de um Front-End eficiente (para iniciantes)
Estrutura de um Front-End eficiente (para iniciantes)Estrutura de um Front-End eficiente (para iniciantes)
Estrutura de um Front-End eficiente (para iniciantes)Sérgio Vilar
 
TDC SP 2015 - Criando Web Apps Real Time com AngularJs e Firebase
TDC SP 2015 - Criando Web Apps Real Time com AngularJs e FirebaseTDC SP 2015 - Criando Web Apps Real Time com AngularJs e Firebase
TDC SP 2015 - Criando Web Apps Real Time com AngularJs e FirebaseAndre Baltieri
 
Por que devo aprender JavaScript?
Por que devo aprender JavaScript?Por que devo aprender JavaScript?
Por que devo aprender JavaScript?Breno Alves
 
Componentizando a Web com Polymer
Componentizando a Web com PolymerComponentizando a Web com Polymer
Componentizando a Web com PolymerStefan Horochovec
 
Blogs para professores de idiomas, porque e como fazer
Blogs para professores de idiomas, porque e  como fazerBlogs para professores de idiomas, porque e  como fazer
Blogs para professores de idiomas, porque e como fazerMarcos Padilha
 
Criando aplicações Híbridas com AngularJs, TypeScript e Material Design
Criando aplicações Híbridas com AngularJs, TypeScript e Material DesignCriando aplicações Híbridas com AngularJs, TypeScript e Material Design
Criando aplicações Híbridas com AngularJs, TypeScript e Material DesignAndre Baltieri
 
Criando Seu Primeiro App com Xamarin.Forms
Criando Seu Primeiro App com Xamarin.FormsCriando Seu Primeiro App com Xamarin.Forms
Criando Seu Primeiro App com Xamarin.FormsThiago Bertuzzi
 
Gerenciando Projetos Com Ruby On Rails
Gerenciando Projetos Com Ruby On RailsGerenciando Projetos Com Ruby On Rails
Gerenciando Projetos Com Ruby On RailsRodrigo Urubatan
 
Clean code: programando com WordPress de forma profissional
Clean code: programando com WordPress de forma profissionalClean code: programando com WordPress de forma profissional
Clean code: programando com WordPress de forma profissionalLeo Baiano
 
WordPress para Gestores de Conteúdo - WordCamp BH 2015
WordPress para Gestores de Conteúdo - WordCamp BH 2015WordPress para Gestores de Conteúdo - WordCamp BH 2015
WordPress para Gestores de Conteúdo - WordCamp BH 2015Nauweb
 
Introdução ao Web Design: Aula 1 - Imersão ao Web Design
Introdução ao Web Design: Aula 1 - Imersão ao Web DesignIntrodução ao Web Design: Aula 1 - Imersão ao Web Design
Introdução ao Web Design: Aula 1 - Imersão ao Web DesignGustavo Zimmermann
 
Ai1415 ad-tp2-g4-a
Ai1415 ad-tp2-g4-aAi1415 ad-tp2-g4-a
Ai1415 ad-tp2-g4-amfsmsl
 
Wordpress :: Plugins - visão geral
Wordpress :: Plugins - visão geralWordpress :: Plugins - visão geral
Wordpress :: Plugins - visão geralWesley R. Bezerra
 
Introdução ao Native Script
Introdução ao Native ScriptIntrodução ao Native Script
Introdução ao Native ScriptAndre Baltieri
 
Usando a programação web para mobile com Twitter Bootstrap
Usando a programação web para mobile com Twitter BootstrapUsando a programação web para mobile com Twitter Bootstrap
Usando a programação web para mobile com Twitter BootstrapFlavio Souza
 
Wordpress :: Configurar seu blog
Wordpress :: Configurar seu blogWordpress :: Configurar seu blog
Wordpress :: Configurar seu blogWesley R. Bezerra
 
Write once, run "everywhere"
Write once, run "everywhere"Write once, run "everywhere"
Write once, run "everywhere"Stefan Horochovec
 

What's hot (20)

O Papel do desenvolvedor Front End
O Papel do desenvolvedor Front EndO Papel do desenvolvedor Front End
O Papel do desenvolvedor Front End
 
DESIGNER E FRONT-END DEV: Prontos para mudar seu workflow?
DESIGNER E FRONT-END DEV: Prontos para mudar seu workflow?DESIGNER E FRONT-END DEV: Prontos para mudar seu workflow?
DESIGNER E FRONT-END DEV: Prontos para mudar seu workflow?
 
Estrutura de um Front-End eficiente (para iniciantes)
Estrutura de um Front-End eficiente (para iniciantes)Estrutura de um Front-End eficiente (para iniciantes)
Estrutura de um Front-End eficiente (para iniciantes)
 
Não me faça pensar
Não me faça pensarNão me faça pensar
Não me faça pensar
 
TDC SP 2015 - Criando Web Apps Real Time com AngularJs e Firebase
TDC SP 2015 - Criando Web Apps Real Time com AngularJs e FirebaseTDC SP 2015 - Criando Web Apps Real Time com AngularJs e Firebase
TDC SP 2015 - Criando Web Apps Real Time com AngularJs e Firebase
 
Por que devo aprender JavaScript?
Por que devo aprender JavaScript?Por que devo aprender JavaScript?
Por que devo aprender JavaScript?
 
Componentizando a Web com Polymer
Componentizando a Web com PolymerComponentizando a Web com Polymer
Componentizando a Web com Polymer
 
Blogs para professores de idiomas, porque e como fazer
Blogs para professores de idiomas, porque e  como fazerBlogs para professores de idiomas, porque e  como fazer
Blogs para professores de idiomas, porque e como fazer
 
Criando aplicações Híbridas com AngularJs, TypeScript e Material Design
Criando aplicações Híbridas com AngularJs, TypeScript e Material DesignCriando aplicações Híbridas com AngularJs, TypeScript e Material Design
Criando aplicações Híbridas com AngularJs, TypeScript e Material Design
 
Criando Seu Primeiro App com Xamarin.Forms
Criando Seu Primeiro App com Xamarin.FormsCriando Seu Primeiro App com Xamarin.Forms
Criando Seu Primeiro App com Xamarin.Forms
 
Gerenciando Projetos Com Ruby On Rails
Gerenciando Projetos Com Ruby On RailsGerenciando Projetos Com Ruby On Rails
Gerenciando Projetos Com Ruby On Rails
 
Clean code: programando com WordPress de forma profissional
Clean code: programando com WordPress de forma profissionalClean code: programando com WordPress de forma profissional
Clean code: programando com WordPress de forma profissional
 
WordPress para Gestores de Conteúdo - WordCamp BH 2015
WordPress para Gestores de Conteúdo - WordCamp BH 2015WordPress para Gestores de Conteúdo - WordCamp BH 2015
WordPress para Gestores de Conteúdo - WordCamp BH 2015
 
Introdução ao Web Design: Aula 1 - Imersão ao Web Design
Introdução ao Web Design: Aula 1 - Imersão ao Web DesignIntrodução ao Web Design: Aula 1 - Imersão ao Web Design
Introdução ao Web Design: Aula 1 - Imersão ao Web Design
 
Ai1415 ad-tp2-g4-a
Ai1415 ad-tp2-g4-aAi1415 ad-tp2-g4-a
Ai1415 ad-tp2-g4-a
 
Wordpress :: Plugins - visão geral
Wordpress :: Plugins - visão geralWordpress :: Plugins - visão geral
Wordpress :: Plugins - visão geral
 
Introdução ao Native Script
Introdução ao Native ScriptIntrodução ao Native Script
Introdução ao Native Script
 
Usando a programação web para mobile com Twitter Bootstrap
Usando a programação web para mobile com Twitter BootstrapUsando a programação web para mobile com Twitter Bootstrap
Usando a programação web para mobile com Twitter Bootstrap
 
Wordpress :: Configurar seu blog
Wordpress :: Configurar seu blogWordpress :: Configurar seu blog
Wordpress :: Configurar seu blog
 
Write once, run "everywhere"
Write once, run "everywhere"Write once, run "everywhere"
Write once, run "everywhere"
 

Viewers also liked

Comunidade. Abuse e use dela com moderação e inteligência.
Comunidade. Abuse e use dela com moderação e inteligência.Comunidade. Abuse e use dela com moderação e inteligência.
Comunidade. Abuse e use dela com moderação e inteligência.Beto Muniz
 
Fuja do ciclo vicioso do conteúdo sem valor
Fuja do ciclo vicioso do conteúdo sem valorFuja do ciclo vicioso do conteúdo sem valor
Fuja do ciclo vicioso do conteúdo sem valorNara Grilo
 
Wordpress search-elasticsearch
Wordpress search-elasticsearchWordpress search-elasticsearch
Wordpress search-elasticsearchTaylor Lovett
 
Como enviar newsletters no WordPress
Como enviar newsletters no WordPressComo enviar newsletters no WordPress
Como enviar newsletters no WordPressRafael Funchal
 
Architecting an Highly Available and Scalable WordPress Site in AWS
Architecting an Highly Available and Scalable WordPress Site in AWS Architecting an Highly Available and Scalable WordPress Site in AWS
Architecting an Highly Available and Scalable WordPress Site in AWS Harish Ganesan
 
Image manipulation in WordPress 3.5
Image manipulation in WordPress 3.5Image manipulation in WordPress 3.5
Image manipulation in WordPress 3.5Marko Heijnen
 
Wordcamp 2010 I'm A Scientist Get me Out of Here - Mike Little
Wordcamp 2010 I'm A Scientist Get me Out of Here - Mike LittleWordcamp 2010 I'm A Scientist Get me Out of Here - Mike Little
Wordcamp 2010 I'm A Scientist Get me Out of Here - Mike LittleMike Little
 
Core plugins - WordCamp UK 2010
Core plugins  - WordCamp UK 2010Core plugins  - WordCamp UK 2010
Core plugins - WordCamp UK 2010Peter Westwood
 
WordPress APIs
WordPress APIsWordPress APIs
WordPress APIsmdawaffe
 
WordPress as a Service
WordPress as a ServiceWordPress as a Service
WordPress as a ServiceAndrew Bauer
 
Empowering Your Clients and Be an Advocate for Yourself
Empowering Your Clients and Be an Advocate for YourselfEmpowering Your Clients and Be an Advocate for Yourself
Empowering Your Clients and Be an Advocate for YourselfLinchpin
 
Debugging WordPress Core and Plugins!
Debugging WordPress Core and Plugins!Debugging WordPress Core and Plugins!
Debugging WordPress Core and Plugins!Bronson Quick
 
Never fear, the customizer is here!
Never fear, the customizer is here!Never fear, the customizer is here!
Never fear, the customizer is here!Cameron Jones
 
Create a newsletter in less than 17 minutes without writing a single word
Create a newsletter in less than 17 minutes without writing a single wordCreate a newsletter in less than 17 minutes without writing a single word
Create a newsletter in less than 17 minutes without writing a single wordNik Cree
 
Teresa Lane - Content Modeling - WordCamp St. Louis 2016
Teresa Lane - Content Modeling - WordCamp St. Louis 2016Teresa Lane - Content Modeling - WordCamp St. Louis 2016
Teresa Lane - Content Modeling - WordCamp St. Louis 2016Teresa Lane
 
Getting to Know Underscores
Getting to Know Underscores Getting to Know Underscores
Getting to Know Underscores Jason Yingling
 
Building a Simple Project Plan for WordPress Projects
Building a Simple Project Plan for WordPress ProjectsBuilding a Simple Project Plan for WordPress Projects
Building a Simple Project Plan for WordPress ProjectsLucas Lima
 
Organizing Your First Website Usability Test - WordCamp Boston 2016
Organizing Your First Website Usability Test - WordCamp Boston 2016Organizing Your First Website Usability Test - WordCamp Boston 2016
Organizing Your First Website Usability Test - WordCamp Boston 2016Anthony D. Paul
 
Passwords, Attakcks, and Security, oh my!
Passwords, Attakcks, and Security, oh my!Passwords, Attakcks, and Security, oh my!
Passwords, Attakcks, and Security, oh my!Michele Butcher
 

Viewers also liked (20)

Comunidade. Abuse e use dela com moderação e inteligência.
Comunidade. Abuse e use dela com moderação e inteligência.Comunidade. Abuse e use dela com moderação e inteligência.
Comunidade. Abuse e use dela com moderação e inteligência.
 
Fuja do ciclo vicioso do conteúdo sem valor
Fuja do ciclo vicioso do conteúdo sem valorFuja do ciclo vicioso do conteúdo sem valor
Fuja do ciclo vicioso do conteúdo sem valor
 
Teste A/B
Teste A/BTeste A/B
Teste A/B
 
Wordpress search-elasticsearch
Wordpress search-elasticsearchWordpress search-elasticsearch
Wordpress search-elasticsearch
 
Como enviar newsletters no WordPress
Como enviar newsletters no WordPressComo enviar newsletters no WordPress
Como enviar newsletters no WordPress
 
Architecting an Highly Available and Scalable WordPress Site in AWS
Architecting an Highly Available and Scalable WordPress Site in AWS Architecting an Highly Available and Scalable WordPress Site in AWS
Architecting an Highly Available and Scalable WordPress Site in AWS
 
Image manipulation in WordPress 3.5
Image manipulation in WordPress 3.5Image manipulation in WordPress 3.5
Image manipulation in WordPress 3.5
 
Wordcamp 2010 I'm A Scientist Get me Out of Here - Mike Little
Wordcamp 2010 I'm A Scientist Get me Out of Here - Mike LittleWordcamp 2010 I'm A Scientist Get me Out of Here - Mike Little
Wordcamp 2010 I'm A Scientist Get me Out of Here - Mike Little
 
Core plugins - WordCamp UK 2010
Core plugins  - WordCamp UK 2010Core plugins  - WordCamp UK 2010
Core plugins - WordCamp UK 2010
 
WordPress APIs
WordPress APIsWordPress APIs
WordPress APIs
 
WordPress as a Service
WordPress as a ServiceWordPress as a Service
WordPress as a Service
 
Empowering Your Clients and Be an Advocate for Yourself
Empowering Your Clients and Be an Advocate for YourselfEmpowering Your Clients and Be an Advocate for Yourself
Empowering Your Clients and Be an Advocate for Yourself
 
Debugging WordPress Core and Plugins!
Debugging WordPress Core and Plugins!Debugging WordPress Core and Plugins!
Debugging WordPress Core and Plugins!
 
Never fear, the customizer is here!
Never fear, the customizer is here!Never fear, the customizer is here!
Never fear, the customizer is here!
 
Create a newsletter in less than 17 minutes without writing a single word
Create a newsletter in less than 17 minutes without writing a single wordCreate a newsletter in less than 17 minutes without writing a single word
Create a newsletter in less than 17 minutes without writing a single word
 
Teresa Lane - Content Modeling - WordCamp St. Louis 2016
Teresa Lane - Content Modeling - WordCamp St. Louis 2016Teresa Lane - Content Modeling - WordCamp St. Louis 2016
Teresa Lane - Content Modeling - WordCamp St. Louis 2016
 
Getting to Know Underscores
Getting to Know Underscores Getting to Know Underscores
Getting to Know Underscores
 
Building a Simple Project Plan for WordPress Projects
Building a Simple Project Plan for WordPress ProjectsBuilding a Simple Project Plan for WordPress Projects
Building a Simple Project Plan for WordPress Projects
 
Organizing Your First Website Usability Test - WordCamp Boston 2016
Organizing Your First Website Usability Test - WordCamp Boston 2016Organizing Your First Website Usability Test - WordCamp Boston 2016
Organizing Your First Website Usability Test - WordCamp Boston 2016
 
Passwords, Attakcks, and Security, oh my!
Passwords, Attakcks, and Security, oh my!Passwords, Attakcks, and Security, oh my!
Passwords, Attakcks, and Security, oh my!
 

Similar to Método The bridge

As Media Queries são só um detalhe!
As Media Queries são só um detalhe!As Media Queries são só um detalhe!
As Media Queries são só um detalhe!Edu Agni
 
Arte e Tecnologia - Artes Visuais - 2013
Arte e Tecnologia - Artes Visuais - 2013Arte e Tecnologia - Artes Visuais - 2013
Arte e Tecnologia - Artes Visuais - 2013tecampinasoeste
 
Ferramentas de Gerenciamento de Projetos
Ferramentas de Gerenciamento de ProjetosFerramentas de Gerenciamento de Projetos
Ferramentas de Gerenciamento de ProjetosVMayfair
 
12° Encontro de WebDesign (usabilidade)
12° Encontro de WebDesign (usabilidade)12° Encontro de WebDesign (usabilidade)
12° Encontro de WebDesign (usabilidade)maumoreira
 
Palestra Palácio do Planalto, Brasília
Palestra Palácio do Planalto, BrasíliaPalestra Palácio do Planalto, Brasília
Palestra Palácio do Planalto, BrasíliaLuiz Agner
 
Técnica de prototipação - Aula 2
Técnica de prototipação - Aula 2Técnica de prototipação - Aula 2
Técnica de prototipação - Aula 2Guilherme Torres
 
Projecto e Produção Multimédia
Projecto e Produção MultimédiaProjecto e Produção Multimédia
Projecto e Produção MultimédiaGoncalo
 
Introdução ao web design
Introdução ao web designIntrodução ao web design
Introdução ao web designCarla Suelen
 
Apresentação PCC - Rodrigo Santiago
Apresentação PCC - Rodrigo SantiagoApresentação PCC - Rodrigo Santiago
Apresentação PCC - Rodrigo SantiagoRodrigo Correia
 
Prototipagem Em Papel
Prototipagem Em PapelPrototipagem Em Papel
Prototipagem Em Papelelliando dias
 
Prototipagem em Papel - Oficina
Prototipagem em Papel - OficinaPrototipagem em Papel - Oficina
Prototipagem em Papel - OficinaLtia Unesp
 
Laboratório Audivisual Hipermedia Aula3 4 13 22 03
Laboratório Audivisual Hipermedia Aula3 4 13 22 03Laboratório Audivisual Hipermedia Aula3 4 13 22 03
Laboratório Audivisual Hipermedia Aula3 4 13 22 03Pedro Tavares
 
Do MVP ao PWA, melhorando o engajamento com cliente na CVC
Do MVP ao PWA, melhorando o engajamento com cliente na CVCDo MVP ao PWA, melhorando o engajamento com cliente na CVC
Do MVP ao PWA, melhorando o engajamento com cliente na CVCJanderson Silva
 
Design para a internet - projetando a experêincia perfeita 1º bim
Design para a internet - projetando a experêincia perfeita 1º bimDesign para a internet - projetando a experêincia perfeita 1º bim
Design para a internet - projetando a experêincia perfeita 1º bimReuel Lopes
 

Similar to Método The bridge (20)

Design participativo
Design participativoDesign participativo
Design participativo
 
As Media Queries são só um detalhe!
As Media Queries são só um detalhe!As Media Queries são só um detalhe!
As Media Queries são só um detalhe!
 
3 apres pb_g4
3 apres pb_g43 apres pb_g4
3 apres pb_g4
 
Arte e Tecnologia - Artes Visuais - 2013
Arte e Tecnologia - Artes Visuais - 2013Arte e Tecnologia - Artes Visuais - 2013
Arte e Tecnologia - Artes Visuais - 2013
 
Ferramentas de Gerenciamento de Projetos
Ferramentas de Gerenciamento de ProjetosFerramentas de Gerenciamento de Projetos
Ferramentas de Gerenciamento de Projetos
 
12° Encontro de WebDesign (usabilidade)
12° Encontro de WebDesign (usabilidade)12° Encontro de WebDesign (usabilidade)
12° Encontro de WebDesign (usabilidade)
 
Palestra Palácio do Planalto, Brasília
Palestra Palácio do Planalto, BrasíliaPalestra Palácio do Planalto, Brasília
Palestra Palácio do Planalto, Brasília
 
Google IO 2017 Extended - Cuiaba - Progressive Web Apps
Google IO 2017 Extended - Cuiaba - Progressive Web AppsGoogle IO 2017 Extended - Cuiaba - Progressive Web Apps
Google IO 2017 Extended - Cuiaba - Progressive Web Apps
 
Técnica de prototipação - Aula 2
Técnica de prototipação - Aula 2Técnica de prototipação - Aula 2
Técnica de prototipação - Aula 2
 
Projecto e Produção Multimédia
Projecto e Produção MultimédiaProjecto e Produção Multimédia
Projecto e Produção Multimédia
 
Introdução ao web design
Introdução ao web designIntrodução ao web design
Introdução ao web design
 
Apresentação PCC - Rodrigo Santiago
Apresentação PCC - Rodrigo SantiagoApresentação PCC - Rodrigo Santiago
Apresentação PCC - Rodrigo Santiago
 
Prototipagem Em Papel
Prototipagem Em PapelPrototipagem Em Papel
Prototipagem Em Papel
 
Ap iii
Ap iiiAp iii
Ap iii
 
Prototipagem em Papel - Oficina
Prototipagem em Papel - OficinaPrototipagem em Papel - Oficina
Prototipagem em Papel - Oficina
 
Desenvolvimento Web
Desenvolvimento WebDesenvolvimento Web
Desenvolvimento Web
 
Laboratório Audivisual Hipermedia Aula3 4 13 22 03
Laboratório Audivisual Hipermedia Aula3 4 13 22 03Laboratório Audivisual Hipermedia Aula3 4 13 22 03
Laboratório Audivisual Hipermedia Aula3 4 13 22 03
 
Gestão da comunicação em gestão de projetos
Gestão da comunicação em gestão de projetosGestão da comunicação em gestão de projetos
Gestão da comunicação em gestão de projetos
 
Do MVP ao PWA, melhorando o engajamento com cliente na CVC
Do MVP ao PWA, melhorando o engajamento com cliente na CVCDo MVP ao PWA, melhorando o engajamento com cliente na CVC
Do MVP ao PWA, melhorando o engajamento com cliente na CVC
 
Design para a internet - projetando a experêincia perfeita 1º bim
Design para a internet - projetando a experêincia perfeita 1º bimDesign para a internet - projetando a experêincia perfeita 1º bim
Design para a internet - projetando a experêincia perfeita 1º bim
 

Método The bridge

  • 2. User experience designer com + de 10 anos de atuação como designer web, e 5 anos como designer mobile. Experiência profissional Daniel Coscarelli
  • 3. • Sobre o método • Os estágios do método • Atividades em grupo • Entregáveis gerados com o uso do método • Programa para criar fluxos e mapas mentais Índice
  • 4. Sobre o método • É um método participativo. • Requisitos funcionais são desenvolvidos (perspectiva dos usuários).
  • 5. Os estágios do método • Expressar os requerimentos dos usuários em fluxos de tarefas. • Mapear os fluxos. • Criar a interface visual.
  • 6. Atividades em grupo • Expressar os requerimentos dos usuários em fluxos de tarefas. Faça uma lista com pelo menos 5 informações que você considera ser importante ter em uma página inicial pública de uma empresa de turismo. Realize esta mesma tarefa de listagem, porém, desta vez pensando na página inicial logada. Duração: 10 minutos. • Mapear os fluxos. Discuta entre os outros participantes, quais informações dentre todas as que foram listadas, será realmente importante e de valor para o cliente final. Passe para os post-its cada uma destas tarefas, de forma individual. Duração: 15 minutos. • Criar a interface visual. Fluxogramas, sketches, mapas de conteúdo, protótipos, etc. Estes são alguns dos entregáveis possíveis que você irá fazer antes de criar a interface visual. Sugestão para esta atividade: crie sketches das telas, e aproveite para testar a usabilidade e experiência que os usuários terão com as interações escolhidas. Duração: 10 minutos.
  • 7. Entregáveis gerados com o uso do método Fluxogramas
  • 8. Entregáveis gerados com o uso do método Mapas de Conteúdo
  • 9. Entregáveis gerados com o uso do método Protótipos
  • 10. Programa para criar fluxos e mapas mentais
  • 11. Obrigado! Dúvidas? Fique à vontade. UX Designer Consultant www.danielcoscarelli.com.br

Editor's Notes

  1. Sobre o método A metodologia The Bridge é um importante método participativo para projetos de sistemas interativos. Através deste, requisitos funcionais são desenvolvidos a partir da perspectiva dos usuários e tratados como requisitos dos usuários, ele deve ser aplicado em sessões para grupos mistos e pequenos de usuários e desenvolvedores. Qual sua importância? Ele é primordial para expressar os requerimentos dos usuários em fluxos de navegação, mapear a fluidez destes em objetos de tarefas e, por fim, criar a interface visual interativa.
  2. Os estágios do método Expressar os requerimentos dos usuários em fluxos de tarefas Objetivo: Transformar as necessidades dos usuários relacionadas às tarefas em requisitos que reflitam o fluxo de navegação, e que possam servir de insumo para a próxima etapa. Atividades: Analisar, documentar, redefinir e testar a usabilidade dos fluxos de tarefas. Mapear os fluxos de tarefas em objetos de tarefas Objetivo: Mapear os requisitos dos usuários definidos na parte 1, em objetos de tarefa (unidades discretas de informação que podem ser manipuladas pelos usuários na execução da tarefa), com comportamentos específicos e relações de agregação. Atividades: Descobrir, projetar, documentar e testar a usabilidade dos objetos de tarefas. Criar objetos de tarefas em objetos de interface gráfica Objetivo: Projetar uma interface gráfica amigável para a execução das tarefas. Atividades: Projetar, documentar, criar protótipos em papel e testar a usabilidade da interface gráfica.
  3. Material utilizado: papel, caneta, post-its, canetões, quadro, parede. Obs: como este método é participativo e envolve muito brainstorming, ele poderá durar várias horas, ou até mesmo passar de um dia para o outro. Portanto, prepare um bom lanche, e faça com que todos participem, dando a sua contribuição.
  4. Obs: Esta imagem está fora de foco, pois, trata-se de um projeto sigiloso.
  5. Obs: Esta imagem está fora de foco, pois, trata-se de um projeto sigiloso.
  6. Obs: Esta imagem está fora de foco, pois, trata-se de um projeto sigiloso.
  7. Ótimo programa para criar mapas mentais, e fluxogramas.
  8. Contatos: Site: www.danielcoscarelli.com.br Email: webcoscarelli@gmail.com Linkedin: br.linkedin.com/in/danielcoscarelli Grupo UX BH no Facebook: https://www.facebook.com/groups/1566133880310211/ Obrigado!