View
870
Download
3
Category
Preview:
DESCRIPTION
Materi Pelatihan Menjadi Web Designer yang Handal
Citation preview
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
Recommended