views:

476

answers:

7

I'm setting up keyboard shortcuts for a web app, and I'm wondering: What are the most commonly used keyboard shortcuts (in web applications)?

For example, Google's gmail and reader uses

j / k : previous/next
o / Enter: open/expand

which seems to have stuck, but they also use

p/n: previous / next message

...which to me seems a little awkward.

Are you using keyboard shortcuts in your web application? If so, what are they?

+1  A: 

I know facebook has keyboard shortcuts for navigating pictures in a photo album. Its the right and left arrow key

Dan
A: 

Beyond Ctrl+x, Ctrl+v, I think you'll lose most of your audience if you depending on anything else.

So, to answer your question, none that are not interpreted by the OS.

Allain Lalonde
I'm actually not talking about OS or browser (ie: ctrl+d) shortcuts, but web apps keyboard shortcuts
yoavf
I know, so there are no shortcuts that I deliberately put in my Web Apps.
Allain Lalonde
Thanks. Btw I'm not depending on anything else, just making it easier for the power users...
yoavf
+2  A: 

I think the spacebar is somewhat intuitive for start/stop. Many video players (like Youtube's and Vimeo's) use this. Anyone who has ever worked with audio or video editing apps will be used to that. You might also consider the spacebar for audio content (like a music player).

Jeremy Ricketts
+2  A: 

What GMail uses are shortcuts inherited from a relatively old editor - vi / or it's newer variant - vim (www.vim.org). Those shortcuts came from an old keyboard design, which had on those keys also arrow keys, left, down, up, right ... see here: http://en.wikipedia.org/wiki/File:KB_Terminal_ADM3A.svg

While in GMail you can get a list of all shortcuts, by pressing "?".

It is a little hard to give more information, since you're not mentioning what kind of web app are youthinking of developing.

ldigas
+3  A: 

I think the biggest key is to not create hotkeys that would clash with the default behavior of common operating systems or web browsers.

This isn't a web app, but the a plugin I use for Visual Studio has the hotkey Alt+3 to open a special window. Unfortunately, this is supposed to open the "watch" window by default.

This are the kinds of things that will drive your viewers mad...

Tim
+1  A: 

"Ctrl+Alt+Del" when some freak programmer/designer created another "cool" Flash animation which caused 100% CPU utilization rendering the browser and the OS almost unresponsive.

User
+1  A: 

Wikipedia has some information about it at http://en.wikipedia.org/wiki/Access_keys

Marlun