Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Atif Unaldi - Webdesign

580 views

Published on

Published in: Technology, Business
  • Be the first to comment

  • Be the first to like this

Atif Unaldi - Webdesign

  1. 1. Web’de tasarım kriterleri ATIF ÜNALDI Webmaster BirNumara Yayıncılık Sabah Gazetesi
  2. 2. <ul><li>Tasarım </li></ul><ul><li>Design Öncesi </li></ul><ul><li>Design </li></ul>Evreler
  3. 3. <ul><li>Amaç </li></ul><ul><ul><li>Haber </li></ul></ul><ul><ul><li>Bilgi iletimi </li></ul></ul><ul><ul><ul><li>Database’e bilgi aktarımı </li></ul></ul></ul><ul><ul><ul><li>Database’den bilgi alımı </li></ul></ul></ul><ul><ul><li>Eğlence </li></ul></ul><ul><ul><li>Tanıtım </li></ul></ul><ul><ul><li>İletişim </li></ul></ul>Tasarım
  4. 4. <ul><li>Hedef Kitle </li></ul><ul><ul><li>Hedef kitleye ulaşmak için gereken yolların belirlenmesi </li></ul></ul><ul><ul><li>Hedef kitlenin ortak özelliklerinden yola çıkarak bir interface hazırlanması </li></ul></ul><ul><ul><li>Hedef kitlenin ortak paydalarından design kriterlerine ulaşılması </li></ul></ul><ul><ul><li>Teknoloji belirlenmesi </li></ul></ul>Tasarım
  5. 5. <ul><li>Bilginin organize edilmesi </li></ul><ul><ul><li>Statik sayfalar </li></ul></ul><ul><ul><li>Dinamik sayfalar </li></ul></ul><ul><li>Devamlılık kriterleri </li></ul><ul><ul><li>Logo </li></ul></ul><ul><ul><li>Renk Seçimi </li></ul></ul><ul><ul><li>Ortak layout </li></ul></ul><ul><li>Genişleyebilirlik </li></ul>Design Öncesi
  6. 6. Cgi, ASP, Perl Frontpage Ext. Server HTML Streaming Real Video Net Show Özel Teknolojiler Flash Shockwave Vivo Ses Teknolojileri J Script Java Script VB Script Active X, Java DHTML, CSS Static Avi Mpeg Mov Görüntü Teknolojileri Static Wav Midi Mp3 Yamaha Streaming Real Audio Net Show Client
  7. 7. <ul><li>Sayfaların hazırlanmasında </li></ul><ul><ul><li>Kullanıcıya online interaktif hissinin ulaştırılması </li></ul></ul><ul><ul><li>Sayfalarda genel optimizasyon </li></ul></ul><ul><ul><ul><li>Resimler, Animasyonlar, Renkler </li></ul></ul></ul><ul><ul><li>Kullanıcıya sayfaya bağlandığı anda tepki verilmesi </li></ul></ul><ul><li>Ekstra teknolojiler ve kullanımları </li></ul>Design
  8. 8. <ul><li>İnternet kullanıcısı havuzundan; </li></ul><ul><ul><li>Hedef kitleni seç </li></ul></ul><ul><ul><li>Onları sitene yönelt </li></ul></ul><ul><ul><li>Vermek istediklerini ilet </li></ul></ul><ul><ul><li>İşin bitince kullanıcıyı oyalama... </li></ul></ul>Genel Amaç
  9. 9. <ul><li>Linkleri doğru organize edin </li></ul><ul><li>Resimleri bölünebilecek en küçük parçalara bölmeye özen göster, renk optimizasyonu yap. </li></ul><ul><li>Animasyonlarda frame sayısı ve frame arası değişen pixel optimizasyonu yap. </li></ul>Yapılması Gerekenler
  10. 10. <ul><li>HTML dışında scripting language kullanmaya özen göster, bu sayede etkileşimi sağla </li></ul><ul><li>Mouse over event’i kullan </li></ul><ul><li>Update yap </li></ul>Yapılması Gerekenler
  11. 11. <ul><li>Bir paragrafta çok link kullanma </li></ul><ul><li>İnternet kültürüne uygun hareket edin </li></ul><ul><li>Yasaklamayın, teşvik edin </li></ul><ul><li>Orijinal olun </li></ul>Yapılması Gerekenler
  12. 12. <ul><li>Teknoloji canavarı olmayın </li></ul><ul><li>Kullanıcı hakkında bilmeniz gerekenden fazlasını öğrenmeye çalışmayın. </li></ul><ul><li>Web design’ı teknik bir iş dışında bir sanattır, başkalarının yaptıklarını kopyalamaktansa kendi eserinizi yaratın... </li></ul>Yapmamaya dikkat edin

×