UI/UX Beyond Design and Animations


From last few i was reading a lot of blogs and articles on User Experience Design so i thought of writing a article on UX for Software Products.

When we design any App/Software our main agenda is to fulfil the goals of that product, but we don't think too much about the end user experience.

Few Days back i Visited a agency of "Hero MotoCorp", and the person siting on sales counter was facing some difficulty with the accounting software so he asked me for help, i went their and seen the software he is using  and for a moment i started thinking this is the condition of software development companies in india, The things i noticed are mentioned below:
1. The UI is super messy.
2. Nothing Self-explanatory in the UX.
3. Taking Much numbers of clicks for single tasks.
4. Improper use of UI Components.
5. No User Manual integrated in the Software for quick assistant.

Although this software is fulfilling all the needs,  but it is also generating a chance of errors.

Here are my views on Developing a Great UX for your Product.

1. Always Think like a End User

While Developing any product always think of all the use cases and all the states, For example when we insert a button we should must define its design for all the state( When is hovered on it or when it is clicked) for event feedback and better understanding of user without any confusion.

2. Always try to make Self Explanatory UI 

In Modern application you may have seen great UI containing Hamburger Menus and Icons Instead of text. These things really gives a super cool and modern looks but if the user is not able to understand what that icon is for without trying it once it means your UI is Good looking but not self explanatory. But we can combine modern UI and Great UX by using helping components like tooltips and helper texts.

 3. Minimise  the Number of actions done for Completing a Task.

Every One in this world wants more productivity in less investment and same goes with user of your product if you user needs to click 5 buttons and fill 2 input fields for login, then their is probability that he/she will not login until extremely needed. so as a good ux practice we should always keep  minimum number of steps  required to complete an action.

4. Avoid Confusion 



Which button you will press to Cancel the Download "Cancel or OK", these both are self conflicting and they will create confusion for the user and it may leads the user to take some danger action or the revers of action he/she wants to do. so mind this kind of mistakes.

5. Optimise your Application UI/UX for all screen Sizes.

You may have heard of Responsive and Adaptive Design, You always need to insure that the UX is same across all screen sizes. If Your UI is more Data Intensive then follow ADAPTIVE Design Principal otherwise use Responsive Pattern. Make sure usability of your application does't decreases on Small screen sizes. and keep in mind the typography of different elements.

6. Keep in Mind the Hardware of End user.

Always make sure if your application works fine on your system then it should work same for user regardless of what kind of hardware they are using, anyhow the hardware will impact the perfomance index but always try to minimise the Performance Difference.

7. Keep Network In Mind.

Generally your application uses Networks in many ways either fetching a webpage from a server or getting data from a API. and Application performance varies based on network Speed. but make sure it does not create a lot difference in UX. for that you can use technologies like Service Workers and offline cashing for better performance in slow connection.

7. Always add user manual/help guide.

Many companies develop really complex software products with tons of feature but they don't make effort in writing a user manual, and indirectly it is affecting the usage of your application.

I hope you liked this article, any suggestion/Questions are most welcome.

 Keep Creating Awesome Experiences!!!

Comments

Post a Comment

Popular posts from this blog

Evolution of Internet of Things(IoT)

Image
Internet of Things is one of the trending technology of today's era but we never thought from where it come and how it evolved. So be ready to understand the whole evolution of IoT from the beginning. Image Source:Nokia Insight First come back to Pre-Internet era when their is no internet or  and their is only HUMAN to HUMAN Communication it may be via "Fixed Telephonic Line or SMS" at this time their is only network. Then Comes the era of Internet of CONTENT with the evolution of  World Wide Web (WWW) in this time we started using Email and minor messaging  Service. After that Comes the era of  Internet of SERVICES with the evolution of WEB 2.0 the major game changer of modern internet. In this era we started using internet more frequently for communication and other purpose. Service like E-Commerce and E-productivity was born. And Now we are living in Era of Internet of PEOPLE where humans are connected with each other in various ways and in real...
Read more

Progressive Web Apps(Concept)

Image
New Generation App of 21st Century Understanding PWA: Progressive Web Apps, aka PWAs, are the best way for developers to make their webapps load faster and more performance. In a nutshell, PWAs are websites that use recent web standards to allow for installation on a user’s computer or device, and deliver an app-like experience to those users. Twitter recently launched  mobile.twitter.com  as a PWA  built with React and Node.js . They've had a good experience with PWAs, showing that the technology is finally ready for the masses. A PWA is a web application that can be “installed” on your system. It works offline when you don’t have an internet connection, leveraging data cached during your last interactions with the app. If you’re on a desktop, using Chrome, and have the appropriate flags turned on, you will be prompted to install the app when you visit the site. For example, enable the following flags in Chrome by copying and pasting the following...
Read more

Optimizing Rich Content for Web.

Image
Hi Everyone, Suraj Here back again with an article on optimizing Rich contents for Web Applications. Data is Currency !Well Said by someone . Lets Talk about some features of a good web App in terms of Data Consumption and Performance. A web app consists of various contents like Images, Videos,Text, Animations and many more and what if these contents are super heavy and not well optimized for balanced Performance on various Devices.In this article we are going to talk about media optimization techniques that you can use for Super performing Web Apps. 1.Pick The Right media Format. For Artwork,Clipart, Emoji, Logo use SVG or PNG format. For Photos use JPEG format. For Animation use GIF format. Their are other format exists but they are not supported by all devices like WebP, APNG, JP2, JPX. 2. Remove EXIF data from your media content. EXIF stands for "Exchangeable Image file format" which contains all information about image like location,Camera Model an...
Read more