SlideShare uma empresa Scribd logo
Como tornar seu  site atraente? Horácio Soares
apresentação   Horácio Soares Designer de Interfaces [email_address]   http://horacio.soares.blogspot.com Acessibilidade  Usabilidade  Web Standards
Como tornar seu  site atraente?
[object Object],[object Object]
[object Object]
[object Object],[object Object]
Janela   Quebrada
[object Object],[object Object]
[object Object]
[object Object]
[object Object],[object Object]
 
[object Object],[object Object]
 
 
[object Object]
[object Object],Um poste com dezenas  de setas para todos lados
[object Object],[object Object]
[object Object],Livro: Não me faça pensar – Autor Steve Krug (   http://sensible.com )
[object Object],Marca Site Objetivo do site um pouco confuso Menu principal Quem são – canal comunicação –  acesso clientes Principais Produtos Últimos Trabalhos Endereço - Telefones
[object Object]
Item selecionado com cor diferente Título   Título da página – com hierarquia que está em  redundância ao breadcrumb Barra superior - todos os níveis do site Barra inferior - todos os níveis do site Localização / (migalhas de pão) Item  selecionado
Por que seu  site  é visitado? ,[object Object]
[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object]
[object Object],[object Object]
[object Object],[object Object]
Design para os objetivos do usuário ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],   Design e Avaliação de Interfaces Humano Computador
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],   Design e Avaliação de Interfaces Humano Computador
[object Object],[object Object],[object Object],[object Object],[object Object]
 
