Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Web Design
3

Web Design

epared & presented by :
Aya Ezzat
Ibrahim Nabil

Aya Ezzat
Ibrahim Nabil
Web Design

Prepared & presented by :
Aya Ezzat
Ibrahim Nabil
What is

web ?
design
UI

User interface

UX
/

User experience
rules
to make

a good

10 web design
1 Don’t make users think

Obvious & self-explanatory
2

Don’t test users’ patience

Don’t force them to register
Let them explore
Use Few steps
3

Get his attention
4

Be unique

Just don’t

over
do it
5

Write
effectively
6

Keep it

simple
7

Don’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..
Mistakes

That will send Your

Website

Straight to Hell !!!
1 Spelling & grammar mistakes
2

Forgetting the search box

3

Too Much images

4 No background music Please !!
5 Forgetti...
5

Steps to

design a website
5 Steps to design a website

1.Research
2.Brainstorming
3.Structure
4.Interaction
5.Design
1st step

Research
What your client wants
Market research
What website user respond to
5 Steps to design a website

1.Research
2.Brainstorming
3.Structure
4.Interaction
5.Design
2nd step

Brainstorming
5 Steps to design a website

1.Research
2.Brainstorming
3.Structure
4.Interaction
5.Design
3rd step

Structure
create an outline
Decide on which tools to use
3rd step

Create a site map
3rd step

Create a wireframe
5 Steps to design a website

1.Research
2.Brainstorming
3.Structure
4.Interaction
5.Design
4th step

Interaction
4th step

The F rule
4th step

Call of action
5 Steps to design a website

1.Research
2.Brainstorming
3.Structure
4.Interaction
5.Design
5th step

Design your website
Decide on :

Colors
Font
Style
Newest trends
in 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 loo...
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 ...
web design
web design
Upcoming SlideShare
Loading in …5
×

web design

344 views

Published on

Published in: Design, Business, Technology
  • Be the first to comment

  • Be the first to like this

web design

  1. 1. Web Design 3 Web Design epared & presented by : Aya Ezzat Ibrahim Nabil Aya Ezzat Ibrahim Nabil
  2. 2. Web Design Prepared & presented by : Aya Ezzat Ibrahim Nabil
  3. 3. What is web ? design
  4. 4. UI User interface UX / User experience
  5. 5. rules to make a good 10 web design
  6. 6. 1 Don’t make users think Obvious & self-explanatory
  7. 7. 2 Don’t test users’ patience Don’t force them to register Let them explore Use Few steps
  8. 8. 3 Get his attention
  9. 9. 4 Be unique Just don’t over do it
  10. 10. 5 Write effectively
  11. 11. 6 Keep it simple
  12. 12. 7 Don’t be afraid of the white space
  13. 13. 8 Follow user expectations !!
  14. 14. 9 Be consistent • Specific style • Linked contents • Matching pages
  15. 15. 10 Test, test , and more test..
  16. 16. Mistakes That will send Your Website Straight to Hell !!!
  17. 17. 1 Spelling & grammar mistakes 2 Forgetting the search box 3 Too Much images 4 No background music Please !! 5 Forgetting the social media buttons
  18. 18. 5 Steps to design a website
  19. 19. 5 Steps to design a website 1.Research 2.Brainstorming 3.Structure 4.Interaction 5.Design
  20. 20. 1st step Research What your client wants Market research What website user respond to
  21. 21. 5 Steps to design a website 1.Research 2.Brainstorming 3.Structure 4.Interaction 5.Design
  22. 22. 2nd step Brainstorming
  23. 23. 5 Steps to design a website 1.Research 2.Brainstorming 3.Structure 4.Interaction 5.Design
  24. 24. 3rd step Structure create an outline Decide on which tools to use
  25. 25. 3rd step Create a site map
  26. 26. 3rd step Create a wireframe
  27. 27. 5 Steps to design a website 1.Research 2.Brainstorming 3.Structure 4.Interaction 5.Design
  28. 28. 4th step Interaction
  29. 29. 4th step The F rule
  30. 30. 4th step Call of action
  31. 31. 5 Steps to design a website 1.Research 2.Brainstorming 3.Structure 4.Interaction 5.Design
  32. 32. 5th step Design your website Decide on : Colors Font Style
  33. 33. Newest trends in web design
  34. 34. Responsive web design (RWD) “Write once, run every where”
  35. 35. Retina display ext • • • Cleaner images More details Smother font • • • Long load times More cost Normal websites look bad
  36. 36. Infographics
  37. 37. Infographics
  38. 38. Social media badges
  39. 39. Vertical scrolling
  40. 40. 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

×