teamtreehouse.com

Beginner Web Design Mistakes You Should Avoid

Web Design

Summary !

Many websites set a bad example for beginners. Even big brands known for quality can often mess up. Here are the top web design mistakes we see over and over again that need to stop.

Modal pop-up windows disrupt the user experience

Let the reader enjoy your site and they will click around on their own

Exceptions: modal contact forms can keep users on the page

Modals and Pop-Ups

Presenting lots of text on the first page can be intimidating

Explain exactly what your site is about, and move other text to new pages

Exceptions: If necessary, cut your text down, summarize, break it into sections

Walls of Text

Screenshot: mrbottles.com

Poor use of space around elements results in clutter with no clear purpose

Present items as they become relevant

Alternatives: Bootstrap and Foundation frameworks provide helpful spacing presets

Not Enough Space

Innovation is important, but too much can sometimes be a bad thing

Create familiar experiences that site visitors can explore right away with no learning curve

Alternatives: Try out new ideas in side projects before integrating into client projects

Thinking Too Far Outside the Box

Screenshot: jonespartners.com

Consider how to divide and label your content; beginners should start simple

Be clear about what each page contains, then label it accordingly in your navigation

Exceptions: Sites built as an experience - not to inform - can use links with mystery

Mysterious and Complex Navigation

Screenshot: flatpakhouse.com

1. Create positive experiences without disruptions from modals and pop-ups

2. Explain exactly what your site is about without giant walls of text

3. Present items on pages as needed, and consider using design frameworks

4. Innovation is important, but usable experiences are rooted in user familiarity

5. Navigation should be clear and informative - don’t make it a mystery

Recommendations

Learn how to build your own websites, code, design apps, and more.

!

Visit http://trhou.se/slidesharefreemonth

to Get 1 Month Free at teamtreehouse.com