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

1. HOVER
IS DEAD
27 March 2015 - @j8matteo – CSSDAY - Faenza

2. 27 March 2015 - @j8matteo – CSSDAY - Faenza
HOVER ME
Rollover to read the Bio

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. 27 March 2015 - @j8matteo – CSSDAY - Faenza
THE 90’s and WOW EFFECT

5. 27 March 2015 - @j8matteo – CSSDAY - Faenza
THE 90’s and WOW EFFECT

6. 27 March 2015 - @j8matteo – CSSDAY - Faenza
THE 90’s and WOW EFFECT

7. 27 March 2015 - @j8matteo – CSSDAY - Faenza
IOS AND FLASH

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. 27 March 2015 - @j8matteo – CSSDAY - Faenza
The fall of flash

10. 27 March 2015 - @j8matteo – CSSDAY - Faenza
HTML/CSS/JS took OWNERSHIP
OF WOW EFFECT

11. 27 March 2015 - @j8matteo – CSSDAY - Faenza
TONS OF Library

12. 27 March 2015 - @j8matteo – CSSDAY - Faenza
css animation

13. 27 March 2015 - @j8matteo – CSSDAY - Faenza
css animation
On hover

14. 27 March 2015 - @j8matteo – CSSDAY - Faenza

15. 27 March 2015 - @j8matteo – CSSDAY - Faenza
Use or abuse?

16. PHIL
HAWKSWORTH
JSDAY
2013
EXCESSIVE
ENHANCEMENT
AND
RESPONSIBLE
WEB
DESIGN
Excessive Enhancement
Responsible Web Design
@philhawksworth - jsday2013

17. 27 March 2015 - @j8matteo – CSSDAY - Faenza
ARE WE RESPONSible?

18. 27 March 2015 - @j8matteo – CSSDAY - Faenza
ARE WE RESPONSible?
PROBABLY NOT

19. 27 March 2015 - @j8matteo – CSSDAY - Faenza
How can we be
RESPONSible?

20. 27 March 2015 - @j8matteo – CSSDAY - Faenza
Keep calm with
your wow effect

21. 27 March 2015 - @j8matteo – CSSDAY - Faenza
DEVice center
development

22. 27 March 2015 - @j8matteo – CSSDAY - Faenza
ADD HOVER (animation)
EFFECT LATELY

23. 27 March 2015 - @j8matteo – CSSDAY - Faenza
USE CONTEXTUAL EFFECT

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. 27 March 2015 - @j8matteo – CSSDAY - Faenza
WILL BE A TAP IN MOBILE
Open submenu

26. 27 March 2015 - @j8matteo – CSSDAY - Faenza
magnifyDURING THE PRESS

27. 27 March 2015 - @j8matteo – CSSDAY - Faenza
Preview content

28. 27 March 2015 - @j8matteo – CSSDAY - Faenza
You can win PRIZE AND get GLORY

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. 27 March 2015 - @j8matteo – CSSDAY - Faenza
WEBSITE IS A PRODUCT
HAS BUSINESS OBJECTIVES
MUST HAVE BEST EXPERIENCE

31. 27 March 2015 - @j8matteo – CSSDAY - Faenza
DO YOU REALLY WANT
SPEND 10 DAYS DOING HOVER?

32. 27 March 2015 - @j8matteo – CSSDAY - Faenza
THANKS!