This presentation focuses on the trend (in product design and development) of utilisation of keyboard shortcuts in websites. The first part consists of an introduction of keyboard shortcuts that are …
This presentation focuses on the trend (in product design and development) of utilisation of keyboard shortcuts in websites. The first part consists of an introduction of keyboard shortcuts that are available in sites like Tumblr, Soundcloud, Feed.ly and YouTube.
Although sites can already be navigated by the use of the keyboard (the ones the browser already supports, e.g using 'space' to scroll down). Web applications take on a new approach in supporting main tasks via keyboard shortcuts. This enhances the user experience by making it more fluid and faster.
However, there are 2 problems with keyboard mappings of many powerful web apps. on the one hand that there's a shortcuts overload (mappings are complex therefore hard to get into)
The challenge for designers lies in making the user aware of the existence, and train the users (progressively) in adopting these shortcuts.
The presentation explores the ways users can be trained in 5 steps:
1) Introduce gradually & gracefully
2) Place tips carefully
3) Follow common patterns
4) Repetition & practice
5) Keep it simple and small (KISS)
-- Photography sources --
"Desire path and desire cycle path" by Kake Pugh under Creative Commons (2007)
"Underwood" by higginskurt under Creative Commons (2009)
"Guided tour in Capitole" by Åsmund Bø under Creative Commons (2007)
"Marina Abu Dhabi UAE Traffic Sign" by Swissrock under Creative Commons (2010)
"Rucker Bat Cave Entrance" by Chris Vreeland under Creative Commons (2005)
"Autobahn 2" by Ralf Müller under Creative Commons (2013)
"Productivity Future Vision" by officevideos on YouTube (2011)