The Relation of UI(User Interface) and UX(User Experience)!


The Relation of UI(User Interface) and UX(User Experience)!
When we talk about UI/UX, the first thing comes in our mind is layout design of app consisting of Navbar,Menu,Images etc. But the thing What is more Important, UI or UX and what they actually mean. Their Definition can slightly vary depends Upon Situation.
Few Weeks Back i got a chance to meet a Google Design Advocate and we have an hour long discussion on the relation between UI and UX and how to find the proper combination of UI and UX , according to our discussion Visual appearance of any application is Defined by UI but UX consists of many things which includes Meaningful animation and transitions, Ease of executing an operation(No. of clicks required to execute a task), Performance on Different Hardware and Different Network Conditions etc. If Your App has very good Colourful UI but it shows loading loading and Loading in slow network then indirectly you are loosing your potential customer and all these just due to bad UX design, as per him don't try to provide over feature that is not used by the user very frequently that increase the whole app size and for better performance in slow connection the size needs to be smaller, apart from network their are other various factor the affect the UX some of them are Using Habits of User, Hardware Specifications and many more, and for a application UX you need to consider all these things in mind not only the visual appearance and animations. If your application is heavily data driven then give more priority to UX the UI.
In other Prospective an UX Design is Considered as a great design if your user does not need to apply more and more brain to understand the things, your design should be self explanatory.

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 time
Read more

Developing a Progressive Web App from a Static Web App.

Image
Hi Everyone Suraj Here ! Back again with an awesome article on Progressive Web Apps. From Last Few years PWA's are in Buzz. Tech Giant  GOOGLE always talks about PWA in all its major events like I/O, Chrome Developer Summits, Solve for India , Google Developers Days and many more. Lets Talk little bit about Progressive web Apps according to google. Progressive Web Apps are experiences that combine the best of the web and the best of apps. They are useful to users from the very first visit in a browser tab, no install required. As the user progressively builds a relationship with the app over time, it becomes more and more powerful. It loads quickly, even on flaky networks, sends relevant push notifications, has an icon on the home screen, and loads as a top-level, full screen experience. To Know more about PWA Concept have a look at my older post HERE . Today I am Going to Show How You can Convert your Existing Static Website to a Progressive Website in minutes.
Read more

Building a Progressive Web Apps- CodeLab

Image
Hi Folks, In this codelab we are going to build a progressive web apps from scratch.This codelab is divided into 7 section: Lets Start: 1. Introduction In this codelabs, you will be learning what is a Progressive Web Application, how it works and how to build and deploy one. What is a Progressive Web Application?
Read more