Introdução a experiência do usuário

• 1. INTRODUO AEXPERINCIA DOUSURIOO QUE ?O QUE SE FAZ?COMO SE FAZ?

2. O QUE UX?O design faz a UX ou a UX faz o Design? 3. UX = USER EXPERIENCE EXPERINCIA DO USURIOUser Experience focar o projeto nousurio, entender necessidades e saber conciliarsua satisfao com os objetivos do produto. 4. QUEM NUNCA OUVIU? Quando voc consegue entregar as telas? Mesmo com argumentos sobre o processo e entregveis vinha o contra- argumento... Mas s a home e uma interna. S a cara do sistemapra termos uma base. 5. COMO CHEGAMOS NAS TELAS (DESIGN)? Contedo Funcionalidades Design Pginas Usurios Interao Como usam? Qual a UX? 6. ENTREGVEIS DE UX 7. O QUE TEMOS EM UX?MUITAS SIGLAS UX UI IAUCDIxDGUI UTWAI WWSG 8. O QUE TEMOS EM UX? MUITAS SIGLASUXUIIAVamos analisar os mais conhecidos. UX - User Experience UI - User InterfaceAI - Information Architecture 9. DIVISOR DE GUASUX E UI DESIGNERQUAL A DIFERENA? 10. UX / UI DESIGNERUser ExperienceUser Interface Trabalha a Desenvolve a experincia nainterface a ser utilizao utilizada 11. O QUE FAZ O UX DESIGNER?ELE NO ... ELE FAZ... O cara que faz botes Direo de arte O cara que d um tapa no Identidade visuallayout Layouts com, padres D um jeito na apresentao visuais, tipografia e esttica Recorta foto Pensa em como deixar ascoisas melhores Arrumador de foto dosobrinho Cria experincias e interaes 12. IA INFORMATION ARCHITECTUREO QUE ?Arquitetura de Informao tornar o complexo claro.WURMAN (1997) 13. IA INFORMATION ARCHITECTUREEm qual categoria ficariam os itens abaixo? 14. O QUE TEMOS?Arquitetura da Informao - O que temos para desenvolver o produto /sistema? 15. O QUE VAMOS FAZER?UX experincia do usurio quem pensa na utilizao 16. COMO VAMOS UTILIZAR?UI User Interface Design quem desenvolve o layout 17. ENTO...O QUE UX?Experincia de Usurio (UX) um termo para o nvel de satisfao geral dosusurios enquanto usam o seu produto ou sistema.UX = soma de uma srie de interaesExperincia de Usurio (UX) representaa percepo deixada na mente daspessoas depois de uma srie deinteraes entre as pessoas, objetos eeventos ou uma combinao entreeles. 18. PILARES DA UXUX design = combina trs tipos de atividadesInterao InterfaceUsabilidade 19. ENTREGVEIS DE UX 20. LEMBRA DA PERGUNTA? Quando voc consegue entregar os wireframes? Mas s a home e uma interna. S a cara dosistema pra termos uma base. Pra lembrar 21. MAS EU PRECISO UTILIZAR TUDO ISSO?NO! 22. ENTO POR ONDE COMEAR? necessrio coletar informaes antes de iniciar interao.PesquisarDescobrir Analisar o que Requisitos o problema pode ser feitopara melhorar o Referncias perfil do seu usurio cenrio atual Usurios o que pensam Objetivos como agem 23. FOCO NA INFORMAO TILPara ter sucesso precisamos isolar a informao especfica de queprecisamos e lev-las s pessoas que realmente iro us-las.Site para crianas tem foco em E para a terceira idade? Comointerao visual identificar a interao? Pesquisem antes de fazer... 24. PRECISAMOS MUDAR OPANORAMA DA INFORMAOA boa notcia que hoje existem muita informao nas nuvens.A notcia ruim que a maioria delas no so importantes ou noso compreensveis ao usurio.O volume enorme de informao disponvel e a maneira como apresentada faz com que boa parte dela seja intil, perde-se ofoco do real motivo que entramos naquela pgina ou site. 25. NECESSRIO OBSERVAR 26. NECESSRIO OUVIR 27. NECESSRIO ANALISAR 28. NECESSRIO SUGERIR 29. COM ISSO NASCEM OS WIREFRAMES 30. WIREFRAMES MOBILE 31. WIREFRAMES INSTITUCIONAIS 32. E DESENVOLVEM-SE LAYOUTS (DESIGN) 33. O USURIO ESPERA ENCONTRAR UM PRODUTOQUE ATENDA AS SUAS NECESSIDADES. 34. MAS ELE S ELOGIA E DIVULGA UM PRODUTOQUE SUPERE SUAS EXPECTATIVAS. 35. INTERAO ALM DAS EXPECTATIVASEcommerce com realidade aumentadahttps://www.youtube.com/watch?v=ZnBcqV9POkY 36. E QUAIS SO OS BENEFCIOS? Antecipar erro de interao Obter informaes reais de utilizao antes do desenvolvimento Proximidade entre cliente, desenvolvimento e usurios finais. Reduo de horas de desenvolvimento Desenvolvimento gil com componentes e padres web Ao fim se economiza tempo e dinheiro no projeto. 37. PADRES WEB + COMPONENTES possvel desenvolver componentes baseados em padresinternacionais de Cdigo W3C e Web Standards, permitindo avisualizao em todos browsers garantindo assim a utilizao emfuturas atualizaes dos Browsers.+ = Sistema com Validao Cross-Browserpadres visuais 38. ANLISE DE ESTATSTICASTipos de Browser 39. UX UMA ETAPA QUE... ...entrega o basto para que a prxima equipe continue a corrida.Se no estiverem em sincronia, a corrida no termina. 40. UX UMA ETAPA QUE...Agora se ao fim se a sincroniafor perfeita, todos sobem ao lugar mais alto.A unio faz a melhor equipe 41. USER EXPERIENCE FOCAR O PROJETO NOUSURIO, ENTENDER NECESSIDADES E SABER CONCILIARSUA SATISFAO COM OS OBJETIVOS DO PRODUTO. 42. UX o centro e noo topo da pirmideBruno Biagioni Neto - AI, UX & UI Designer - [email protected] - www.biagioni.com.br