Tapworthy Apps
27
The Ergonomics of Design Tapworthy Apps
description
Tapworthy Apps. The Ergonomics of Design. Intuitive Design. Obey Physical Laws. Mirror the World. Rule of Thumb. Rule of Thumb. Controls on Bottom. Primary Content on Top. More: Secondary Nav. Use What's Familiar. Big Buttons. Overcrowding. Avoid Clutter. Simplicity. Simplicity. - PowerPoint PPT Presentation
Transcript of Tapworthy Apps
![Page 1: Tapworthy Apps](https://reader035.fdocuments.net/reader035/viewer/2022070411/5681472c550346895db46764/html5/thumbnails/1.jpg)
The Ergonomics of Design
Tapworthy Apps
![Page 2: Tapworthy Apps](https://reader035.fdocuments.net/reader035/viewer/2022070411/5681472c550346895db46764/html5/thumbnails/2.jpg)
Intuitive Design
![Page 3: Tapworthy Apps](https://reader035.fdocuments.net/reader035/viewer/2022070411/5681472c550346895db46764/html5/thumbnails/3.jpg)
Obey Physical Laws
![Page 4: Tapworthy Apps](https://reader035.fdocuments.net/reader035/viewer/2022070411/5681472c550346895db46764/html5/thumbnails/4.jpg)
Mirror the World
![Page 5: Tapworthy Apps](https://reader035.fdocuments.net/reader035/viewer/2022070411/5681472c550346895db46764/html5/thumbnails/5.jpg)
Rule of Thumb
![Page 6: Tapworthy Apps](https://reader035.fdocuments.net/reader035/viewer/2022070411/5681472c550346895db46764/html5/thumbnails/6.jpg)
Rule of Thumb
![Page 7: Tapworthy Apps](https://reader035.fdocuments.net/reader035/viewer/2022070411/5681472c550346895db46764/html5/thumbnails/7.jpg)
Controls on Bottom
![Page 8: Tapworthy Apps](https://reader035.fdocuments.net/reader035/viewer/2022070411/5681472c550346895db46764/html5/thumbnails/8.jpg)
Primary Content on Top
![Page 9: Tapworthy Apps](https://reader035.fdocuments.net/reader035/viewer/2022070411/5681472c550346895db46764/html5/thumbnails/9.jpg)
More: Secondary Nav
![Page 10: Tapworthy Apps](https://reader035.fdocuments.net/reader035/viewer/2022070411/5681472c550346895db46764/html5/thumbnails/10.jpg)
Use What's Familiar
![Page 11: Tapworthy Apps](https://reader035.fdocuments.net/reader035/viewer/2022070411/5681472c550346895db46764/html5/thumbnails/11.jpg)
Big Buttons
![Page 12: Tapworthy Apps](https://reader035.fdocuments.net/reader035/viewer/2022070411/5681472c550346895db46764/html5/thumbnails/12.jpg)
Overcrowding
![Page 13: Tapworthy Apps](https://reader035.fdocuments.net/reader035/viewer/2022070411/5681472c550346895db46764/html5/thumbnails/13.jpg)
Avoid Clutter
![Page 14: Tapworthy Apps](https://reader035.fdocuments.net/reader035/viewer/2022070411/5681472c550346895db46764/html5/thumbnails/14.jpg)
Simplicity
![Page 15: Tapworthy Apps](https://reader035.fdocuments.net/reader035/viewer/2022070411/5681472c550346895db46764/html5/thumbnails/15.jpg)
Simplicity
![Page 16: Tapworthy Apps](https://reader035.fdocuments.net/reader035/viewer/2022070411/5681472c550346895db46764/html5/thumbnails/16.jpg)
The One Thing
![Page 17: Tapworthy Apps](https://reader035.fdocuments.net/reader035/viewer/2022070411/5681472c550346895db46764/html5/thumbnails/17.jpg)
Scroll vs. 'Flip'
![Page 18: Tapworthy Apps](https://reader035.fdocuments.net/reader035/viewer/2022070411/5681472c550346895db46764/html5/thumbnails/18.jpg)
Magic Number 44
![Page 19: Tapworthy Apps](https://reader035.fdocuments.net/reader035/viewer/2022070411/5681472c550346895db46764/html5/thumbnails/19.jpg)
Iconic 88
![Page 20: Tapworthy Apps](https://reader035.fdocuments.net/reader035/viewer/2022070411/5681472c550346895db46764/html5/thumbnails/20.jpg)
Tapworthy Design • Mirror rules of physical world
• Put primary controls in thumb's "hot zone"
• 44 is the magic number for tap areas
• Be generous with space, don't crowd design
• Keep controls in reach, avoid scrolling
![Page 21: Tapworthy Apps](https://reader035.fdocuments.net/reader035/viewer/2022070411/5681472c550346895db46764/html5/thumbnails/21.jpg)
![Page 22: Tapworthy Apps](https://reader035.fdocuments.net/reader035/viewer/2022070411/5681472c550346895db46764/html5/thumbnails/22.jpg)
More is not more
![Page 23: Tapworthy Apps](https://reader035.fdocuments.net/reader035/viewer/2022070411/5681472c550346895db46764/html5/thumbnails/23.jpg)
![Page 24: Tapworthy Apps](https://reader035.fdocuments.net/reader035/viewer/2022070411/5681472c550346895db46764/html5/thumbnails/24.jpg)
WWJD
![Page 25: Tapworthy Apps](https://reader035.fdocuments.net/reader035/viewer/2022070411/5681472c550346895db46764/html5/thumbnails/25.jpg)
What Would Jobs Do?
WWJD
![Page 26: Tapworthy Apps](https://reader035.fdocuments.net/reader035/viewer/2022070411/5681472c550346895db46764/html5/thumbnails/26.jpg)
Tab Nav
![Page 27: Tapworthy Apps](https://reader035.fdocuments.net/reader035/viewer/2022070411/5681472c550346895db46764/html5/thumbnails/27.jpg)
Tree Nav