Lets go with the Basics of UI/UX Development
UI is the concept of interacting humans with the system, we can input various type of data & we will get certain outputs or messages etc.
There are mainly 3 types of UI are available,
- Operating System – WIndows, Linux etc.
- Customer devices – ATM machine, ticket vending machines.
- WebSites – Online banking ,Movie booking websites etc.
Technologies used in UI development – html, css, Javascript, Jquery etc.
Basic Web Architecture:
WebSite → Server → IP Address
Website:
The contents in the websites are loaded when launching the website and the Css & javascript.
Server:
The contents in the website are hosted on any server to access using the internet. The server is interacting with the databases for the completion of the user interaction.
IP Address:
The websites developed are hosted in any of the ip address, When we are entering the domain name, it will make a call to the server where the website is hosted and it will then load the website accordingly.
Basics of HTML:
The expansion of HTML is HyperText Markup Language, it is used to develop the structure of website that we are seeing in the front-end. An html code contains mainly 4 parts. TagName, AttributeType, Attribute Value, Visible Text. The tagname will define how the element should display in the front-end. For example tagName – Button for Button, a for HyperLinks, Input for TextFields, img for images etc. Attribute Types are attribute Values are the additional information provide for the html code. Visible text is the text that visible on the element in the UI. Every opened tag in the html language should be closed.
Sample html page:
UX – User Experience:
UX completely relies on how the user is feeling when interacting with the application, how effective the application design helps the user to complete their tasks. For Eg : Consider an ecommerce platform – The search field should be properly aligned and easily accessible for the user to interact. The search results should be properly displayed on the page. Etc.
A UX designer should always think in the perspective of different types of users.
Tools used for UX → wireframimg , prototyping , InVision etc.
From a business perspective, good UX design should help to improve the customer satisfaction and can build credibility to the company.