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...
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