Por que seu  site  é visitado?
[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
 
 
 
 
[object Object]
[object Object]
[object Object]
Acesso Digital:   http://acessodigital.net ,[object Object],[object Object]
Acesso Digital – site de testes:   http://acessodigital.net Homepage ,[object Object],[object Object],contatos Quem somos
[object Object]
[object Object]
Omita palavras desnecessárias ,[object Object],Livro: Não me faça pensar – Autor Steve Krug (   http://sensible.com )
104 PALAVRAS: O questionário a seguir é destinado a colher informações que nos ajudarão a melhorar o site e adequá-lo às suas necessidades. Por favor, selecione suas respostas nos menus suspensos e nos botões de rádio abaixo. Você levará dois ou três minutos para preencher o questionário. No fim deste formulário, você pode optar por deixar seu nome, endereço, e número de telefone. Se você deixar seu nome e número, poderá ser contatado para participar de um estudo destinado a nos ajudar a melhorar este site. Se você tiver comentários ou interesses que precisem de resposta, por favor, contate o Serviço de Atendimento ao Cliente. 47 PALAVRAS: Por favor, ajude-nos a melhorar este site, respondendo a estas questões. Levará apenas 2 ou 3 minutos para completar esta avaliação. Nota: Se você tiver comentários ou interesses que necessitem de uma resposta, não use este formulário. Em vez disso, contate o Atendimento ao Cliente. Omita palavras desnecessárias Livro: Não me faça pensar – Autor Steve Krug (   http://sensible.com )
Convenções de desenho  de interface ,[object Object],[object Object],Livro: Design para a Internet – Projetando a Experiência Perfeita –  Autor Felipe Memória (   http://www.fmemoria.com.br )
Convenções de desenho  de interface Fonte:  http://www.pvision.com.br/blog/2007/02/14/humor-em-tempos-de-monetizacao-e-blogs-milhonarios/
Livro: Design para a Internet – Projetando a Experiência Perfeita –  Autor Felipe Memória (   http://www.fmemoria.com.br ) Elemento de interface Posicionamento Pesquisador Marca da empresa Canto superior Nielsen, Adksson e Bernard Busca Parte superior Nielsen, Adksson e Bernard Navegação global Parte superior com links na horizontal Nielsen, Adksson e Krug Navegação local Coluna da esquerda Nielsen, Adksson e Bernard Breadcrumbs Parte superior, abaixo da marca da empresa Adksson, Lida e Chaparro e Krug Conteúdo global e contextual Área central Bernard Navegação de rodapé Parte inferior Nielsen, Krug, Lynch e Horton
[object Object],Livro: Design para a Internet – Projetando a Experiência Perfeita –  Autor Felipe Memória (   http://www.fmemoria.com.br ) Marca Navegação global Navegação  local Breadcrumbs Conteúdo global e contextual Conteúdo  relacionado buscar
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
 
[object Object],[object Object]
[object Object]
[object Object],[object Object]
Por que seu  site  é visitado? ,[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object]
Por que seu  PORTAL  é visitado? http://horaciosoares.blogspot.com
Por que seu  PORTAL  é visitado? http://www.bloglines.com/public/horaciosoares
Por que seu  PORTAL  é visitado? ,[object Object],DEL.ICIO.US Foi o primeiro e é o mais popular  Web 2.0 Social Bookmarking.  É um sistema de categorização por  palavras-chave não hierarquizado  (Folksonomy) http://del.icio.us/horacio
Por que seu  PORTAL  é visitado? ,[object Object],-  Blog Corporativo -  Wiki Corporativa
Livros: ,[object Object],[object Object],Resenhas FatorW   (Walmar Andrade )  -  Resenhas Usabilidoido   (Fred)
[object Object],[object Object],Resenhas FatorW   (Walmar Andrade )  -  Resenhas Usabilidoido   (Fred) Livros:
[object Object],[object Object],Livros: Resenhas FatorW   (Walmar Andrade )  -  Resenhas Usabilidoido   (Fred)
Obrigado!   Horácio Soares Designer de Interfaces [email_address] http://acessodigital.net   http://horacio.soares.blogspot.com Acessibilidade  Usabilidade  Web Standards

Mais conteúdo relacionado

Mais procurados

Trabalho : Apresentação de layout de website para rede de eletrôdomésticos
Trabalho : Apresentação de layout de website para rede de eletrôdomésticosTrabalho : Apresentação de layout de website para rede de eletrôdomésticos
Trabalho : Apresentação de layout de website para rede de eletrôdomésticos
Henrique Coutinho Teixeira
 
Facebook ninja essencial_v1_13032013
Facebook ninja essencial_v1_13032013Facebook ninja essencial_v1_13032013
Facebook ninja essencial_v1_13032013
lorenalamas.com
 
1a aula 21maio_principioswebwriting
1a aula 21maio_principioswebwriting1a aula 21maio_principioswebwriting
1a aula 21maio_principioswebwriting
Ivone Rocha
 
WEBDESIGN - P1
WEBDESIGN - P1WEBDESIGN - P1
WEBDESIGN - P1
Renato Melo
 
Proposta de criação de site
Proposta de criação de siteProposta de criação de site
Proposta de criação de site
Cincinato Amorim
 
25 regras para um website de sucesso
25 regras para um website de sucesso25 regras para um website de sucesso
25 regras para um website de sucesso
Melhor-Empresa
 
Testes de usabilidade - Webdesign 2022
Testes de usabilidade - Webdesign 2022Testes de usabilidade - Webdesign 2022
Testes de usabilidade - Webdesign 2022
Renato Melo
 
E book Página inicial poderosa e vendedora
E book Página inicial poderosa e vendedoraE book Página inicial poderosa e vendedora
E book Página inicial poderosa e vendedora
Rodrigo Maciel
 
Workshop - SEO Link Building
Workshop  - SEO Link BuildingWorkshop  - SEO Link Building
Workshop - SEO Link Building
SEO Master
 
Desing de navegação web parte IV
Desing de navegação web parte IVDesing de navegação web parte IV
Desing de navegação web parte IV
Wellington Marion
 
Modelo Planejamento Digital Interativo Website
Modelo Planejamento Digital Interativo WebsiteModelo Planejamento Digital Interativo Website
Modelo Planejamento Digital Interativo Website
Israel Degasperi
 
Capitulo 3 Livro Nielsen
Capitulo 3 Livro NielsenCapitulo 3 Livro Nielsen
Capitulo 3 Livro Nielsen
Luiz Agner
 
Analise Similares
Analise SimilaresAnalise Similares
Analise Similares
guest2a823f
 
Planeamento website
Planeamento websitePlaneamento website
Planeamento website
Helder Soares
 
Navegação e arquitetura de informação
Navegação e arquitetura de informaçãoNavegação e arquitetura de informação
Navegação e arquitetura de informação
Wellington Oliveira
 
Design responsivo
Design responsivoDesign responsivo
Design responsivo
Carlos Eduardo Kadu
 
Revendo as descobertas iniciais de usabilidade da web
Revendo as descobertas iniciais de usabilidade da webRevendo as descobertas iniciais de usabilidade da web
Revendo as descobertas iniciais de usabilidade da web
Wellington Oliveira
 
Usabilidade
UsabilidadeUsabilidade
Usabilidade
mrseo
 
WEBDESIGN P1 Resumo
WEBDESIGN P1 ResumoWEBDESIGN P1 Resumo
WEBDESIGN P1 Resumo
Renato Melo
 
Etapas Produtivas Website
Etapas Produtivas WebsiteEtapas Produtivas Website
Etapas Produtivas Website
Israel Degasperi
 

Mais procurados (20)

Trabalho : Apresentação de layout de website para rede de eletrôdomésticos
Trabalho : Apresentação de layout de website para rede de eletrôdomésticosTrabalho : Apresentação de layout de website para rede de eletrôdomésticos
Trabalho : Apresentação de layout de website para rede de eletrôdomésticos
 
Facebook ninja essencial_v1_13032013
Facebook ninja essencial_v1_13032013Facebook ninja essencial_v1_13032013
Facebook ninja essencial_v1_13032013
 
1a aula 21maio_principioswebwriting
1a aula 21maio_principioswebwriting1a aula 21maio_principioswebwriting
1a aula 21maio_principioswebwriting
 
WEBDESIGN - P1
WEBDESIGN - P1WEBDESIGN - P1
WEBDESIGN - P1
 
Proposta de criação de site
Proposta de criação de siteProposta de criação de site
Proposta de criação de site
 
25 regras para um website de sucesso
25 regras para um website de sucesso25 regras para um website de sucesso
25 regras para um website de sucesso
 
Testes de usabilidade - Webdesign 2022
Testes de usabilidade - Webdesign 2022Testes de usabilidade - Webdesign 2022
Testes de usabilidade - Webdesign 2022
 
E book Página inicial poderosa e vendedora
E book Página inicial poderosa e vendedoraE book Página inicial poderosa e vendedora
E book Página inicial poderosa e vendedora
 
Workshop - SEO Link Building
Workshop  - SEO Link BuildingWorkshop  - SEO Link Building
Workshop - SEO Link Building
 
Desing de navegação web parte IV
Desing de navegação web parte IVDesing de navegação web parte IV
Desing de navegação web parte IV
 
Modelo Planejamento Digital Interativo Website
Modelo Planejamento Digital Interativo WebsiteModelo Planejamento Digital Interativo Website
Modelo Planejamento Digital Interativo Website
 
Capitulo 3 Livro Nielsen
Capitulo 3 Livro NielsenCapitulo 3 Livro Nielsen
Capitulo 3 Livro Nielsen
 
Analise Similares
Analise SimilaresAnalise Similares
Analise Similares
 
Planeamento website
Planeamento websitePlaneamento website
Planeamento website
 
Navegação e arquitetura de informação
Navegação e arquitetura de informaçãoNavegação e arquitetura de informação
Navegação e arquitetura de informação
 
Design responsivo
Design responsivoDesign responsivo
Design responsivo
 
Revendo as descobertas iniciais de usabilidade da web
Revendo as descobertas iniciais de usabilidade da webRevendo as descobertas iniciais de usabilidade da web
Revendo as descobertas iniciais de usabilidade da web
 
Usabilidade
UsabilidadeUsabilidade
Usabilidade
 
WEBDESIGN P1 Resumo
WEBDESIGN P1 ResumoWEBDESIGN P1 Resumo
WEBDESIGN P1 Resumo
 
Etapas Produtivas Website
Etapas Produtivas WebsiteEtapas Produtivas Website
Etapas Produtivas Website
 

Destaque

Pensando em Redesign
Pensando em RedesignPensando em Redesign
New Website Architecture (by Lisandra Maioli)
New Website Architecture (by Lisandra Maioli)New Website Architecture (by Lisandra Maioli)
New Website Architecture (by Lisandra Maioli)
Lisandra Maioli
 
Web design responsivo - Criando um site adaptável
Web design responsivo - Criando um site adaptávelWeb design responsivo - Criando um site adaptável
Web design responsivo - Criando um site adaptável
Guto Xavier
 
A 3ª Área do Design: Web Design
A 3ª Área do Design: Web DesignA 3ª Área do Design: Web Design
A 3ª Área do Design: Web Design
Gustavo Zimmermann
 
As 7 Estratégias do Marketing Digital 
As 7 Estratégias do Marketing Digital As 7 Estratégias do Marketing Digital 
As 7 Estratégias do Marketing Digital 
Pedro Cordier
 
Slideshare
SlideshareSlideshare

Destaque (6)

Pensando em Redesign
Pensando em RedesignPensando em Redesign
Pensando em Redesign
 
New Website Architecture (by Lisandra Maioli)
New Website Architecture (by Lisandra Maioli)New Website Architecture (by Lisandra Maioli)
New Website Architecture (by Lisandra Maioli)
 
Web design responsivo - Criando um site adaptável
Web design responsivo - Criando um site adaptávelWeb design responsivo - Criando um site adaptável
Web design responsivo - Criando um site adaptável
 
A 3ª Área do Design: Web Design
A 3ª Área do Design: Web DesignA 3ª Área do Design: Web Design
A 3ª Área do Design: Web Design
 
As 7 Estratégias do Marketing Digital 
As 7 Estratégias do Marketing Digital As 7 Estratégias do Marketing Digital 
As 7 Estratégias do Marketing Digital 
 
Slideshare
SlideshareSlideshare
Slideshare
 

Semelhante a Como Tornar Seu Site Atraente

Apresentacao Unicuritiba
Apresentacao UnicuritibaApresentacao Unicuritiba
Apresentacao Unicuritiba
marceloMD
 
Manual Para Site
Manual Para SiteManual Para Site
Manual Para Site
Domitri
 
2010.1 - PUB5AN - Marketing Digital AULA 03
2010.1 - PUB5AN - Marketing Digital AULA 032010.1 - PUB5AN - Marketing Digital AULA 03
2010.1 - PUB5AN - Marketing Digital AULA 03
Neca Boullosa
 
Projeto de WEB Site
Projeto de WEB SiteProjeto de WEB Site
Projeto de WEB Site
Ailton Adriano
 
Webdesign Revisão 2019-01
Webdesign Revisão 2019-01Webdesign Revisão 2019-01
Webdesign Revisão 2019-01
Renato Melo
 
Webdesign revisãao 2018-02
Webdesign revisãao 2018-02Webdesign revisãao 2018-02
Webdesign revisãao 2018-02
Renato Melo
 
Revisão Webdesign
Revisão WebdesignRevisão Webdesign
Revisão Webdesign
Renato Melo
 
Aula 1 - Desenvolvimento do leiaute (1).pdf
Aula 1 - Desenvolvimento do leiaute (1).pdfAula 1 - Desenvolvimento do leiaute (1).pdf
Aula 1 - Desenvolvimento do leiaute (1).pdf
ssuser595b1e1
 
Como montar um projeto de usabilidade
Como montar um projeto de usabilidadeComo montar um projeto de usabilidade
Como montar um projeto de usabilidade
Seekr Gestão e Monitoramento de Marcas em Mídias Sociais
 
Web
WebWeb
Design e Usabilidade
Design e UsabilidadeDesign e Usabilidade
Design e Usabilidade
Claudio Toldo
 
Responsive wordpress
Responsive wordpressResponsive wordpress
Responsive wordpress
Jackson F. de A. Mafra
 
Academia Do Palestrante -Curso De Marketing
Academia Do Palestrante -Curso De MarketingAcademia Do Palestrante -Curso De Marketing
Academia Do Palestrante -Curso De Marketing
Danilo Barros Andrade
 
Curso de Marketing Online - Academia do Palestrante
Curso de Marketing Online - Academia do PalestranteCurso de Marketing Online - Academia do Palestrante
Curso de Marketing Online - Academia do Palestrante
Marcio Okabe
 
Plataformas digitais
Plataformas digitaisPlataformas digitais
Plataformas digitais
Make it Loyal
 
Palestra O Pulo do Gato - SEO
Palestra O Pulo do Gato - SEOPalestra O Pulo do Gato - SEO
Palestra O Pulo do Gato - SEO
Leandra Soares
 
Webdesign: Programação, Website e Redes Sociais
Webdesign: Programação, Website e Redes SociaisWebdesign: Programação, Website e Redes Sociais
Webdesign: Programação, Website e Redes Sociais
Renato Melo
 
SEO: (Search Engine Optimization) Otimização de buscas de Sites
SEO: (Search Engine Optimization) Otimização de buscas de SitesSEO: (Search Engine Optimization) Otimização de buscas de Sites
SEO: (Search Engine Optimization) Otimização de buscas de Sites
Everaldo Wanderlei Uavniczak
 
Ingresa al Digital 2008 - SEO - Peru
Ingresa al Digital 2008 - SEO - PeruIngresa al Digital 2008 - SEO - Peru
Ingresa al Digital 2008 - SEO - Peru
Willie Taminato
 
Desenvolvimento de Sites V.2
Desenvolvimento de Sites V.2Desenvolvimento de Sites V.2
Desenvolvimento de Sites V.2
Patricia Mallmann
 

Semelhante a Como Tornar Seu Site Atraente (20)

Apresentacao Unicuritiba
Apresentacao UnicuritibaApresentacao Unicuritiba
Apresentacao Unicuritiba
 
Manual Para Site
Manual Para SiteManual Para Site
Manual Para Site
 
2010.1 - PUB5AN - Marketing Digital AULA 03
2010.1 - PUB5AN - Marketing Digital AULA 032010.1 - PUB5AN - Marketing Digital AULA 03
2010.1 - PUB5AN - Marketing Digital AULA 03
 
Projeto de WEB Site
Projeto de WEB SiteProjeto de WEB Site
Projeto de WEB Site
 
Webdesign Revisão 2019-01
Webdesign Revisão 2019-01Webdesign Revisão 2019-01
Webdesign Revisão 2019-01
 
Webdesign revisãao 2018-02
Webdesign revisãao 2018-02Webdesign revisãao 2018-02
Webdesign revisãao 2018-02
 
Revisão Webdesign
Revisão WebdesignRevisão Webdesign
Revisão Webdesign
 
Aula 1 - Desenvolvimento do leiaute (1).pdf
Aula 1 - Desenvolvimento do leiaute (1).pdfAula 1 - Desenvolvimento do leiaute (1).pdf
Aula 1 - Desenvolvimento do leiaute (1).pdf
 
Como montar um projeto de usabilidade
Como montar um projeto de usabilidadeComo montar um projeto de usabilidade
Como montar um projeto de usabilidade
 
Web
WebWeb
Web
 
Design e Usabilidade
Design e UsabilidadeDesign e Usabilidade
Design e Usabilidade
 
Responsive wordpress
Responsive wordpressResponsive wordpress
Responsive wordpress
 
Academia Do Palestrante -Curso De Marketing
Academia Do Palestrante -Curso De MarketingAcademia Do Palestrante -Curso De Marketing
Academia Do Palestrante -Curso De Marketing
 
Curso de Marketing Online - Academia do Palestrante
Curso de Marketing Online - Academia do PalestranteCurso de Marketing Online - Academia do Palestrante
Curso de Marketing Online - Academia do Palestrante
 
Plataformas digitais
Plataformas digitaisPlataformas digitais
Plataformas digitais
 
Palestra O Pulo do Gato - SEO
Palestra O Pulo do Gato - SEOPalestra O Pulo do Gato - SEO
Palestra O Pulo do Gato - SEO
 
Webdesign: Programação, Website e Redes Sociais
Webdesign: Programação, Website e Redes SociaisWebdesign: Programação, Website e Redes Sociais
Webdesign: Programação, Website e Redes Sociais
 
SEO: (Search Engine Optimization) Otimização de buscas de Sites
SEO: (Search Engine Optimization) Otimização de buscas de SitesSEO: (Search Engine Optimization) Otimização de buscas de Sites
SEO: (Search Engine Optimization) Otimização de buscas de Sites
 
Ingresa al Digital 2008 - SEO - Peru
Ingresa al Digital 2008 - SEO - PeruIngresa al Digital 2008 - SEO - Peru
Ingresa al Digital 2008 - SEO - Peru
 
Desenvolvimento de Sites V.2
Desenvolvimento de Sites V.2Desenvolvimento de Sites V.2
Desenvolvimento de Sites V.2
 

Mais de Horácio Soares

UX Mobile - Testando com Usuários
UX Mobile - Testando com UsuáriosUX Mobile - Testando com Usuários
UX Mobile - Testando com Usuários
Horácio Soares
 
Experiência do Cliente no Varejo Online - E-commerce Brasil
Experiência do Cliente no Varejo Online - E-commerce BrasilExperiência do Cliente no Varejo Online - E-commerce Brasil
Experiência do Cliente no Varejo Online - E-commerce Brasil
Horácio Soares
 
UX e testes de usabilidade mobile
UX e testes de usabilidade mobileUX e testes de usabilidade mobile
UX e testes de usabilidade mobile
Horácio Soares
 
Mobile UX - MobileConf 2014 - RJ
Mobile UX - MobileConf 2014 - RJMobile UX - MobileConf 2014 - RJ
Mobile UX - MobileConf 2014 - RJ
Horácio Soares
 
A Experiência como Vantagem Competitiva (UX) - Goiânia 2014
A Experiência como Vantagem Competitiva (UX) - Goiânia 2014A Experiência como Vantagem Competitiva (UX) - Goiânia 2014
A Experiência como Vantagem Competitiva (UX) - Goiânia 2014
Horácio Soares
 
LEAN UX - Campus Party 2014
LEAN UX - Campus Party 2014LEAN UX - Campus Party 2014
LEAN UX - Campus Party 2014
Horácio Soares
 
Acessibilidade e Design Mobile: Frontinrio junho/03
Acessibilidade e Design Mobile: Frontinrio junho/03Acessibilidade e Design Mobile: Frontinrio junho/03
Acessibilidade e Design Mobile: Frontinrio junho/03
Horácio Soares
 
Acessibilidade e Design Mobile - TablelessConf 2013 - SP
Acessibilidade e Design Mobile - TablelessConf 2013 - SPAcessibilidade e Design Mobile - TablelessConf 2013 - SP
Acessibilidade e Design Mobile - TablelessConf 2013 - SP
Horácio Soares
 
Mobile First - Palestra no MobileConf 2013
Mobile First - Palestra no MobileConf 2013Mobile First - Palestra no MobileConf 2013
Mobile First - Palestra no MobileConf 2013
Horácio Soares
 
Os Caminhos do Design Mobile - Campus Party 2013
Os Caminhos do Design Mobile - Campus Party 2013Os Caminhos do Design Mobile - Campus Party 2013
Os Caminhos do Design Mobile - Campus Party 2013
Horácio Soares
 
Frontend com Acessibilidade - FrontInSampa - Nov. 2012
Frontend com Acessibilidade - FrontInSampa - Nov. 2012Frontend com Acessibilidade - FrontInSampa - Nov. 2012
Frontend com Acessibilidade - FrontInSampa - Nov. 2012
Horácio Soares
 
Mobile first - W3C WEB.BR 2012
Mobile first - W3C WEB.BR 2012Mobile first - W3C WEB.BR 2012
Mobile first - W3C WEB.BR 2012
Horácio Soares
 
Webinar: Acessibilidade Web para desenvolvedores
Webinar: Acessibilidade Web para desenvolvedoresWebinar: Acessibilidade Web para desenvolvedores
Webinar: Acessibilidade Web para desenvolvedores
Horácio Soares
 
Webinar Usabilidade no E-commerce
Webinar Usabilidade no E-commerceWebinar Usabilidade no E-commerce
Webinar Usabilidade no E-commerce
Horácio Soares
 
FrontinBH - Os dasafios do Design Mobile
FrontinBH - Os dasafios do Design MobileFrontinBH - Os dasafios do Design Mobile
FrontinBH - Os dasafios do Design Mobile
Horácio Soares
 
Os Desafios do Design Mobile - Jun/2012
Os Desafios do Design Mobile - Jun/2012Os Desafios do Design Mobile - Jun/2012
Os Desafios do Design Mobile - Jun/2012
Horácio Soares
 
Ux 7Masters - Estratégia, melhor idade e design de verdade
Ux 7Masters - Estratégia, melhor idade e design de verdadeUx 7Masters - Estratégia, melhor idade e design de verdade
Ux 7Masters - Estratégia, melhor idade e design de verdade
Horácio Soares
 
Estratégia, Design e Acessibilidade Web - BlogcampRJ
Estratégia, Design e Acessibilidade Web - BlogcampRJEstratégia, Design e Acessibilidade Web - BlogcampRJ
Estratégia, Design e Acessibilidade Web - BlogcampRJ
Horácio Soares
 
Circuito4x1 Acessibilidade e ecommerce-abril-2011
Circuito4x1 Acessibilidade e ecommerce-abril-2011Circuito4x1 Acessibilidade e ecommerce-abril-2011
Circuito4x1 Acessibilidade e ecommerce-abril-2011
Horácio Soares
 
InterAct 2010 - Acessibilidade e Inovação
InterAct 2010 - Acessibilidade e InovaçãoInterAct 2010 - Acessibilidade e Inovação
InterAct 2010 - Acessibilidade e Inovação
Horácio Soares
 

Mais de Horácio Soares (20)

UX Mobile - Testando com Usuários
UX Mobile - Testando com UsuáriosUX Mobile - Testando com Usuários
UX Mobile - Testando com Usuários
 
Experiência do Cliente no Varejo Online - E-commerce Brasil
Experiência do Cliente no Varejo Online - E-commerce BrasilExperiência do Cliente no Varejo Online - E-commerce Brasil
Experiência do Cliente no Varejo Online - E-commerce Brasil
 
UX e testes de usabilidade mobile
UX e testes de usabilidade mobileUX e testes de usabilidade mobile
UX e testes de usabilidade mobile
 
Mobile UX - MobileConf 2014 - RJ
Mobile UX - MobileConf 2014 - RJMobile UX - MobileConf 2014 - RJ
Mobile UX - MobileConf 2014 - RJ
 
A Experiência como Vantagem Competitiva (UX) - Goiânia 2014
A Experiência como Vantagem Competitiva (UX) - Goiânia 2014A Experiência como Vantagem Competitiva (UX) - Goiânia 2014
A Experiência como Vantagem Competitiva (UX) - Goiânia 2014
 
LEAN UX - Campus Party 2014
LEAN UX - Campus Party 2014LEAN UX - Campus Party 2014
LEAN UX - Campus Party 2014
 
Acessibilidade e Design Mobile: Frontinrio junho/03
Acessibilidade e Design Mobile: Frontinrio junho/03Acessibilidade e Design Mobile: Frontinrio junho/03
Acessibilidade e Design Mobile: Frontinrio junho/03
 
Acessibilidade e Design Mobile - TablelessConf 2013 - SP
Acessibilidade e Design Mobile - TablelessConf 2013 - SPAcessibilidade e Design Mobile - TablelessConf 2013 - SP
Acessibilidade e Design Mobile - TablelessConf 2013 - SP
 
Mobile First - Palestra no MobileConf 2013
Mobile First - Palestra no MobileConf 2013Mobile First - Palestra no MobileConf 2013
Mobile First - Palestra no MobileConf 2013
 
Os Caminhos do Design Mobile - Campus Party 2013
Os Caminhos do Design Mobile - Campus Party 2013Os Caminhos do Design Mobile - Campus Party 2013
Os Caminhos do Design Mobile - Campus Party 2013
 
Frontend com Acessibilidade - FrontInSampa - Nov. 2012
Frontend com Acessibilidade - FrontInSampa - Nov. 2012Frontend com Acessibilidade - FrontInSampa - Nov. 2012
Frontend com Acessibilidade - FrontInSampa - Nov. 2012
 
Mobile first - W3C WEB.BR 2012
Mobile first - W3C WEB.BR 2012Mobile first - W3C WEB.BR 2012
Mobile first - W3C WEB.BR 2012
 
Webinar: Acessibilidade Web para desenvolvedores
Webinar: Acessibilidade Web para desenvolvedoresWebinar: Acessibilidade Web para desenvolvedores
Webinar: Acessibilidade Web para desenvolvedores
 
Webinar Usabilidade no E-commerce
Webinar Usabilidade no E-commerceWebinar Usabilidade no E-commerce
Webinar Usabilidade no E-commerce
 
FrontinBH - Os dasafios do Design Mobile
FrontinBH - Os dasafios do Design MobileFrontinBH - Os dasafios do Design Mobile
FrontinBH - Os dasafios do Design Mobile
 
Os Desafios do Design Mobile - Jun/2012
Os Desafios do Design Mobile - Jun/2012Os Desafios do Design Mobile - Jun/2012
Os Desafios do Design Mobile - Jun/2012
 
Ux 7Masters - Estratégia, melhor idade e design de verdade
Ux 7Masters - Estratégia, melhor idade e design de verdadeUx 7Masters - Estratégia, melhor idade e design de verdade
Ux 7Masters - Estratégia, melhor idade e design de verdade
 
Estratégia, Design e Acessibilidade Web - BlogcampRJ
Estratégia, Design e Acessibilidade Web - BlogcampRJEstratégia, Design e Acessibilidade Web - BlogcampRJ
Estratégia, Design e Acessibilidade Web - BlogcampRJ
 
Circuito4x1 Acessibilidade e ecommerce-abril-2011
Circuito4x1 Acessibilidade e ecommerce-abril-2011Circuito4x1 Acessibilidade e ecommerce-abril-2011
Circuito4x1 Acessibilidade e ecommerce-abril-2011
 
InterAct 2010 - Acessibilidade e Inovação
InterAct 2010 - Acessibilidade e InovaçãoInterAct 2010 - Acessibilidade e Inovação
InterAct 2010 - Acessibilidade e Inovação
 

Último

Manual-de-Credenciamento ANATER 2023.pdf
Manual-de-Credenciamento ANATER 2023.pdfManual-de-Credenciamento ANATER 2023.pdf
Manual-de-Credenciamento ANATER 2023.pdf
WELITONNOGUEIRA3
 
Certificado Jornada Python Da Hashtag.pdf
Certificado Jornada Python Da Hashtag.pdfCertificado Jornada Python Da Hashtag.pdf
Certificado Jornada Python Da Hashtag.pdf
joaovmp3
 
Segurança Digital Pessoal e Boas Práticas
Segurança Digital Pessoal e Boas PráticasSegurança Digital Pessoal e Boas Práticas
Segurança Digital Pessoal e Boas Práticas
Danilo Pinotti
 
Logica de Progamacao - Aula (1) (1).pptx
Logica de Progamacao - Aula (1) (1).pptxLogica de Progamacao - Aula (1) (1).pptx
Logica de Progamacao - Aula (1) (1).pptx
Momento da Informática
 
História da Rádio- 1936-1970 século XIX .2.pptx
História da Rádio- 1936-1970 século XIX   .2.pptxHistória da Rádio- 1936-1970 século XIX   .2.pptx
História da Rádio- 1936-1970 século XIX .2.pptx
TomasSousa7
 
Escola Virtual - Fundação Bradesco - ITIL - Gabriel Faustino.pdf
Escola Virtual - Fundação Bradesco - ITIL - Gabriel Faustino.pdfEscola Virtual - Fundação Bradesco - ITIL - Gabriel Faustino.pdf
Escola Virtual - Fundação Bradesco - ITIL - Gabriel Faustino.pdf
Gabriel de Mattos Faustino
 
PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...
PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...
PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...
Faga1939
 
TOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdf
TOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdfTOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdf
TOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdf
Momento da Informática
 

Último (8)

Manual-de-Credenciamento ANATER 2023.pdf
Manual-de-Credenciamento ANATER 2023.pdfManual-de-Credenciamento ANATER 2023.pdf
Manual-de-Credenciamento ANATER 2023.pdf
 
Certificado Jornada Python Da Hashtag.pdf
Certificado Jornada Python Da Hashtag.pdfCertificado Jornada Python Da Hashtag.pdf
Certificado Jornada Python Da Hashtag.pdf
 
Segurança Digital Pessoal e Boas Práticas
Segurança Digital Pessoal e Boas PráticasSegurança Digital Pessoal e Boas Práticas
Segurança Digital Pessoal e Boas Práticas
 
Logica de Progamacao - Aula (1) (1).pptx
Logica de Progamacao - Aula (1) (1).pptxLogica de Progamacao - Aula (1) (1).pptx
Logica de Progamacao - Aula (1) (1).pptx
 
História da Rádio- 1936-1970 século XIX .2.pptx
História da Rádio- 1936-1970 século XIX   .2.pptxHistória da Rádio- 1936-1970 século XIX   .2.pptx
História da Rádio- 1936-1970 século XIX .2.pptx
 
Escola Virtual - Fundação Bradesco - ITIL - Gabriel Faustino.pdf
Escola Virtual - Fundação Bradesco - ITIL - Gabriel Faustino.pdfEscola Virtual - Fundação Bradesco - ITIL - Gabriel Faustino.pdf
Escola Virtual - Fundação Bradesco - ITIL - Gabriel Faustino.pdf
 
PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...
PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...
PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...
 
TOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdf
TOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdfTOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdf
TOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdf
 

Como Tornar Seu Site Atraente

  • 1. Como tornar seu site atraente? Horácio Soares
  • 2. apresentação Horácio Soares Designer de Interfaces [email_address] http://horacio.soares.blogspot.com Acessibilidade Usabilidade Web Standards
  • 3. Como tornar seu site atraente?
  • 4.
  • 5.
  • 6.
  • 7. Janela Quebrada
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.  
  • 13.
  • 14.  
  • 15.  
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22. Item selecionado com cor diferente Título Título da página – com hierarquia que está em redundância ao breadcrumb Barra superior - todos os níveis do site Barra inferior - todos os níveis do site Localização / (migalhas de pão) Item selecionado
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.  
  • 33. Por que seu site é visitado?
  • 34.
  • 35.
  • 36.  
  • 37.  
  • 38.  
  • 39.  
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48. 104 PALAVRAS: O questionário a seguir é destinado a colher informações que nos ajudarão a melhorar o site e adequá-lo às suas necessidades. Por favor, selecione suas respostas nos menus suspensos e nos botões de rádio abaixo. Você levará dois ou três minutos para preencher o questionário. No fim deste formulário, você pode optar por deixar seu nome, endereço, e número de telefone. Se você deixar seu nome e número, poderá ser contatado para participar de um estudo destinado a nos ajudar a melhorar este site. Se você tiver comentários ou interesses que precisem de resposta, por favor, contate o Serviço de Atendimento ao Cliente. 47 PALAVRAS: Por favor, ajude-nos a melhorar este site, respondendo a estas questões. Levará apenas 2 ou 3 minutos para completar esta avaliação. Nota: Se você tiver comentários ou interesses que necessitem de uma resposta, não use este formulário. Em vez disso, contate o Atendimento ao Cliente. Omita palavras desnecessárias Livro: Não me faça pensar – Autor Steve Krug ( http://sensible.com )
  • 49.
  • 50. Convenções de desenho de interface Fonte: http://www.pvision.com.br/blog/2007/02/14/humor-em-tempos-de-monetizacao-e-blogs-milhonarios/
  • 51. Livro: Design para a Internet – Projetando a Experiência Perfeita – Autor Felipe Memória ( http://www.fmemoria.com.br ) Elemento de interface Posicionamento Pesquisador Marca da empresa Canto superior Nielsen, Adksson e Bernard Busca Parte superior Nielsen, Adksson e Bernard Navegação global Parte superior com links na horizontal Nielsen, Adksson e Krug Navegação local Coluna da esquerda Nielsen, Adksson e Bernard Breadcrumbs Parte superior, abaixo da marca da empresa Adksson, Lida e Chaparro e Krug Conteúdo global e contextual Área central Bernard Navegação de rodapé Parte inferior Nielsen, Krug, Lynch e Horton
  • 52.
  • 53.
  • 54.  
  • 55.
  • 56.
  • 57.
  • 58.
  • 59.
  • 60.
  • 61. Por que seu PORTAL é visitado? http://horaciosoares.blogspot.com
  • 62. Por que seu PORTAL é visitado? http://www.bloglines.com/public/horaciosoares
  • 63.
  • 64.
  • 65.
  • 66.
  • 67.
  • 68. Obrigado! Horácio Soares Designer de Interfaces [email_address] http://acessodigital.net http://horacio.soares.blogspot.com Acessibilidade Usabilidade Web Standards