ºÝºÝߣ

ºÝºÝߣShare a Scribd company logo
9. BİLİŞİM SEMİNERLERİ
WEB SÄ°TESÄ° YAPIM AÅžAMALARI
SÄ°RACEDDÄ°N EL
Web
GeliÅŸtirme
Süreci
Planlama
ve Analiz
Web
Sayfası
Tasarımı
Yazılım
GeliÅŸtirme
Test ve
Hataları
Düzeltme
Yayınlama
başlangıç
Ekip
Proje
Yöneticisi
UI & UX
Designer
Front-end
Developer
Developer
Tester
başlangıç
- Domain
- Hosting
- Teknolojiler (HTML5, CSS3, PHP, ASP.net)
- Amaç (Eticaret, Kurumsal vs.)
- Genel Yapı ve Renkler
- İçerik
- Hedef Kitle
- Reklam
- Sosyal Medya
planlama ve analiz
- İhtiyaçları Anlamak
- Araştırmak, Düşünmek
- Tasarımı Planlamak
- Eskizler
- Doğru Font Seçimleri
- Uyumlu Renkler
- Flat Tasarım
- Responsive İçin Uygun
- UX (Kullanıcı Deneyimi)
tasarım
ui designer
1. Ürünün nasıl gösterildiği
2. İçerik
3. Görsel tasarım
4. Bilgi mimarisi
5. Beyne iletilen bilginin %90’ı
görsel
6. Güzel iş için iyi bir göze sahip
7. EtkileÅŸim temellerini bilir
8. Front-end yazılım araçları
9. Grid Mantığı
10. PS, AI, FW
11. HTML, CSS, jQuery, XML
ux designer
1. Ürünün nasıl hissettirmesi gerektiği
2. İnsan faktörü
3. Çözümsel tasarım
4. İşlevsel tasarım
5. Web sitelerinin %97’si UX fikrini
kavramada başarısız
6. İnsan psikolojisine meraklıdır
7. Kullanıcı işlemlerini takip eder
8. Label ve Pattern’ler
9. Grid Mantığı
10. PS, AI, FW
11. HTML, CSS, jQuery, XML
tasarım
Unutulmamalıdır ki, web yazılımcılar vakitlerinin %50’sini
UI&UX konseptleriyle ilgili hataları düzeltmek için harcıyorlar.
ilham önemli tabi
• Awwwards.com
• Creattica.com
• Dribbble.com
• Behance.net
• DeviantArt.com
• PremiumPixels.com
• Pinterest
• Google
tasarım
yazılım geliştirme
- Sitenin veritabanı yapısını
oluÅŸturmak
- Hangi dil ve framework ile
yapılacağını belirlemek
- Kod yazım standartlarına dikkat
etmek (PSR vs.)
- Kodları temiz ve anlaşılır yazmak
- Kodlara yorumlar eklemek
- Repository (depo) kullanmak
(Bitbucket, Github vs.)
- Araştırmacı kabiliyet
- Yenilikleri takip etmek
test ve hataları düzeltme
- Tarayıcı uyumluluğu
- Plana ve tasarıma uygunluk
- Kullanışlılık (UX) (http://mertbulan.com/tazedirekt)
- İçeriklerin uygunluğu
- Fonksiyonların işlerliği
- Responsive
- Sosyal medya uyumluluÄŸu
- Tipografi
Web Sitesi Yapım Aşamaları // Sanalkurs 9. Bilişim Seminerleri // Siraceddin EL
SONUÇ
Ä°Åž BÄ°TÄ°RME ANLAYIÅžI
Web Sitesi Yapım Aşamaları // Sanalkurs 9. Bilişim Seminerleri // Siraceddin EL
Kendini geliştirmek için
• Sanalkurs.net
• Vidobu.com
• Codecademy.com
• Codeschool.com
• FatihHayrioglu.com
• SherpaBlog
• StackOverFlow.com
• Google
tasarım
SÄ°RACEDDÄ°N EL
• Twitter.com/siracel
• Facebook.com/siracel
• www.siracel.com
• siracel@sanalkurs.net

More Related Content

Web Sitesi Yapım Aşamaları // Sanalkurs 9. Bilişim Seminerleri // Siraceddin EL