We've updated our privacy policy. Click here to review the details. Tap here to review the details.
Activate your 30 day free trial to unlock unlimited reading.
Activate your 30 day free trial to continue reading.
Download to read offline
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)
http://www.flickr.com/photos/kake_pugh/1307255998
"Underwood" by higginskurt under Creative Commons (2009)
http://www.flickr.com/photos/higginskurt/3203504243
"Guided tour in Capitole" by Åsmund Bø under Creative Commons (2007)
http://www.flickr.com/photos/aasmundbo/2814050387
"Marina Abu Dhabi UAE Traffic Sign" by Swissrock under Creative Commons (2010)
http://www.flickr.com/photos/swissrunner/4956818726
"Rucker Bat Cave Entrance" by Chris Vreeland under Creative Commons (2005)
http://www.flickr.com/photos/cvreeland/3453891090
"Autobahn 2" by Ralf Müller under Creative Commons (2013)
http://www.flickr.com/photos/dmc59/9511839630
"Productivity Future Vision" by officevideos on YouTube (2011)
http://www.youtube.com/watch?v=a6cNdhOKwi0
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)
http://www.flickr.com/photos/kake_pugh/1307255998
"Underwood" by higginskurt under Creative Commons (2009)
http://www.flickr.com/photos/higginskurt/3203504243
"Guided tour in Capitole" by Åsmund Bø under Creative Commons (2007)
http://www.flickr.com/photos/aasmundbo/2814050387
"Marina Abu Dhabi UAE Traffic Sign" by Swissrock under Creative Commons (2010)
http://www.flickr.com/photos/swissrunner/4956818726
"Rucker Bat Cave Entrance" by Chris Vreeland under Creative Commons (2005)
http://www.flickr.com/photos/cvreeland/3453891090
"Autobahn 2" by Ralf Müller under Creative Commons (2013)
http://www.flickr.com/photos/dmc59/9511839630
"Productivity Future Vision" by officevideos on YouTube (2011)
http://www.youtube.com/watch?v=a6cNdhOKwi0
You just clipped your first slide!
Clipping is a handy way to collect important slides you want to go back to later. Now customize the name of a clipboard to store your clips.The SlideShare family just got bigger. Enjoy access to millions of ebooks, audiobooks, magazines, and more from Scribd.
Cancel anytime.Unlimited Reading
Learn faster and smarter from top experts
Unlimited Downloading
Download to take your learnings offline and on the go
You also get free access to Scribd!
Instant access to millions of ebooks, audiobooks, magazines, podcasts and more.
Read and listen offline with any device.
Free access to premium services like Tuneln, Mubi and more.
We’ve updated our privacy policy so that we are compliant with changing global privacy regulations and to provide you with insight into the limited ways in which we use your data.
You can read the details below. By accepting, you agree to the updated privacy policy.
Thank you!