That it made designing a bit more quick and affordable

That it made it popular to remove many features of a layout

That it became more difficult to understand what an element will do when you interact with it

That no shadows could be used

Beautiful

Intentional

Responsive

Natural

Cool

Linear

Transitional

Soothing

It is a transition from one page to another

Defined as movement between states or pages

The only type of change that happens as a transition be default in web browsers

Navigational transitions are part of the main- or secondary navigation in an app or on a website

Advanced animations (=several movements) should still take no longer than 400-500 
milliseconds

Linear easing is a good way to mimic movement of physical objects

Letting the animation speed up/slow down gives the animation a ”real world” feel

Make sure all related animations happen at the same time, and takes the same amount of time

Simple (=one movement) animations should take about 200-300 milliseconds

It’s the right thing to do

It’s necessary for most interface design awards

All websites today are built for those with disabilities - we can’t afford not to do this!

Accessibility adaptations benefit everyone

Adding support for disabled users rarely takes a lot of time

Younger users usually understand the functionality of a web site better than older users

Although not all users are stupid, it helps to think about them that way

Users muddle through, meaning if a complicated way to do something seems to at 
least work, a user will stick with it

Users are lazy

A conversational tone for the label texts make the form seem friendlier

Fewer fields are more important than getting all the information needed

Keep the form in one column, not even different columns for the labels and the fields

Make sure fields have the same width as it makes the form easier to scan

It’s part of newer design trends

Depth makes a design more user friendly

Visually pleasing designs help with conversions

Gives designers/developers more space for elements handling elements

It can imply hierachy and history

Absolute positioning

Zoom-effects

Blur-effects

Using shadows

Remove fields for re-entering email and confirming password to keep the number of fields to a minimum

Use one step for each field

Remove the stars (*) showing which fields are obligatory - not everyone understands them

Don’t use uppercase for the labels

Position the labels above each field

Use a friendlier color scheme

Visualize that a field is in focus

Use additional columns to make sure the user does not have to scroll up and down on smaller 
screens

Make sure text fields take up as much width as possible; it improves the general layout/design

It lets longer labels fit on a small screen

One field per step is easier to design

There are no reasons for having only one field per step

It allows the user to focus on one thing at a time

Touch-devices can show keyboards better suited for each type of value

It’s a must for javascript validation

It helps with the browser’s built-in validation

It gives each field-type a more distinct appearance, making it easier for users to understand

Physical keyboards have function-keys (F1, F2, F3 and so on) for just this reason

Right

Left

Right

Left