Menjadi Web Designer yang HandalCoky Fauzi Alfi

0

20,000,000

40,000,000

60,000,000

80,000,000

19901991199219931994199519961997199819992000200120022003200420052006

1 10 50 623 10,022 23,500300,0003,000,000

6,000,00010,000,000

30,000,000

40,000,00036,000,000

50,000,000

60,000,000

70,000,000

80,000,000

Pertumbuhan Website

Steve Jobs: Tentang Design

“Design is not just what it looks like

and feels like. Design is how it works.”

“Do or plan (something) with a specific purpose orintention in mind”

Oxford American Dictionaries

Definisi Design

Definisi Web Design dan Web Designer

“suatu aktivitas mengerjakan atau merencanakan sebuah

website untuk tujuan tertentu sedangkan individu

yang melakukan aktivitas tersebut disebut web

designer.”

Site Development Teams

Web DeveloperGraphic Designer

Flash DesignerContent Developer

Web WriterWeb Editor

Web MasterSite Architect

Web Marketer

Web Designer: Web Site Project Manager

Merencanakan (planning)

Mengorganisasikan (organizing)

Memimpin (leading)

Mengkontrol (controlling)

Klien

Teams Audience

Website

Definition & Planning

1

Design & Orginize

2

Development

3

Testing & Lunch

4Promotion

5

Maintenance

6

Tahap 1: Definition and Planning

WhoWhatWhen

WhereWhyHow

5W dan 1H

who is your audience?

what are you going to say?

when do you want to start your site? and how often do you plan on updating your site?

where are you going to put your site?

why are you developing a website?

how to design your website?

Client

ageeducationnerd factorneeds

Site

depthinterlinksintralinksresponseresources

Pagestextbackgroundgraphicsvideosound

Interactivitycontrolsnavigationcuesfeedbackinput

Web Site Plan

ProductionTechnology

Server SupportBudgeting

Scheduling

Tahap 2: Design and Organize

Mengorganisir semua informasi (information architecture)

Strukturisasi halaman (site structure)

Merancang tata letak halaman (page layout)

Information Architecture

“informasi adalah ‘ruh’ sebuah website tanpanyawebsite hanyalah sebuah

karya desain belaka”

Klien

Informasi Audience

Information Architecture

“the practice of structuring information (knowledge or data) for a purpose.”

wikipedia

7 Tahapan Information Architecture

1. Pahami keinginan klien

2. Pahami kebutuhan audience

3. Kumpulkan semua informasi yang akan digunakan

4. Pilih dan pilah informasi yang sesuai dengan keinginan klien dan kebutuhan audience

5. Kelompokan lalu buatkan labelnya

6. Buat hirarki

7. Evaluasi kembali hirarki tersebut

IA: mnsu.eduMinnesotta State University

Site Structure

1. Sequences

2. Hierarchies

3. Webs

Sequences

Straight Sequences

Logical Sequences

info.med.yale.edu/caim/hhmi

Hierarchies

Webs

Page Layout

Cascading Style Sheets (CSS)

Tables

Frames

Cascading Style Sheets

Tables

Frames

Tahap 3: Development

Graphic development

Content development

Media development

Database and programming development

Tahap 4: Testing and Lunch

Spelling, image, link testing

Browser testing

Speed connection testing

Tahap 5: Promotion

1. Online techniquesPromotion via WWWCheap, unlimited space, information is everything, pull-interactive communication

2. Offline techniquesPromotion via traditional mediaExpensive, limited space, image is everything, push-one way communication

Tehnik Promosi Online

Search Engine Promotion

Email Promotion

Link Building

Affiliate Marketing

Banner Advertising

Viral Marketing

Tehnik Promosi Offline

Word of mouth

Printed stationery, company literature etc

Trade catalogues and directories

Press releases & Mail shots

Sponsorships & Printed ads magazines and newspapers

Exhibitions, trade shows and conferences

Billboards, bus shelters and other external sites

Radio

Television

Tahap 6: Maintenance

Monitoring website

Up date content

Tips

You design web pages for your audience, not for yourself or your colleagues

Make the content on your first page rich and explanatory

Keep navigation simple and easy

Think on paper first then use computer

Enough is enough

Practice always makes perfect

Terima Kasih