Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
HOVER
IS DEAD
27 March 2015 - @j8matteo – CSSDAY - Faenza
27 March 2015 - @j8matteo – CSSDAY - Faenza
HOVER ME
Rollover to read the Bio
27 March 2015 - @j8matteo – CSSDAY - Faenza
HOVER ME
Matteo Guidotto – Twitter: @j8matteo
PM, UX & Frontend Developer, Agi...
27 March 2015 - @j8matteo – CSSDAY - Faenza
THE 90’s and WOW EFFECT
27 March 2015 - @j8matteo – CSSDAY - Faenza
THE 90’s and WOW EFFECT
27 March 2015 - @j8matteo – CSSDAY - Faenza
THE 90’s and WOW EFFECT
27 March 2015 - @j8matteo – CSSDAY - Faenza
IOS AND FLASH
27 March 2015 - @j8matteo – CSSDAY - Faenza
“A third of all smartphone users in the U.K.
—or 11 million adults—
check thei...
27 March 2015 - @j8matteo – CSSDAY - Faenza
The fall of flash
27 March 2015 - @j8matteo – CSSDAY - Faenza
HTML/CSS/JS took OWNERSHIP
OF WOW EFFECT
27 March 2015 - @j8matteo – CSSDAY - Faenza
TONS OF Library
27 March 2015 - @j8matteo – CSSDAY - Faenza
css animation
27 March 2015 - @j8matteo – CSSDAY - Faenza
css animation
On hover
27 March 2015 - @j8matteo – CSSDAY - Faenza
27 March 2015 - @j8matteo – CSSDAY - Faenza
Use or abuse?
PHIL	
  HAWKSWORTH	
  JSDAY	
  2013	
  
	
  
EXCESSIVE	
  ENHANCEMENT	
  
AND	
  
RESPONSIBLE	
  WEB	
  DESIGN	
  
Excessi...
27 March 2015 - @j8matteo – CSSDAY - Faenza
ARE WE RESPONSible?
27 March 2015 - @j8matteo – CSSDAY - Faenza
ARE WE RESPONSible?
PROBABLY NOT
27 March 2015 - @j8matteo – CSSDAY - Faenza
How can we be
RESPONSible?
27 March 2015 - @j8matteo – CSSDAY - Faenza
Keep calm with
your wow effect
27 March 2015 - @j8matteo – CSSDAY - Faenza
DEVice center
development
27 March 2015 - @j8matteo – CSSDAY - Faenza
ADD HOVER (animation)
EFFECT LATELY
27 March 2015 - @j8matteo – CSSDAY - Faenza
USE CONTEXTUAL EFFECT
27 March 2015 - @j8matteo – CSSDAY - Faenza
Provides touch equivalent for hover.
DON'T RELY ON HOVER AS THE ONLY WAY TO PE...
27 March 2015 - @j8matteo – CSSDAY - Faenza
WILL BE A TAP IN MOBILE
Open submenu
27 March 2015 - @j8matteo – CSSDAY - Faenza
magnifyDURING THE PRESS
27 March 2015 - @j8matteo – CSSDAY - Faenza
Preview content
27 March 2015 - @j8matteo – CSSDAY - Faenza
You can win PRIZE AND get GLORY
27 March 2015 - @j8matteo – CSSDAY - Faenza
You can win PRIZE AND get GLORY
BUT WEB DEVELOPEMENT
IS NOT MISS ITALIA OR BIG...
27 March 2015 - @j8matteo – CSSDAY - Faenza
WEBSITE IS A PRODUCT
HAS BUSINESS OBJECTIVES
MUST HAVE BEST EXPERIENCE
27 March 2015 - @j8matteo – CSSDAY - Faenza
DO YOU REALLY WANT
SPEND 10 DAYS DOING HOVER?
27 March 2015 - @j8matteo – CSSDAY - Faenza
THANKS!
Upcoming SlideShare
Loading in …5
×

Hover is dead, wake up! - Faenza CSSDAY 2015

681 views

Published on

Nell'era in cui la progettazione delle interfacce deve partire dal mobile, l'ossessione per gli effetti di hover deve passare in secondo piano.

Published in: Technology
  • Be the first to comment

