Practical UX tips

Advantages of  UX

• Great user experience
• Meets the customer needs
• Easy to use
• Enjoyable to use
• Simple

UX!=UI (not the same as the user interface or UI)UX!=Usability
UI is part of UX

Practical tips and tricks for UX

• Alignment

• The placement of elements such that edges line up along common rows or columns, or bodies along a common center (Usually involvment in left, right alignment if the elements)

        

Frame Box - Lightweight online tool for creating mockups

Show what you need in 3 easy steps:

1. Sketch frame using UI units
2. Save it and get a link to created frame
3. Send a link to your companion

URL :  http://framebox.org/

  Create basic mockup diagram

Installing and updating all programs at once using Ninite

Advantages

• Install and Update all your programs at once
• Always Up-to-date (Do not have to watch for updates) Their bots do that
• No Tool Bars
• No clicking Next
• Multiple selection for picking apps

URL : https://ninite.com/

Save requests and organize your APIs into Collections using Postman

Add app to your chome browser by clicking this link

https://www.getpostman.com/

Advantages of using Postman

• Create and send any HTTP request using the awesome Postman request builder.
• Write your own test cases to validate response data, response times, and more!
• Easily enter parameters 

Simple steps for using animate.css

you need reference to animate.css . You can download the file from
Animate css repository

CSS class
In this example below I am using bounceIn and flipInx feature

.ng-hide-remove {
    -webkit-animation: bounceIn 2.5s;
    animation: bounceIn 2.5s;
}
 
.ng-hide-add {
    -webkit-animation: flipInX 2.5s;
    animation: flipInX 2.5s;
    display: block !important;

Default file extension in file explorer

We can default the file types in file explorer as shown below

1) Select the files and then hit alt
2) Once you select alt -> Tools--> Folder Options

Simple steps to use ng-route in angular 1

•  Include a reference to ng-route file (angular-route.min.js)
•  Add ng-route as module dependency (In app.js file)
•  Add a ng-view directive