web design

Web Design

Prepared & presented by : Aya Ezzat

Ibrahim Nabil

Aya EzzatIbrahim Nabil

Web Design

3

Web DesignWeb Design

Prepared & presented by : Aya Ezzat

Ibrahim Nabil

What is web

design

What is web

design?

UI UX/User interface User experience

rulesrulesto make to make a gooda good

web design10

1Don’t make users think

Obvious & self-explanatory

2Don’t test users’ patience

Don’t force them to register

Let them explore

Use Few steps

3Get his attention

4Be unique

Just don’t

over

do it

5

Write effectively

6

Keep it

simple

7Don’t be afraid of the

white space

8

Follow user

expectations !!

9 Be consistent

• Specific style

• Linked contents

• Matching pages

10

Test, test , and more test..

MistakesThat will sendYour Website

Straight to Hell !!!

1 Spelling & grammar mistakes

2 Forgetting the search box

3 Too Much images

4 No background music Please !!

5Forgetting the social media buttons

5 Steps to design a

website

5 Steps to design a

website

1.Research2.Brainstorming3.Structure4.Interaction 5.Design

5 Steps to design a website

Research

What your client wants

Market research

What website user respond to

1st step

1.Research2.Brainstorming3.Structure4.Interaction 5.Design

5 Steps to design a website

Brainstorming

2nd step

1.Research2.Brainstorming3.Structure4.Interaction 5.Design

5 Steps to design a website

Structure

3rd step

create an outline

Decide on which tools to use

Create a site map

3rd step

Create a wireframe

3rd step

1.Research2.Brainstorming3.Structure4.Interaction 5.Design

5 Steps to design a website

Interaction

4th step

4th step

The F rule

Call of action

4th step

1.Research2.Brainstorming3.Structure4.Interaction 5.Design

5 Steps to design a website

Design your website

5th step

Decide on :

Colors FontStyle

Newest trendsin web design

Responsive web design (RWD)

“Write once, run every where”

Retina display

ext

• Cleaner images• More details• Smother font

• Long load times• More cost• Normal websites look bad

Infographics

Infographics

Social media badges

Vertical scrolling

Recap

‣What is web design ?

‣10 rules to make a good web design

‣Mistakes that will send your website straight to hell

‣5 steps to design a website

‣the newest trends in web design