web design
DESCRIPTION
TRANSCRIPT
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