Rage Of The Submit Button

I just noticed this morning that Facebook got rid of the submit button on comments. Not sure where else they might have also done this but I love it!

I like this trend of getting rid of submit buttons. Done right I think it makes interfaces cleaner, simpler, and easier. With mobile devices I still think it is better to give a submit button on forms but for desktop versions I love this lack of submit buttons. I find it interesting that Google has kept their search button even when Google Instant is enabled.

That’s all. Just my thoughts on the matter. ; )

Product Search User Interface Demo

Demo Screenshot

Working with limited space and needing both a basic and advanced search I came up with this design. The search happens automatically much like Google instant search as you type. What I like about the design:

  • large input and “[Product Search Results]” in results area lets user know that it is a search and that it searches products
  • The “basic” and “advanced” buttons are placed in a way that associates them with the search input letting the user know that clicking them will change the type of search being done
  • Visual separation of search input and search output
  • No unneeded search button or title to tell the user what it is since it’s parts and design say what it is.

What I am worried about:

  • Some users might not like the lack of a search button (Google still has their search button even with google instant enabled)
  • Making assumptions where I shouldn’t have

This is just a simple demonstration of what I have come up with and would love your feedback. What do you like about it? What do you hate? How would you do it differently? Let me know in the comments or on Twitter @MikeGrace

Check out the demo now if you haven’t! -> http://mikegrace.s3.amazonaws.com/geek-blog/sandbox/search-example.html

Why I love keyboard shortcuts

WARNING: Learning and using keyboard shortcuts will drastically impact your relationship with your mouse and greatly improve your experience on a computer. Proceed with caution. : )

Some look at me strange when I get excited about learning a new keyboard shortcut but there is a reason for my crazed excitement.

I love keyboard shortcuts for several reasons.

  • I can get work done faster
  • Faster than just using a mouse
  • More efficient than using a mouse in most cases
  • Easier on my hands
  • Don’t have to find home row again after task like with mouse
  • Cool Geek factor
  • Did I mention it’s faster than just using a mouse?

Proof of benefits

To illustrate the benefits of learning and using keyboard shortcuts I present to you 2 images with lines representing mouse movement over a period of time.

Mouse usage illustrated by Anatoly Zenkov over a 3 hour period of programming using Eclipse.

3 hours programming on Eclipse

3 hours programming on Eclipse

Mouse usage illustrated by myself over a 7 hour work day of programming using TextMate.

7 hours of programming using TextMate

7 hours of programming using TextMate

There are keyboard shortcuts for Eclipse, but I feel that it is very mouse centric in its layout and functionality.

Eclipse IDE

Eclipse IDE

Contrast that with TextMate that has a very simple and plain interface that relies on many shortcuts for its functionality.

TextMate

TextMate

TextMate does have a tray for a project file structures but I have not needed it since I now use keyboard shortcuts to navigate to different files and sections within each file. That rocks!

TextMate Project File Tray

TextMate Project File Tray

I show and hide this as I need it with a keyboard shortcut.

TextMate Go To File Shortcut Window

TextMate Go To File Shortcut Window

I use this keyboard shortcut to navigate to and pull up the files that I want ALL the time. HUGE time saver!

TextMate Go To Symbol Shortcut Window

TextMate Go To Symbol Shortcut Window

This lets me jump to specific sections of a document. Use it all the time now that I know about it. : )

Keyboard shortcuts are EVERYWHERE! I’ll even be soo bold as to say that applications that don’t have good keyboard shortcuts are not well thought out or well designed. (one of my biggest pet peves with Adobe Air applications!) So how do you learn them all? You don’t! You don’t really need to know them all. You should know and use the ones that will give you the most benefit.

How can I become a keyboard shortcut master?

Learn as you go. I try as best as I can to only use menu items or buttons once or twice if there is an associated keyboard shortcut. If I go to a menu or a button and it shows that there is a keyboard shortcut to do the same thing, I don’t use the menu or the button and use the keyboard shortcut right then and there and try to remember it the next time. It only takes a few times of doing this and the keyboard shortcut will start to become habit. I also learn a lot from others. Many people post their favorite keyboard shortcuts on blogs for the applications they use and watching and asking pros how they do it is great and they love being asked about what keyboard shortcuts they are using.

Read the users manual on the software or read the help. No kidding! I have found some of my favorite keyboard shortcuts by finding the section on keyboard shortcuts in the help menu or in the online how to manual.

Give your mouse the cold shoulder. If you decide you are going to use the mouse as little as possible, you are going to start making a bigger effort to learn keyboard shortcuts. Use them for everything you can and even make a little cheat sheet of your favorite shortcuts to make it easy to remember… even the pros do it.

Conclusion:
I have benefited greatly from learning keyboard shortcuts and I think you would also. I encourage everyone to learn more keyboard shortcuts to increase the effectiveness and productivity on the computer. I also recognize that the keyboard is not a replacement for the mouse. The mouse is a great tool for interfacing with computers but only reaches its full potential when coupled with great keyboard shortcuts and good interface design.

If you are interested in the software that I used to track my mouse usage, it is called IOGraph and can be found at http://iographica.com/

Get Incredible Designs with Preston Lee

Sometimes picking a designer is like finding a good restaurant, you either have to go there and try the food or ask a bunch of your friends where the best place to eat is. Well, I’m your friend and I found an AWESOME restaurant!! Actually, not a restaurant but an awesome designer!!!preston_lee His name is Preston Lee and I highly recommend you follow his blog, join the conversation with him on Twitter, AND use his ninja rock star design skills for what ever you need designing for. I recently had Preston design some business cards for me and I was floored with the whole experience and the results. Quick results, rockin designs, and was a ton of fun to work with.

I just recently started continue reading the rest of the article…