Guia para desenvolvimento de layouts em psd para posterior envio para a domitri fazer a conversão e transformar em site de internet (PSD para XHTML/CSS)
Veja quais as melhores estratégias para um bom site responsivo. Dicas para melhorar a experiência dos usuários. Aplicando Mobile-first em seus projetos.
Apresentação de Introdução as práticas de Desenvolvimento Web com Design Responsivo utilizada no 4° Meditec - Medianeira In Technology, realizado em Medianeira - PR.
Autores:
Anderson Rodrigo Davi - andersonrdavi@gmail.com;
Régis Eduardo Weizenmann Gregol - regiseduardogregol@gmail.com.
Código fonte disponível no Github: http://github.com/bicoco/agenda-meditec
Exemplo layout fixo: http://agendameditec.herokuapp.com/index.html
Exemplo layout responsivo: http://agendameditec.herokuapp.com/responsivo.html
Web Design Responsivo - Melhorando interfaces e a experiência do usuário na n...Augusto César Albuquerque
Como adaptar os sites a esta nova realidade na vida das pessoas e Como criar sites que se adaptem a infinidade de aparelhos nesta nova realidade de mercado? Através da produção desse artigo é possível entender o cenário da nova forma de acesso a Internet.
Guia para desenvolvimento de layouts em psd para posterior envio para a domitri fazer a conversão e transformar em site de internet (PSD para XHTML/CSS)
Veja quais as melhores estratégias para um bom site responsivo. Dicas para melhorar a experiência dos usuários. Aplicando Mobile-first em seus projetos.
Apresentação de Introdução as práticas de Desenvolvimento Web com Design Responsivo utilizada no 4° Meditec - Medianeira In Technology, realizado em Medianeira - PR.
Autores:
Anderson Rodrigo Davi - andersonrdavi@gmail.com;
Régis Eduardo Weizenmann Gregol - regiseduardogregol@gmail.com.
Código fonte disponível no Github: http://github.com/bicoco/agenda-meditec
Exemplo layout fixo: http://agendameditec.herokuapp.com/index.html
Exemplo layout responsivo: http://agendameditec.herokuapp.com/responsivo.html
Web Design Responsivo - Melhorando interfaces e a experiência do usuário na n...Augusto César Albuquerque
Como adaptar os sites a esta nova realidade na vida das pessoas e Como criar sites que se adaptem a infinidade de aparelhos nesta nova realidade de mercado? Através da produção desse artigo é possível entender o cenário da nova forma de acesso a Internet.
Sites Responsivos - Como mostrar o mesmo conteúdo em diversos aparelhosGilberto Crespo
Palestra para iniciantes no desenvolvimento responsivo, onde são explicada algumas técnicas para dar maior orientação ao desenvolvedor de como se aprofundar posteriormente.
Onboarding: Uma questão de sobrevivência - Nelson VasconcelosNelson Vasconcelos
O primeiro uso é desproporcionalmente importante para que você tenha um aplicativo de sucesso. É aqui que os mínimos detalhes mais importam e podem criar uma ótima impressão, evitando que seu app seja um dos 70% que são desinstalados após o primeiro uso.
UX como estratégia para conquistar clientes e impactar negóciosPriscilla Albuquerque
Não faz muito tempo que negócios e produtos digitais eram quase todos feitos em cima de ideias e hipóteses de desenvolvedores, clientes ou designers, em um cenário onde não fazia diferença a visão ou o conhecimento das necessidade daqueles que são os principais interessados: os usuários. Com o aumento da competitividade e maturação do mercado foi ficando claro que grandes negócios que hoje se destacam existem essencialmente para resolver problemas reais de pessoas reais.
As metodologias do user experience design que focam em entender a fundo esses usuários e suas “dores” acabam por gerar soluções muito mais coerentes e assertivas causando impactos significantes na proposta de valor das empresas. Dessa forma o UX design tem se tornado uma estratégia indispensável para o sucesso e conquista em diferentes mercados, principalmente os digitais e inovadores como startups e empresas de tecnologia.
Focar nas necessidades e “dores” dos usuários em mercados altamente competitivos deixa de ser algo opcional para tornar-se indispensável para o sucesso de um negócio.
O que é, como funciona, media types (media queries), design, recomendações e frameworks, bootstrap.
Material de estudos elaborado por Marcos César // www.marcoscesar.com
Todo o conteúdo é livre e pode ser copiado, consultado sempre e divulgado em toda internet desde que citados os créditos.
cc 2013 Construsite Brasil - Desenvolvimento web.
Ux design/Experiência do Usuário - Conexão KingHost 2015Luisa Ambros
MOMENTO 1: PALESTRA
U.X. Design/Experiência do Usuário: O que é e por que importa
— Conceito e origem
— Como o usuário, você e seu negócio se beneficiam
— O que faz um profissional de UX
MOMENTO 2: WORKSHOP
Entregáveis de UX & Teste de Usabilidade
http://www.luisaambros.com/blog/palestra-e-workshop-de-ux-designexperiencia-do-usuario-no-conexao-kinghost-2015/
Entrevista concedida para alunos do curso de Jornalismo da Unoeste de Presidente Prudente. Parte do projeto de conclusão de curso - Implementação de um Portal para a Faculdade de Comunicação Social "Jornalista Riberto Marinho" de Presidente Prudente.
Slides da palestra HollywoodCEO: Pixar ministrada por Ricardo Jordão Magalhães da BIZREVOLUTION. Para conhecr mais visite http://www.bizrevolution.com.br
Sites Responsivos - Como mostrar o mesmo conteúdo em diversos aparelhosGilberto Crespo
Palestra para iniciantes no desenvolvimento responsivo, onde são explicada algumas técnicas para dar maior orientação ao desenvolvedor de como se aprofundar posteriormente.
Onboarding: Uma questão de sobrevivência - Nelson VasconcelosNelson Vasconcelos
O primeiro uso é desproporcionalmente importante para que você tenha um aplicativo de sucesso. É aqui que os mínimos detalhes mais importam e podem criar uma ótima impressão, evitando que seu app seja um dos 70% que são desinstalados após o primeiro uso.
UX como estratégia para conquistar clientes e impactar negóciosPriscilla Albuquerque
Não faz muito tempo que negócios e produtos digitais eram quase todos feitos em cima de ideias e hipóteses de desenvolvedores, clientes ou designers, em um cenário onde não fazia diferença a visão ou o conhecimento das necessidade daqueles que são os principais interessados: os usuários. Com o aumento da competitividade e maturação do mercado foi ficando claro que grandes negócios que hoje se destacam existem essencialmente para resolver problemas reais de pessoas reais.
As metodologias do user experience design que focam em entender a fundo esses usuários e suas “dores” acabam por gerar soluções muito mais coerentes e assertivas causando impactos significantes na proposta de valor das empresas. Dessa forma o UX design tem se tornado uma estratégia indispensável para o sucesso e conquista em diferentes mercados, principalmente os digitais e inovadores como startups e empresas de tecnologia.
Focar nas necessidades e “dores” dos usuários em mercados altamente competitivos deixa de ser algo opcional para tornar-se indispensável para o sucesso de um negócio.
O que é, como funciona, media types (media queries), design, recomendações e frameworks, bootstrap.
Material de estudos elaborado por Marcos César // www.marcoscesar.com
Todo o conteúdo é livre e pode ser copiado, consultado sempre e divulgado em toda internet desde que citados os créditos.
cc 2013 Construsite Brasil - Desenvolvimento web.
Ux design/Experiência do Usuário - Conexão KingHost 2015Luisa Ambros
MOMENTO 1: PALESTRA
U.X. Design/Experiência do Usuário: O que é e por que importa
— Conceito e origem
— Como o usuário, você e seu negócio se beneficiam
— O que faz um profissional de UX
MOMENTO 2: WORKSHOP
Entregáveis de UX & Teste de Usabilidade
http://www.luisaambros.com/blog/palestra-e-workshop-de-ux-designexperiencia-do-usuario-no-conexao-kinghost-2015/
Entrevista concedida para alunos do curso de Jornalismo da Unoeste de Presidente Prudente. Parte do projeto de conclusão de curso - Implementação de um Portal para a Faculdade de Comunicação Social "Jornalista Riberto Marinho" de Presidente Prudente.
Slides da palestra HollywoodCEO: Pixar ministrada por Ricardo Jordão Magalhães da BIZREVOLUTION. Para conhecr mais visite http://www.bizrevolution.com.br
Algumas dicas simples, mas altamente eficazes para criação de apresentações visuais de alto impacto utilizando o MS PowerPoint, ou também outras ferramentas.
Espero que gostem.
Dicas importantes para criar SLIDES fantásticos:
1: Preocupe-se com os detalhes
2: Use fontes bonitas
3: Use imagens em alta definição
4: Padronize cores
5: Use pouco texto
6: Mantenha organização e sequência
A palestra "Faça Apresentações! Não Faça Slides!" é resultado de um trabalho de modelagem dos padrões linguísticos (PNL) de um dos maiores oradores mais admirados do mundo, Steve Jobs.
Na palestra "Faça Apresentações! Não Faça Slides!", Victor Gonçalves apresenta dicas para realizar apresentações inspiradoras e que proporcionem experiências memoráveis a seu público.
An immersive workshop at General Assembly, SF. I typically teach this workshop at General Assembly, San Francisco. To see a list of my upcoming classes, visit https://generalassemb.ly/instructors/seth-familian/4813
I also teach this workshop as a private lunch-and-learn or half-day immersive session for corporate clients. To learn more about pricing and availability, please contact me at http://familian1.com
3 Things Every Sales Team Needs to Be Thinking About in 2017Drift
Thinking about your sales team's goals for 2017? Drift's VP of Sales shares 3 things you can do to improve conversion rates and drive more revenue.
Read the full story on the Drift blog here: http://blog.drift.com/sales-team-tips
Workshop sobre User Experience e Usabilidade
Conteúdo:
1 Compreendendo a Usabilidade e UX
2 Padrões, Heurísticas de UX
3 Processo de Design Thinking
4 Técnicas de Apoio
Design UX - Quanto isso influencia seu projeto - Guilherme Sester AraujoiMasters
Design UX. O que é e para que serve? Como utilizar no seu projeto e o quanto influencia. Boas práticas na criação de um site.
Nesta palestra, o Guilherme irá mostrar exemplos práticos e irá exercitar o conceito de UX em diversos momentos (da concepção à entrega do produto final).
De uma maneira leve e até bem humorada, a ideia é desmistificar esse conceito e trazer maneiras de utilizar técnicas de UX no dia a dia.
Será abordado ainda, design para desktop x mobile, como projetar um PWA otimizado e também diferenciação entre UX e UI.
Criar o design de um site eficiente está longe de apenas elaborar elementos bonitos. Interfaces precisam ser cada vez mais fáceis de usar e também atingir os objetivos desejados pelo cliente. Durante a apresentação, você aprenderá conceitos básicos, diversas dicas que aprendi durante minha carreira e o que fazer ou evitar na hora de criar o design de um site.
Nesta aula continuamos com os conceitos e metodologia de Planejamento de Projetos Web e abordamos: Sitemaps, Wireframes, documento de escopo e dicas simples de Usabilidade.
Code Club Brasil na Campus Party Brasil 8 #cpbr8 Felipe Fernandes
Apresentação feita na 8ª edição da Campus Party Brasil, onde falamos sobre o projeto, seu surgimento, os números e os passo a passos de como se tornar um voluntário e como montar um clube.
2. WebDesign | Usabilidade
Conceito de usabilidade
É a facilidade de uso que as pessoas podem
empregar uma ferramenta ou objeto a fim de
realizar uma tarefa específica.
4. WebDesign | Usabilidade
Porque usabilidade é importante?
Se um site for dificil de usar, o usuário sai.
Se a homepage não for clara o suficiente
para mostrar o que a empresa oferece e o
que é possível fazer, o usuário também sai.
Se o usuário perder, ele sai.
Se demorar pra carregar, e definitivamente sai.
5. WebDesign | Usabilidade
O que devemos considerar?
1. Objetivos do website.
2. Estudar o inimigo: visitar os sites concorrentes.
3. Estudar os usuários através de seu comportamento.
6. WebDesign | Usabilidade
"Um erro nos sites e intranets é estruturar
a informação baseado em como a
empresa enxerga sua informação."
Jacob Nielsen (2004)
7. WebDesign | Usabilidade
Mas como o usuário pensa?
Os hábitos dos usuários não são muito diferentes dos
hábitos de um consumidor numa loja ou supermercado.
Dão uma olhada geral em cada página e clicam no
primeiro link ou imagem que capture seu interesse ou que
se pareça com o que está procurando.
8. WebDesign | Usabilidade
Mas como o usuário pensa? (cont.)
De fato, boa parte da página não é nem vista.
A maioria dos usuários procura algo interessante ou útil
para clicar. Assim que encontra algo promissor, ele clica.
Se o resultado não supere sua expectativa, ele volta e
continua procurando e sai.
12. WebDesign | Usabilidade
Os 10 princípios básicos de usabilidade:
1. Não faça o usuário pensar
2. Não abuse da paciência do usuário
13. WebDesign | Usabilidade
Os 10 princípios básicos de usabilidade:
1. Não faça o usuário pensar
2. Não abuse da paciência do usuário
3. Mantenha o foco de atenção do usuário
14. WebDesign | Usabilidade
Os 10 princípios básicos de usabilidade:
1. Não faça o usuário pensar
2. Não abuse da paciência do usuário
3. Mantenha o foco de atenção do usuário
4. Destaque os recursos e benefícios
15. WebDesign | Usabilidade
Os 10 princípios básicos de usabilidade:
1. Não faça o usuário pensar
2. Não abuse da paciência do usuário
3. Mantenha o foco de atenção do usuário
4. Destaque os recursos e benefícios
5. Faça uso de texto objetivo
16. WebDesign | Usabilidade
Os 10 princípios básicos de usabilidade:
1. Não faça o usuário pensar
2. Não abuse da paciência do usuário
3. Mantenha o foco de atenção do usuário
4. Destaque os recursos e benefícios
5. Faça uso de texto objetivo
6. Valorize e priorize a simplicidade
17. WebDesign | Usabilidade
Os 10 princípios básicos de usabilidade:
1. Não faça o usuário pensar
2. Não abuse da paciência do usuário
3. Mantenha o foco de atenção do usuário
4. Destaque os recursos e benefícios
5. Faça uso de texto objetivo
6. Valorize e priorize a simplicidade
7. Não tenha medo de espaços brancos
18. WebDesign | Usabilidade
Os 10 princípios básicos de usabilidade:
1. Não faça o usuário pensar
2. Não abuse da paciência do usuário
3. Mantenha o foco de atenção do usuário
4. Destaque os recursos e benefícios
5. Faça uso de texto objetivo
6. Valorize e priorize a simplicidade
7. Não tenha medo de espaços brancos
8. Comunique-se com "linguagem visual"
19. WebDesign | Usabilidade
Os 10 princípios básicos de usabilidade:
1. Não faça o usuário pensar
2. Não abuse da paciência do usuário
3. Mantenha o foco de atenção do usuário
4. Destaque os recursos e benefícios
5. Faça uso de texto objetivo
6. Valorize e priorize a simplicidade
7. Não tenha medo de espaços brancos
8. Comunique-se com "linguagem visual"
9. Convenções são nossas amigas
20. WebDesign | Usabilidade
Os 10 princípios básicos de usabilidade:
1. Não faça o usuário pensar
2. Não abuse da paciência do usuário
3. Mantenha o foco de atenção do usuário
4. Destaque os recursos e benefícios
5. Faça uso de texto objetivo
6. Valorize e priorize a simplicidade
7. Não tenha medo de espaços brancos
8. Comunique-se com "linguagem visual"
9. Convenções são nossas amigas
10. Teste sempre. Antes, durante e depois.
21. WebDesign | Usabilidade
Sobre convenções...
Diante da pesquisa com os sites de objetivos/conteúdos
similares é bom identificar as convenções de interação a
fim de aproveitar o modelo mental criado por elas para
beneficiar a curva de aprendizado do usuário.
26. WebDesign | Usabilidade
Você sabia que...
A maioria das pessoas só pode memorizar de 4 a 7
pequenos fragmentos diferentes de informação na
memória a curto prazo.
27. WebDesign | Usabilidade
Você sabia que...
A maioria das pessoas só pode memorizar de 4 a 7
pequenos fragmentos diferentes de informação na
memória a curto prazo.
Tá. Há espécies de peixes que sua
memória só dura 5 segundos. E daí?
28. WebDesign | Usabilidade
Você sabia que...
A maioria das pessoas só pode memorizar de 4 a 7
pequenos fragmentos diferentes de informação na
memória a curto prazo.
Sendo assim, organização é fundamental.
Converse com as pessoas que formam seu público alvo e
coloque os itens de serviço que elas mais desejam nos
lugares de maior destaque da sua tela.
29. WebDesign | Usabilidade
Boas práticas que você deve ter em mente
1. Não use janelas popup ou frames
2. Não mude o tamanho da janela do usuário
3. Garanta legibilidade e não use fontes muito pequenas
4. Use links curtos, claros, objetivos e URL amigáveis
5. Não tenha links mortos ou sem saída
6. Procure ter apenas uma animação por página (ou não ter)
7. Empregue imagens para apoio ao conteúdo e não para
decoração apenas
8. Evite a necessidade de plugins principalmente para navegar
9. Evite links abrindo novas janelas (quando estiver transitando
em um contexto semântico).