3 Simple UX Hacks for Developers

UX/UI Designer - 09 September 2020 -
UX/UI Designer - 09 September 2020 -
User experience is a combination of ease of use and the delight of use. In an application, a good balance between the two is required to say that it has a good user experience. With all the buzz in the industry with terms likes User Research, Persona, Information Architecture, Usability Testing, etc. being thrown around, it almost seems like rocket science.
So what can you do as a developer to improve the UX for your application?
Most of those books and tutorials available explain the concepts of human psychology which underpin the field along with some theories and tools around the steps of the UX process. These nudge your mindset to become user-centric. Understanding them and synthesizing the theories into designs take time and patience.
But don’t developers love hacks, cheat sheets, and shortcuts? Wouldn’t it be fun if someone translated concepts like reducing cognitive load into implementable steps?
So here are the top 3 simple hacks that can help you get started towards improving the user experience of any application.
Let’s start with understanding what are Primary and Secondary Actions.
On one hand, primary actions are often positive actions that the business wants the user to take to complete a task. In some cases, these can be negative actions like confirming the deletion of a file. Ideally, there should only be one or a maximum of two primary actions associated with a group of information or elements.
On the other hand, secondary actions allow users to do optional things or cancel primary actions. These could also be things the businesses don’t want their user to do, like delete an account. There could be any number of secondary actions.
Good UI: Profile Screen from Flipkart
Bad UI: Payee list for fund transfer on Axis Bank
How?
Primary Actions:
Secondary Actions:
Why?
What do I mean when I say list? Product listings and data tables are lists. So are any drop-down lists, list boxes, options of checkboxes and radio buttons. They are also a collection of items.
How?
List of brands on Amazon sorted Alphabetically
List of banks for making payment showing most popular banks first
Unsorted list of brands – Flipkart
Why?
An error message is displayed to let users know that something went wrong. How do we know if an error message is useful or not?
Here is the checklist:
Let’s understand this checklist with an example which most of us are familiar with – Login Page.
Good error message – Login page: Evernote
“Unable to authenticate user”
Simple •. Detailed • Instructive
“Something went wrong”
Simple •. Detailed • Instructive
“Could not verify username and password”
Simple •. Detailed • Instructive
“Incorrect username or password”
Simple •. Detailed • Instructive
You can start on the path of better user experiences by implementing the following:
Leave a Reply