web design fundamentals

17
WEB DESIGN FUNDAMENTALS Book By: Daniel Gray Presentation By: Navin Dhanuka

Upload: navin-dhanuka

Post on 15-Jul-2015

110 views

Category:

Internet


0 download

TRANSCRIPT

Page 1: Web Design Fundamentals

WEB DESIGN FUNDAMENTALS

Book By: Daniel Gray

Presentation By: Navin Dhanuka

Page 2: Web Design Fundamentals

ABOUT ME

Navin Dhanuka

I.A.

U.X.A.

C.X.O.

Email: [email protected]

Blog: http://geek007.wordpress.com

Mobile: 9322624026

Page 3: Web Design Fundamentals

ONE THINGS CERTAIN ABOUT

WEB SITE DESIGNITS A

NEVER-ENDING

TASK

Page 4: Web Design Fundamentals

FACTORS IN WEB-SITE DESIGN

Design

Content Creation

Production

Maintenance

Page 5: Web Design Fundamentals

MOST BASIC TYPES OF WEB GRAPHICS INCLUDE

THE FOLLOWING

Identity Graphics Corporate & Product Logos

Should have consistency

Should be on every page

Structural Graphics Overall Shape Of Page

Navigational Graphics A Way To Get From Here To There

Contextual Graphics

Tie Directly To Page Content

What are they? :

Illustrations

Photographs

Clip-Art

Charts

Screen Captures

Ornamental Graphics - Dingbats & Icon

Page 6: Web Design Fundamentals

THINGS TO TAKE CARE WHEN MAKING YOUR

WEBSITE

Catch your visitors attention with carefully chosen

link names and images.

Great, high-traffic Web sites don't need to be

cutting edge examples of technology.

Do your research, plan carefully, and get your

website started on a solid foundation.

Page 7: Web Design Fundamentals

DIFFERENT KINDS OF WEBSITE

1) Small Business

2) Educational

3) Corporate

4) Ecommerce

5) Nonprofit Organization

6) Governmental

7) Community

8) Personal

Page 8: Web Design Fundamentals

1). SMALL BUSINESSES

What they want from website? Capture Sales Leads

Provide Details On Goods And Services

What to give them? Do good design

Do good SEO

Do good affordable, daily budget based SEM

Page 9: Web Design Fundamentals

2). EDUCATIONAL

What they want from website? Inform existing & prospective students

Provide

course catalogs

class schedules

book requirements

What to give them? Do good design

Do good Navigation Hierarchy

Every click should be unambiguous

Give them a blogging engine

Page 10: Web Design Fundamentals

3). CORPORATE

What they want from website? Inform investors, press and customers

Provide

post investor information such as annual and quaterly reports

post press releases

provide details on products and services

deliver online customer support

What to give them? Do good design

Do good Navigation Hierarchy

A CMS to update details as and when there is need

Page 11: Web Design Fundamentals

4). NONPROFIT ORGANIZATION

What they want from website? Raise money & Inform patrons

Provide

channels to accept online money

post press releases

provide details on initiatives

What to give them? Do good design

Do good Navigation Hierarchy

A BLOG to update details as and when there is need

e-Payment system for accepting money online

Page 12: Web Design Fundamentals

5). GOVERNMENTAL

What they want from website? Inform Constituents

Provide

news and information

details on law and regulations

What to give them? Do good design

Do good Navigation Hierarchy

A CMS to update details as and when there is need

A Newsletter System to update people about development &

progress

Page 13: Web Design Fundamentals

6). COMMUNITY

What they want from website? A means of e-communication within the offline community

Provide bulletin boards

chat rooms

personal web pages

creative sharing

What to give them? Do good design

Do good Navigation Hierarchy

A CMS to update details as and when there is need

A Newsletter System to update people about development & progress

Page 14: Web Design Fundamentals

7). PERSONAL

What they want from website? Tell my Story, Views & Show My Portfolio

Provide

My Personal Portfolio

My Views

My Creatives

What to give them? Do good design

Do good Navigation Hierarchy

Wordpress Photo-blog & Wordpress Blog

RSS

Page 15: Web Design Fundamentals

20 WAYS TO SINK UR SHIP &

HOW TO FLOAT IT AGAIN

It breaks the browser

It requires a plug-in

Its too slow

The color shifts

Jaggies and Ghosting on Transparent Graphics

Pages are too wide

Pages are too long

Text is too large (or too small)

It looks like a circus

Advertising Overwhelms The Content

P.T.O.

Page 16: Web Design Fundamentals

20 WAYS TO SINK UR SHIP &

HOW TO FLOAT IT AGAIN

Metaphors cloud meaning

Poor Navigation

Content is burried

Its poorly edited

Poor showing in the search engines

Broken Links: It goes 404

It does not sell

Nobody's Home

Its not fresh. Oh the site is the same.

Its a one way street. I never got a reply for my feedback.

P.T.O.

Page 17: Web Design Fundamentals