Hover is dead, wake up! - Faenza CSSDAY 2015

  1. 1. HOVER IS DEAD 27 March 2015 - @j8matteo – CSSDAY - Faenza
  2. 2. 27 March 2015 - @j8matteo – CSSDAY - Faenza HOVER ME Rollover to read the Bio
  3. 3. 27 March 2015 - @j8matteo – CSSDAY - Faenza HOVER ME Matteo Guidotto – Twitter: @j8matteo PM, UX & Frontend Developer, Agile Lover matteoguidotto.com Co-founder of FEVR – frontendersverona – fevr.it Co-organizer TEDxVerona
  4. 4. 27 March 2015 - @j8matteo – CSSDAY - Faenza THE 90’s and WOW EFFECT
  5. 5. 27 March 2015 - @j8matteo – CSSDAY - Faenza THE 90’s and WOW EFFECT
  6. 6. 27 March 2015 - @j8matteo – CSSDAY - Faenza THE 90’s and WOW EFFECT
  7. 7. 27 March 2015 - @j8matteo – CSSDAY - Faenza IOS AND FLASH
  8. 8. 27 March 2015 - @j8matteo – CSSDAY - Faenza “A third of all smartphone users in the U.K. —or 11 million adults— check their phone within five minutes of waking. ” Source: WSJ via @annadahlstrom today
  9. 9. 27 March 2015 - @j8matteo – CSSDAY - Faenza The fall of flash
  10. 10. 27 March 2015 - @j8matteo – CSSDAY - Faenza HTML/CSS/JS took OWNERSHIP OF WOW EFFECT
  11. 11. 27 March 2015 - @j8matteo – CSSDAY - Faenza TONS OF Library
  12. 12. 27 March 2015 - @j8matteo – CSSDAY - Faenza css animation
  13. 13. 27 March 2015 - @j8matteo – CSSDAY - Faenza css animation On hover
  14. 14. 27 March 2015 - @j8matteo – CSSDAY - Faenza
  15. 15. 27 March 2015 - @j8matteo – CSSDAY - Faenza Use or abuse?
  16. 16. PHIL  HAWKSWORTH  JSDAY  2013     EXCESSIVE  ENHANCEMENT   AND   RESPONSIBLE  WEB  DESIGN   Excessive Enhancement Responsible Web Design @philhawksworth - jsday2013
  17. 17. 27 March 2015 - @j8matteo – CSSDAY - Faenza ARE WE RESPONSible?
  18. 18. 27 March 2015 - @j8matteo – CSSDAY - Faenza ARE WE RESPONSible? PROBABLY NOT
  19. 19. 27 March 2015 - @j8matteo – CSSDAY - Faenza How can we be RESPONSible?
  20. 20. 27 March 2015 - @j8matteo – CSSDAY - Faenza Keep calm with your wow effect
  21. 21. 27 March 2015 - @j8matteo – CSSDAY - Faenza DEVice center development
  22. 22. 27 March 2015 - @j8matteo – CSSDAY - Faenza ADD HOVER (animation) EFFECT LATELY
  23. 23. 27 March 2015 - @j8matteo – CSSDAY - Faenza USE CONTEXTUAL EFFECT
  24. 24. 27 March 2015 - @j8matteo – CSSDAY - Faenza Provides touch equivalent for hover. DON'T RELY ON HOVER AS THE ONLY WAY TO PERFORM AN ACTION. https://msdn.microsoft.com/en-us/library/windows/desktop/dn742468(v=vs.85).aspx
  25. 25. 27 March 2015 - @j8matteo – CSSDAY - Faenza WILL BE A TAP IN MOBILE Open submenu
  26. 26. 27 March 2015 - @j8matteo – CSSDAY - Faenza magnifyDURING THE PRESS
  27. 27. 27 March 2015 - @j8matteo – CSSDAY - Faenza Preview content
  28. 28. 27 March 2015 - @j8matteo – CSSDAY - Faenza You can win PRIZE AND get GLORY
  29. 29. 27 March 2015 - @j8matteo – CSSDAY - Faenza You can win PRIZE AND get GLORY BUT WEB DEVELOPEMENT IS NOT MISS ITALIA OR BIG BROTHER
  30. 30. 27 March 2015 - @j8matteo – CSSDAY - Faenza WEBSITE IS A PRODUCT HAS BUSINESS OBJECTIVES MUST HAVE BEST EXPERIENCE
  31. 31. 27 March 2015 - @j8matteo – CSSDAY - Faenza DO YOU REALLY WANT SPEND 10 DAYS DOING HOVER?
  32. 32. 27 March 2015 - @j8matteo – CSSDAY - Faenza THANKS!

×