SlideShare uma empresa Scribd logo
1 de 68
Baixar para ler offline
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ésticosHenrique Coutinho Teixeira
 
Facebook ninja essencial_v1_13032013
Facebook ninja essencial_v1_13032013Facebook ninja essencial_v1_13032013
Facebook ninja essencial_v1_13032013lorenalamas.com
 
1a aula 21maio_principioswebwriting
1a aula 21maio_principioswebwriting1a aula 21maio_principioswebwriting
1a aula 21maio_principioswebwritingIvone Rocha
 
Proposta de criação de site
Proposta de criação de siteProposta de criação de site
Proposta de criação de siteCincinato 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 sucessoMelhor-Empresa
 
Testes de usabilidade - Webdesign 2022
Testes de usabilidade - Webdesign 2022Testes de usabilidade - Webdesign 2022
Testes de usabilidade - Webdesign 2022Renato 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 vendedoraRodrigo Maciel
 
Workshop - SEO Link Building
Workshop  - SEO Link BuildingWorkshop  - SEO Link Building
Workshop - SEO Link BuildingSEO 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 IVWellington Marion
 
Modelo Planejamento Digital Interativo Website
Modelo Planejamento Digital Interativo WebsiteModelo Planejamento Digital Interativo Website
Modelo Planejamento Digital Interativo WebsiteIsrael Degasperi
 
Capitulo 3 Livro Nielsen
Capitulo 3 Livro NielsenCapitulo 3 Livro Nielsen
Capitulo 3 Livro NielsenLuiz Agner
 
Analise Similares
Analise SimilaresAnalise Similares
Analise Similaresguest2a823f
 
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çãoWellington Oliveira
 
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 webWellington Oliveira
 
Usabilidade
UsabilidadeUsabilidade
Usabilidademrseo
 
WEBDESIGN P1 Resumo
WEBDESIGN P1 ResumoWEBDESIGN P1 Resumo
WEBDESIGN P1 ResumoRenato Melo
 

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

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 UnicuritibamarceloMD
 
Manual Para Site
Manual Para SiteManual Para Site
Manual Para SiteDomitri
 
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 03Neca Boullosa
 
Webdesign Revisão 2019-01
Webdesign Revisão 2019-01Webdesign Revisão 2019-01
Webdesign Revisão 2019-01Renato Melo
 
Webdesign revisãao 2018-02
Webdesign revisãao 2018-02Webdesign revisãao 2018-02
Webdesign revisãao 2018-02Renato Melo
 
Revisão Webdesign
Revisão WebdesignRevisão Webdesign
Revisão WebdesignRenato 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).pdfssuser595b1e1
 
Design e Usabilidade
Design e UsabilidadeDesign e Usabilidade
Design e UsabilidadeClaudio Toldo
 
Academia Do Palestrante -Curso De Marketing
Academia Do Palestrante -Curso De MarketingAcademia Do Palestrante -Curso De Marketing
Academia Do Palestrante -Curso De MarketingDanilo 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 PalestranteMarcio Okabe
 
Plataformas digitais
Plataformas digitaisPlataformas digitais
Plataformas digitaisMake it Loyal
 
Palestra O Pulo do Gato - SEO
Palestra O Pulo do Gato - SEOPalestra O Pulo do Gato - SEO
Palestra O Pulo do Gato - SEOLeandra 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 SociaisRenato 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 SitesEveraldo Wanderlei Uavniczak
 
Ingresa al Digital 2008 - SEO - Peru
Ingresa al Digital 2008 - SEO - PeruIngresa al Digital 2008 - SEO - Peru
Ingresa al Digital 2008 - SEO - PeruWillie Taminato
 
Desenvolvimento de Sites V.2
Desenvolvimento de Sites V.2Desenvolvimento de Sites V.2
Desenvolvimento de Sites V.2Patricia 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áriosHorá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 BrasilHorácio Soares
 
UX e testes de usabilidade mobile
UX e testes de usabilidade mobileUX e testes de usabilidade mobile
UX e testes de usabilidade mobileHorácio Soares
 
Mobile UX - MobileConf 2014 - RJ
Mobile UX - MobileConf 2014 - RJMobile UX - MobileConf 2014 - RJ
Mobile UX - MobileConf 2014 - RJHorá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 2014Horácio Soares
 
LEAN UX - Campus Party 2014
LEAN UX - Campus Party 2014LEAN UX - Campus Party 2014
LEAN UX - Campus Party 2014Horá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/03Horá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 - SPHorácio Soares
 
Mobile First - Palestra no MobileConf 2013
Mobile First - Palestra no MobileConf 2013Mobile First - Palestra no MobileConf 2013
Mobile First - Palestra no MobileConf 2013Horá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 2013Horácio Soares
 
Frontend com Acessibilidade - FrontInSampa - Nov. 2012
Frontend com Acessibilidade - FrontInSampa - Nov. 2012Frontend com Acessibilidade - FrontInSampa - Nov. 2012
Frontend com Acessibilidade - FrontInSampa - Nov. 2012Horácio Soares
 
Mobile first - W3C WEB.BR 2012
Mobile first - W3C WEB.BR 2012Mobile first - W3C WEB.BR 2012
Mobile first - W3C WEB.BR 2012Horácio Soares
 
Webinar: Acessibilidade Web para desenvolvedores
Webinar: Acessibilidade Web para desenvolvedoresWebinar: Acessibilidade Web para desenvolvedores
Webinar: Acessibilidade Web para desenvolvedoresHorácio Soares
 
Webinar Usabilidade no E-commerce
Webinar Usabilidade no E-commerceWebinar Usabilidade no E-commerce
Webinar Usabilidade no E-commerceHorácio Soares
 
FrontinBH - Os dasafios do Design Mobile
FrontinBH - Os dasafios do Design MobileFrontinBH - Os dasafios do Design Mobile
FrontinBH - Os dasafios do Design MobileHorá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/2012Horá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 verdadeHorá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 - BlogcampRJHorácio Soares
 
Circuito4x1 Acessibilidade e ecommerce-abril-2011
Circuito4x1 Acessibilidade e ecommerce-abril-2011Circuito4x1 Acessibilidade e ecommerce-abril-2011
Circuito4x1 Acessibilidade e ecommerce-abril-2011Horácio Soares
 
InterAct 2010 - Acessibilidade e Inovação
InterAct 2010 - Acessibilidade e InovaçãoInterAct 2010 - Acessibilidade e Inovação
InterAct 2010 - Acessibilidade e InovaçãoHorá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
 

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