Baixado 86 vezes
Carregado porHorácio Soares
Mobile first - W3C WEB.BR 2012
1. O documento discute as tendências e oportunidades do mercado mobile no Brasil, mencionando o crescimento do uso de smartphones e as mudanças no comportamento do consumidor. 2. É destacado que, apesar das limitações de tela pequena e bateria, o mobile representa uma grande oportunidade para anunciantes se conectarem com clientes. 3. São apresentadas algumas das abordagens e desafios para projetos de experiência do usuário (UX) mobile, como entender as necessidades dos usuários e equilibrá-las com os
Mais conteúdo relacionado
Semelhante a Mobile first - W3C WEB.BR 2012
Mobile first - W3C WEB.BR 2012
- 1. Horácio Soares @horaciosoares 21 9925-5404 W3C - web.br 2012 mobile first Outubro de 2012 – São Paulo!
- 2.
- 3.
- 4. Backseat Driver –Toyota ToyToyota http://www.youtube.com/watch?v=-mjudtrwdS4
- 5.
- 6.
- 7.
- 8.
- 9. Áudio, vídeo eimagem
- 10.
- 11.
- 12. Em qualquer horae local.
- 13. Novas maneiras deinteração e apresentação
- 14. Boa compatibilidade entre navegadoresMobile e HTML5
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 21. Fonte: Onnaweb (IBOPE– agosto 2012) http://www.onnaweb.com.br/blog/mobile/estudo-aponta-quando-e-o-que-os-brasileiros-fazem-na-internet-pelo-smartphone/
- 24. GIF animado... By Luli
- 25. TIC Domicílios 2011 outubrode 2011 – janeiro 2012 http://cetic.br/usuarios/tic/2011-total-brasil/
- 30.
- 31.
- 33.
- 34.
- 35.
- 36.
- 37.
- 38.
- 40.
- 41. Muitas vezes, aointeragir com mobile, as pessoas estão em modo: “fritando o peixe e olhando o gato” e com apenas um dos dedos...
- 42.
- 44. ‘Desktop is like“diving”…
- 45. …while mobile islike “snorkling.”’ by Hinman at Nokia http://www.slideshare.net/Rachel_Hinman
- 46.
- 47.
- 48. tela grande energia @lukew
- 49. tela grande energia rede consistente @lukew
- 50. tela grande energia rede consistente teclado @lukew
- 51. tela grande energia rede consistente teclado mouse @lukew
- 52. tela grande energia rede consistente teclado mouse cadeira @lukew
- 53. tela grande energia rede consistente teclado mouse cadeira mesa @lukew
- 54. tela grande energia rede consistente teclado mouse cadeira caneca de café mesa @lukew
- 56.
- 57.
- 58. tela pequena bateria @lukew
- 59. tela pequena bateria rede inconsistente @lukew
- 60. tela pequena bateria rede inconsistente dedo gordo @lukew
- 61. tela pequena bateria rede inconsistente dedo gordo sensores @lukew
- 62.
- 63. Como o Lulidisse no Digitalks no Rio: “Nesse mundo Mobile, somos todos daltónicos e sofremos do Mal de Parkinson”
- 64. "Context is about understanding human relationships to the people, places and things in the world". Rachel Hinman
- 65. Artigo: http://uxmag.com/articles/excerpt-from-the-new-book-the-mobile-frontier Livro: http://www.amazon.com/Mobile-Frontier-Rachel-Hinman/dp/1933820551?tag=651998669-20 Video:http://vimeo.com/39230026 Apresentações: http://www.slideshare.net/Rachel_Hinman
- 68. perda de 80%do espaço
- 69.
- 70. e isso podeser ótimo para o negócio...
- 71. te força apriorizar... te força a manter o foco…
- 72. Alguém conhece algumsite que gostaria que 80% do seu conteúdo/itens/elementos fosse retirado da interface?
- 73. Flickr desktop 60 opçõesde menu...
- 74.
- 75. Flickr mobile 7 opçõesde menu...
- 76.
- 77.
- 78. Conhecimento profundo da audiência,o que fazem, por que vieram e por que se importam com o Flickr...
- 79. Restrições são boaspara o design, pois te forçam a priorizar, a manter o foco
- 80.
- 81.
- 85. Os detalhes do compradornão podem ser visualizados na versão mobile.
- 91. Como os brasileiros estão lidando com seus smartphones?
- 92.
- 93.
- 94. 1 Os smartphones são indispensáveis no cotidiano
- 98. 2 - Ossmartphones transformaram o comportamento do consumidor
- 102. 3 Os smartphones ajudam osusuários a navegar pelo mundo
- 103. 4 Os smartphones mudamo modo como os consumidores fazem compras
- 108. 5 Os smartphones ajudam os anunciantes a entrarem em contato com os clientes
- 111.
- 112.
- 113. O que aspessoas esperam em uma experiência em dispositivos móveis?
- 114.
- 115.
- 116.
- 117.
- 118.
- 119.
- 120. Entretanto, a experiência pertence as pessoas. O designer não projeta a experiência… Projeta para a experiência do usuário.
- 121. Experiência do “ Usuário(UX) é a qualidade da experiência que uma pessoa tem ao interagir com algo projetado. uxnet.org ”
- 122. E o queas empresas esperam?
- 124.
- 125.
- 126.
- 127. acertando o tiro certo noalvo certo
- 128.
- 129. “uma conspiração para o sucesso”
- 130. falta de estratégiae planejamento resulta em…
- 132.
- 133.
- 134.
- 135. Causo 1 Precisamos Construir uma mesa. Liv O Tiro e o A
- 136. CAUSO 1 - A propósito, que mesa? Livro: O Tiro e o Alvo
- 137.
- 138.
- 139.
- 140.
- 141. Ou seria umamesa para computador?
- 142.
- 143.
- 144.
- 145.
- 146. Ou seria umamesa de cirurgia?
- 147.
- 148. CAUSO 1 (continuação) - Isso não interessa, meu filho. Depois a gente vê. Vamos começar logo o trabalho. O prazo é Livro: rework 37 Signals curto, então, mãos à obra! Livro: O Tiro e o Alvo
- 149. CAUSO 1 (continuação) Para uma mesa pode parecer exagero, mas não para sistemas e sites... Livro: O Tiro e o Alvo
- 150. Conclusão? Retrabalho, desgaste como cliente e diminuição do lucro.
- 151. desafio 1: identificar objetivose necessidades…
- 152. Investigação Baseada emPerguntas Precisamos automatizar a Contabilidade Preciso do Balancete dia 5 e não dia 15 como atualmente! Por Quê? Por Quê? Por Quê? Necessito da Conta X do Balancete até o dia 5. Preciso do valor da Conta X para calcular até o dia 7 o valor das Reservas. Precisamos informar o valor das Reservas ao Banco Central até o dia 8! Por que se não informarmos as Reservas seremos multados!!
- 153. Uma proposta debriefing Baseado em perguntas: http://clearleft.s3.amazonaws.com/client- worksheet.doc http://bit.ly/a5tRzF
- 154. Desafio 2: Como atender ao mesmo tempo os objetivos e as necessidades? Marte Vênus Objetivos e metas da empresa Necessidades dos usuários
- 155. Objetivos Reais e metas necessidades do projeto dos usuários
- 157.
- 158. empresa Objetivos e metasdo projeto Necessidades dos usuários usuários
- 159. Um caminho: modelagemparticipativa
- 160. um case emequilíbrio…
- 161. Case apresentado porRodrigo Tigre, POPULIS - Content Marketing Digitalks Rio de Janeiro Abril2012
- 162.
- 163. Case apresentado porRodrigo Tigre, POPULIS - Content Marketing Digitalks Rio de Janeiro Abril2012
- 164. Case apresentado porRodrigo Tigre, POPULIS - Content Marketing Digitalks Rio de Janeiro Abril2012
- 165. Observação e identificação de um problema...
- 166. Case apresentado porRodrigo Tigre, POPULIS - Content Marketing Digitalks Rio de Janeiro Abril2012
- 167. Case apresentado porRodrigo Tigre, POPULIS - Content Marketing Digitalks Rio de Janeiro Abril2012
- 170. Quais são oscaminhos do mobile?
- 172. Como era em2004, 2005, 2006...?
- 173. Site Acesso Digital 2007
- 174. Portabilidade - designlíquido (resolução 1024x768)
- 175. Portabilidade - designlíquido ( resolução 640x480)
- 176. Portabilidade – csspara impressão
- 177. Portabilidade css para dispositivomóvel MOTO Q Acesso Digital: http://acessodigital.net
- 178. Quais são oscaminhos do mobile hoje?
- 179.
- 183.
- 189. site mobile (umaversão)
- 192. site mobile (duas versões– smartphone e tablet)
- 193.
- 194.
- 196.
- 198.
- 199. Depende! • do problemaque será resolvido • do orçamento • público-alvo • …
- 201. Como anda a qualidade dos nossos sites nas versões desktop?
- 203.
- 223. Independente do caminho escolhido deve-se…
- 224. Mobile First Luke Wroblewski Livro: http://www.abookapart.com/products/mobile-first
- 225.
- 226.
- 227. Elimine da interfaceitens que não sejam extremamente necessários...
- 228. Case Extreme Bookingwith Hotels.com http://www.youtube.com/watch?v=gcuFkiEORsE
- 229.
- 233.
- 234.
- 235.
- 236.
- 237.
- 241.
- 242. - Não economize nos protótipos… 37 Signals (design de epicentro) Content First Cuidado com Wireframe…
- 243. “Erre logo paraser bem sucedido mais cedo.” IDEO Faber Ludens – Érico Fileno
- 244. How To Conduct AUsability Test On A Mobile Device http://www.measuringusability.com/ blog/mobile-usability-test.php
- 247.
- 248.
- 249. - Como o homemda maça fazia?
- 251. protótipos testes avaliações
- 252. ...e evolua sempre.
- 253. ...e evolua sempre. = Melhoria contínua
- 254. Horácio Soares @horaciosoares 21 9925-5404 Obrigado! Outubro de 2012 – São Paulo!