U can touch it
?
4 likes?534 views
The document discusses considerations for making websites touch-friendly, including: - Websites should be 980px or less to avoid shrinking or scrolling on touchscreens. - Touch targets like buttons should be at least 26px to avoid accidental presses. - Provide feedback for touch interactions and use contrasting colors for readability. - Avoid complex hover menus, heavy animations, and inputs of PDFs which don't work as well on touchscreens.
U can touch it
- 1. The nexum AG is a consultancy and agency for digital media.U cantouchitWhattoconsiderwhenyoumaketouchablewebsitesTamim Swaid, Consultant, nexum AGuxcampeuropeBerlin, 11.06.2011 – 12.06.2011
- 2. 2Global Unit Shipmentsof Non-Touch vs. Touch-Devices
- 3. 3The website on different devices
- 5. 5Noflashvideoplayer – use .mp4 – andencoderightMp4Flash
- 6. 6Website not wider than 980 px. Otherwiseitshrinksorscrolls.980 px
- 8. 8The touchtargetsizeshouldbe…Recommended touchtargetsizeis9mm/34pxMinimum touchtargetsizeis7mm/26pxMinimum spacingbetweenelementsis2mm/8pxThe width of a finger limits the density of items on screen. If the items are too close, the user will not be able to choose a single one.
- 9. 9Touch targetsize in reality
- 12. 12… gets a closeicon
- 14. 14Keep yourwebsites fast – No Animation overload
- 17. 17Scrollable div-boxes don‘thavescrollbars on TouchDesktopiPhoneiPhone
- 19. 19HTML5 Input Typesdatetime-localsearchtelurl email datetimedatemonthweektimenumberrangecolorTelephoneURLE-Mail
- 20. 20Input, savingandprinting PDFs won‘twork on touchdevices
- 21. Tamim Swaid, Concept & Consultanttamim.swaid@nexum.deTel. +49 221 56939 - 4149nexum AGMaarweg 149 – 161, 50825 K?lnThanks21Bild