Front End Fundamentals – Lightning talk @Galvanize Denver – August 2015

Below are the links for the Front End Fundamentals lightning talk that I gave to the galvanize Full stack class on August 28, 2015.

 

Front End Fundamentals

We intuitively know what bad design looks like!

The Burlington UFO Center – http://www.burlingtonnews.net/burlington_ufo_center.html

Ling’s Cars – http://www.lingscars.com/   

How do we know what good design looks like?

Good News! You Don’t have to reinvent the wheel!

It’s ok to search for designs. It’s like going to look at model homes for design ideas.

Browse for ideas –  Don’t try to reinvent the wheel. Find some design cues that you like. Make sure your design fits your theme. Clean, flat, sharp lines, color schemes? Who is the design for? Does your client or end user have specific needs?

Even if you are not a front end designer you may have to produce some kind of design at some time.

Read Smashing magazine.  http://www.smashingmagazine.com/

Look at sites like Thebestdesigns.com for inspiration – https://www.thebestdesigns.com/

Design Resources

Adobe Color wheel – https://color.adobe.com/

Screen Fly – See your site on different media devices – http://quirktools.com/screenfly/

Building your site with foundation or bootstrap is ok!

Main content should be above the fold. 

People will scroll if they are interested in your content. They might not if you don’t catch their eye with what they need at the front of your site.

The recency efficient states that the last thing that a person sees will stay on their minds longer, like the last song that you hear on the radio might stay stuck in your head.

TL:DR

Your first two paragraphs should state the most important information. This will usually be the most looked at/read content.

If you are using pics of people, end users will look at the content that your pic person or model is looking at

Using summaries instead of full content on an article intensive site (with links to full posts, of course) will encourage end users to read more on your site and find articles that they want to read.

Design Resources.

Read Smashing magazine.  http://www.smashingmagazine.com/

Look at sites like Thebestdesigns.com for inspiration – https://www.thebestdesigns.com/

Adobe Color wheel – https://color.adobe.com/

Screen Fly – See your site on different media devices – http://quirktools.com/screenfly/

Links to bad designs.

The Burlington UFO Center – http://www.burlingtonnews.net/burlington_ufo_center.html

Ling’s Cars – http://www.lingscars.com/ 

0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

Your email address will not be published. Required fields are marked *