Web Design: UX and UI Prof: Alan Taveras
Online Design Terminology • • •
UX- User Experience UI- User Interface Responsive design – Design that responds to every screen.
•
•
Fixed-Fluid- Elastic
Front end- It’s all the components of a website that a visitor to the site can see (pages, images, content, etc.)
•
• •
CSS- CSS framework is a collection of CSS files used as the starting point to make XHTML and CSS web sites quickly and painlessly.
Javascript Ajax
UX: The experience • Variables • • • •
Visual Design Information Architecture Content distribution Usability
Trends in Design • • • • • • • •
Responsive Typography Bye bye Flash, hello HTML5 Skeuomorphism is dead Large Images as backgrounds White spaces Calmer colors
Parallax
Online Ads Design • Offline is not ok for online • Objective based • Call to action • Simple is better
Blogs to follow & tools to use • Designboom.com • Heydesigner.com • Thenextweb.com • Simplebits.com • Dustincurtis.com • pearsonified.com