5 Basic Interaction Design Principles for a Better UX

5 Basic Interaction Design Principles for a Better UX

Good interaction design is all about designing intuitive and unambiguous user interfaces. If the user interface contains extraneous elements, or is asking unnecessary questions, the user can get confused and their attention can go adrift – in other words, the User Experience (UX) can suffer.

Interaction Designers can avoid this situation by adhering to some basic principles that ensure the user’s “flow” is not interrupted and they are able to complete their tasks in an unobtrusive manner.

Here are five interaction design principles that should be kept in mind while designing for a great User Experience.

1. Provide Feedback in an Unobtrusive Manner

The user is using the application to fulfill a need or accomplish a goal like making a payment, food ordering, or hailing a cab. Anytime you show an unnecessary notification, you distract the user from the task at hand. The concentration and flow of the user is broken. Good user experience is to let the user perform their tasks in an unobtrusive manner.

When the user has completed a task, the application typically shows a confirmation message to indicate a task has been completed. This feedback should be provided by the application in an unobtrusive manner as well. For example, Gmail shows a small notification box ‘Message sent’ at the corner of the screen with ‘Undo’ and ‘View Message’ options, but this notification is shown in a way that does not prevent the user to take any action they might need to do next.

Provide Feedback in an Unobtrusive Manner

2. Provide Choices Rather than Asking Questions

When users have to search or scroll through a large number of elements to perform a task, the interface should recommend a few options based on users past choices to help them make a selection quickly. For example, if while ordering food on a food ordering app, the user has to go through a large menu, it helps the decision making the if app shows the items ordered previously.

Auto-suggest is another great example on how this principle is implemented. When searching for a product, if the user does not remember the exact search term, the system presents some options while they are typing the keyword.

When users initiate an action, they don’t expect to provide extensive information to complete the action. User input should be minimized by providing defaults where possible, while also providing options to change them should the user wish to do so.

For example, in Google Slides, when the user starts a new presentation, the application opens a blank slide to get them started quickly but also provide provides a number of themes to choose from.

Google Slides Example

Similarly, many times the applications needs to ask the user for a command. Asking the question in the form of a modal dialogue or a popup is not good design. Instead it is better to present the requisite options to the user and let them select the one they want.

3. Keep Necessary Tools Close at Hand

Sometimes users need specific information to perform the task at hand. If this information is available from within the application then it should be made accessible in context. If the information is externally available, then an easy way to access the information should be provided. The users should be prevented to come out of the app to seek the information they are looking for.

Google has implemented a sidebar with buttons for Calendar, Notes and Tasks. On clicking these buttons the side bar extends and reveals the information user asked for. For example, if I have some notes that I want to reference when working on a document, I can click on the notes icon to see my notes and simply use the ‘add to document’ feature to easily add them to the document I’m working on.

Keep Necessary Tools Close at Hand

4. Reflect Object and Application Status

Ever clicked or tapped on the submit button only to see an error message stating the form was already submitted. The user waited a few seconds and sensing no feedback from the app, clicked the submit button twice. There are multiple ways this problem can be avoided. The submit button can be greyed out and an animated icon can be shown to indicate that a process is underway.

This is a common example but there are many other instances where the user expects feedback from the app after performing an action, which if not forthcoming, the user can get confused. Some apps also make use of sound effects to suggest that an action has taken place.

5. Design for the Probable but Anticipate the Possible

Recently I came across a form that had a Reset button in close proximity and equal priority to Submit. After filling the form I nearly hit the reset button. It would have been a disaster as the form was very long and I had to fill a lot of fields and upload three images.

Now there is a possibility that the user would need to hit the reset button after filling this long form but the probability of it is extremely low. By placing the reset button in close proximity and giving it is an equal priority we are increasing the possibility of user clicking this button in error.

Conclusion

These are five basic principles of interaction design but there can be multiple ways to implement these in user interfaces, each resulting in different user experience. Interaction Designers should always strive to innovate and experiment with multiple implementations of the design, and perform UX testing to see which ones will be the most desirable for the user experience.

Contact Net Solutions for UX

Abhay V

About the Author

Abhay Vohra has more than 15 years of experience in the IT industry. Abhay started out with us as a Quality Analyst and moved onto the Business Analysis team, where he discovered his passion for Information Architecture, Wireframes, and User Experience. Now, he possesses an impressive experience in UX and has delved into User Research and Service Design. Abhay also happens to be a culture enthusiast and takes a keen interest in world cinema and literature.

Leave a Comment

Aman

10:21 AM, May 28, 2019

Nice article Abhay!