SlideShare a Scribd company logo
1 of 14
WEB TASARIM
TRENDLERİ

2015
WEB SİTESİ YAPILANMASI
BASİT
HEDEF ODAKLI
ÖLÇÜMLENEBİLİR
İNTERAKTİF
BASİT TASARIM
Windows 8, Google ve Apple gibi firmaların başlattığı akımdan etkilenerek web tasarım
eğilimleri bu yönde gelişti. Gölge, eğim, kabartma gibi efektler yerine daha sade ve temiz
ekranlar tasarlanıyor.
RESPONSIVE
Responsive tasarım masaüstü ve mobil için website tasarımı sürecini düzene sokarak,
web sitesi içeriklerinin tutarlı ve bütün boyutlardaki cihazlarda kusursuz bir şekilde
çalışmasını sağlıyor.
SCROLL
Sitelerde uzun scroll yapısı farklı düzen ve tasarımları bir arada bulundurabiliyor. Bu da
kullanıcının kolayca bir çok bilginin içinde scroll ettiğini unutmasını sağlıyor.
HTML 5
Daha hızlı web...
HTML5 kodlaması dosya boyutlarını düşürüyor ve daha temiz bir kullanıcı deneyimini
garanti ediyor.
KULLANICI DENEYİMİ
Çok ufak detaylara dikkat edilmesi bir we bsitesinin kalabalıkta öne çıkmasını sağlayan
bir faktör. Micro UX efektlerinin menüler, geçişler ve hoover durumlarında ayrıca
kullanılması bütün duyuları tatmin ediyor.
DAHA AZ METİN DAHA FAZLA VIDEO VE GÖRSEL
Web giderek metinlere daha az ağırlık veriyor. Bazı web sitesinde artık görünürde
nerdeyse hiç metin yok. Bunun yerine kullancıya bilgiyi aktarmak için imajlar, ikonlar ve
videolar kullanılıyor.
VIDEO VE BÜYÜK İMAJ ARKA PLAN
Kitlelerin, şirketiniz hakkında içgörü kazanmasını ve işlerinize göz atmasını sağlar.
Doğru şekilde kullanıldığında sitenizi diğerlerinden ayrır ve müşterilerinizin sizle ve
markanızla daha önce mümkün olmayan ve daha derin bir kullanıcı deneyimi sağlar.
ZENGİN YAZI KARAKTERLERİ
Web fontları yükselişte. Tasarımcılar her zamankinden daha büyük fontları tercih ediyor
ve farklı fontları karıştırıp kullanmak çok popüler.
RENGE ODAKLANMA
Çok renkli bir yaklaşım karmaşık veya dikkat dağıtıcı olmak zorunda değil. Flat design ile
kullanılınca daha da iyi çalıştığı gözlemleniyor.
KUTU TASARIM
Kartlar ve karolar responsive tasarımlarda içerikleri düzenlemek için popüler bir teknik
çünkü farklı boyutlarda güzelce sıralanıyorlar.
TEK SAYFA TASARIM İLE EN FAZLA FAYDA
Tek sayfa tasarım fazla içeriği olmayan siteler için harika. Tek sayfa websiteler çok scroll
etmeye dayanarak, içerikleriniz arasında kolay bir navigasyon sağlar.
TEŞEKKÜRLER

More Related Content

Viewers also liked

Viewers also liked (10)

Chokololis
ChokololisChokololis
Chokololis
 
Where is my beer?
Where is my beer?Where is my beer?
Where is my beer?
 
Tic en la educación
Tic en la educación Tic en la educación
Tic en la educación
 
Colegio de bachilleres 8
Colegio de bachilleres 8Colegio de bachilleres 8
Colegio de bachilleres 8
 
Colegio de bachilleres 8
Colegio de bachilleres 8Colegio de bachilleres 8
Colegio de bachilleres 8
 
Revendeurs : repensez votre modèle économique avec le Cloud
Revendeurs : repensez votre modèle économique avec le CloudRevendeurs : repensez votre modèle économique avec le Cloud
Revendeurs : repensez votre modèle économique avec le Cloud
 
Programariinstalacio
ProgramariinstalacioProgramariinstalacio
Programariinstalacio
 
No. 3 novembre 2016
No. 3 novembre 2016No. 3 novembre 2016
No. 3 novembre 2016
 
Thunderbird tutorial
Thunderbird tutorialThunderbird tutorial
Thunderbird tutorial
 
Mikmaw wills and estates jan.2017
Mikmaw wills and estates   jan.2017Mikmaw wills and estates   jan.2017
Mikmaw wills and estates jan.2017
 

Similar to Web trends 2015

Web tasarimi ilkeleri
Web tasarimi ilkeleriWeb tasarimi ilkeleri
Web tasarimi ilkeleriHuriyeTOZAR
 
IBM Yazılım Zirvesi - Websphere ile Sıradışı Kullanıcı Deneyimleri
IBM Yazılım Zirvesi - Websphere ile Sıradışı Kullanıcı DeneyimleriIBM Yazılım Zirvesi - Websphere ile Sıradışı Kullanıcı Deneyimleri
IBM Yazılım Zirvesi - Websphere ile Sıradışı Kullanıcı DeneyimleriOsman Küçüksönmez, PMP
 
UX 2014 Almanak
UX 2014 AlmanakUX 2014 Almanak
UX 2014 AlmanakUserspots
 
Bilal Çınarlı - Mobil'de Web
Bilal Çınarlı - Mobil'de WebBilal Çınarlı - Mobil'de Web
Bilal Çınarlı - Mobil'de Webindir.com
 
Mobilci - biz bize mobilize
Mobilci - biz bize mobilizeMobilci - biz bize mobilize
Mobilci - biz bize mobilizeMOTTO23
 
Istanbul Bilgi University - Design Culture & Management Program // User Exper...
Istanbul Bilgi University - Design Culture & Management Program // User Exper...Istanbul Bilgi University - Design Culture & Management Program // User Exper...
Istanbul Bilgi University - Design Culture & Management Program // User Exper...Baris Erkol
 
Verus Master Credentials
Verus Master CredentialsVerus Master Credentials
Verus Master CredentialsAlp Aslan
 
Hasan Yalçın - Mobil Uygulamalarda Tasarım Süreçleri
Hasan Yalçın - Mobil Uygulamalarda Tasarım SüreçleriHasan Yalçın - Mobil Uygulamalarda Tasarım Süreçleri
Hasan Yalçın - Mobil Uygulamalarda Tasarım Süreçleriindir.com
 
Tümleşik iletişim (Unified Communications - UC) Detaylı Sunum
Tümleşik iletişim (Unified Communications - UC) Detaylı SunumTümleşik iletişim (Unified Communications - UC) Detaylı Sunum
Tümleşik iletişim (Unified Communications - UC) Detaylı SunumKarel Electronics
 
Web ortamında çoklu ortam tasarımı
Web ortamında çoklu ortam tasarımıWeb ortamında çoklu ortam tasarımı
Web ortamında çoklu ortam tasarımıyasin uyar
 
IBTECH_CS_turkish
IBTECH_CS_turkishIBTECH_CS_turkish
IBTECH_CS_turkishJaba?? K
 
Windows Server 2008 Sanallaştirma Teknolojileri
Windows Server 2008 Sanallaştirma TeknolojileriWindows Server 2008 Sanallaştirma Teknolojileri
Windows Server 2008 Sanallaştirma TeknolojileriMSHOWTO Bilisim Toplulugu
 
Mobil uygulamalarda tasarım süreçleri - Devfest Sivas 15
Mobil uygulamalarda tasarım süreçleri - Devfest Sivas 15Mobil uygulamalarda tasarım süreçleri - Devfest Sivas 15
Mobil uygulamalarda tasarım süreçleri - Devfest Sivas 15Hasan Yalcin
 
BT Günlüğü Dergisi NISAN - MAYIS 2018
BT Günlüğü Dergisi NISAN - MAYIS 2018 BT Günlüğü Dergisi NISAN - MAYIS 2018
BT Günlüğü Dergisi NISAN - MAYIS 2018 Eylül Medya
 
Masaüstü sanallaştırma
Masaüstü sanallaştırma Masaüstü sanallaştırma
Masaüstü sanallaştırma Eren Caner
 
Mobil web’e giriş
Mobil web’e girişMobil web’e giriş
Mobil web’e girişerdemkara
 
Weoll Tanıtım Dokümanı.pdf
Weoll Tanıtım Dokümanı.pdfWeoll Tanıtım Dokümanı.pdf
Weoll Tanıtım Dokümanı.pdfzlemKral
 

Similar to Web trends 2015 (20)

Web tasarimi ilkeleri
Web tasarimi ilkeleriWeb tasarimi ilkeleri
Web tasarimi ilkeleri
 
IBM Yazılım Zirvesi - Websphere ile Sıradışı Kullanıcı Deneyimleri
IBM Yazılım Zirvesi - Websphere ile Sıradışı Kullanıcı DeneyimleriIBM Yazılım Zirvesi - Websphere ile Sıradışı Kullanıcı Deneyimleri
IBM Yazılım Zirvesi - Websphere ile Sıradışı Kullanıcı Deneyimleri
 
UX 2014 Almanak
UX 2014 AlmanakUX 2014 Almanak
UX 2014 Almanak
 
Bilal Çınarlı - Mobil'de Web
Bilal Çınarlı - Mobil'de WebBilal Çınarlı - Mobil'de Web
Bilal Çınarlı - Mobil'de Web
 
Mobilci - biz bize mobilize
Mobilci - biz bize mobilizeMobilci - biz bize mobilize
Mobilci - biz bize mobilize
 
Istanbul Bilgi University - Design Culture & Management Program // User Exper...
Istanbul Bilgi University - Design Culture & Management Program // User Exper...Istanbul Bilgi University - Design Culture & Management Program // User Exper...
Istanbul Bilgi University - Design Culture & Management Program // User Exper...
 
Sunu1
Sunu1Sunu1
Sunu1
 
Verus Master Credentials
Verus Master CredentialsVerus Master Credentials
Verus Master Credentials
 
Hasan Yalçın - Mobil Uygulamalarda Tasarım Süreçleri
Hasan Yalçın - Mobil Uygulamalarda Tasarım SüreçleriHasan Yalçın - Mobil Uygulamalarda Tasarım Süreçleri
Hasan Yalçın - Mobil Uygulamalarda Tasarım Süreçleri
 
Tümleşik iletişim (Unified Communications - UC) Detaylı Sunum
Tümleşik iletişim (Unified Communications - UC) Detaylı SunumTümleşik iletişim (Unified Communications - UC) Detaylı Sunum
Tümleşik iletişim (Unified Communications - UC) Detaylı Sunum
 
Web ortamında çoklu ortam tasarımı
Web ortamında çoklu ortam tasarımıWeb ortamında çoklu ortam tasarımı
Web ortamında çoklu ortam tasarımı
 
IBTECH_CS_turkish
IBTECH_CS_turkishIBTECH_CS_turkish
IBTECH_CS_turkish
 
Windows Server 2008 Sanallaştirma Teknolojileri
Windows Server 2008 Sanallaştirma TeknolojileriWindows Server 2008 Sanallaştirma Teknolojileri
Windows Server 2008 Sanallaştirma Teknolojileri
 
Mobil uygulamalarda tasarım süreçleri - Devfest Sivas 15
Mobil uygulamalarda tasarım süreçleri - Devfest Sivas 15Mobil uygulamalarda tasarım süreçleri - Devfest Sivas 15
Mobil uygulamalarda tasarım süreçleri - Devfest Sivas 15
 
BT Günlüğü Dergisi NISAN - MAYIS 2018
BT Günlüğü Dergisi NISAN - MAYIS 2018 BT Günlüğü Dergisi NISAN - MAYIS 2018
BT Günlüğü Dergisi NISAN - MAYIS 2018
 
Masaüstü sanallaştırma
Masaüstü sanallaştırma Masaüstü sanallaştırma
Masaüstü sanallaştırma
 
Mobil web’e giriş
Mobil web’e girişMobil web’e giriş
Mobil web’e giriş
 
Mobil UX
Mobil UXMobil UX
Mobil UX
 
Weoll Tanıtım Dokümanı.pdf
Weoll Tanıtım Dokümanı.pdfWeoll Tanıtım Dokümanı.pdf
Weoll Tanıtım Dokümanı.pdf
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 

More from Begum Eser

Digitalage madebycat
Digitalage madebycat Digitalage madebycat
Digitalage madebycat Begum Eser
 
Digitalage 01/18 Madebycat
Digitalage 01/18 Madebycat Digitalage 01/18 Madebycat
Digitalage 01/18 Madebycat Begum Eser
 
Otiad Dijital Dönüşüm
Otiad Dijital DönüşümOtiad Dijital Dönüşüm
Otiad Dijital DönüşümBegum Eser
 
Pazarlama Otomasyonu
Pazarlama Otomasyonu Pazarlama Otomasyonu
Pazarlama Otomasyonu Begum Eser
 
Online travel web site and digital strategy
Online travel web site and digital strategyOnline travel web site and digital strategy
Online travel web site and digital strategyBegum Eser
 
Social media from paid to earned
Social media from paid to earnedSocial media from paid to earned
Social media from paid to earnedBegum Eser
 

More from Begum Eser (6)

Digitalage madebycat
Digitalage madebycat Digitalage madebycat
Digitalage madebycat
 
Digitalage 01/18 Madebycat
Digitalage 01/18 Madebycat Digitalage 01/18 Madebycat
Digitalage 01/18 Madebycat
 
Otiad Dijital Dönüşüm
Otiad Dijital DönüşümOtiad Dijital Dönüşüm
Otiad Dijital Dönüşüm
 
Pazarlama Otomasyonu
Pazarlama Otomasyonu Pazarlama Otomasyonu
Pazarlama Otomasyonu
 
Online travel web site and digital strategy
Online travel web site and digital strategyOnline travel web site and digital strategy
Online travel web site and digital strategy
 
Social media from paid to earned
Social media from paid to earnedSocial media from paid to earned
Social media from paid to earned
 

Web trends 2015

  • 2. WEB SİTESİ YAPILANMASI BASİT HEDEF ODAKLI ÖLÇÜMLENEBİLİR İNTERAKTİF
  • 3. BASİT TASARIM Windows 8, Google ve Apple gibi firmaların başlattığı akımdan etkilenerek web tasarım eğilimleri bu yönde gelişti. Gölge, eğim, kabartma gibi efektler yerine daha sade ve temiz ekranlar tasarlanıyor.
  • 4. RESPONSIVE Responsive tasarım masaüstü ve mobil için website tasarımı sürecini düzene sokarak, web sitesi içeriklerinin tutarlı ve bütün boyutlardaki cihazlarda kusursuz bir şekilde çalışmasını sağlıyor.
  • 5. SCROLL Sitelerde uzun scroll yapısı farklı düzen ve tasarımları bir arada bulundurabiliyor. Bu da kullanıcının kolayca bir çok bilginin içinde scroll ettiğini unutmasını sağlıyor.
  • 6. HTML 5 Daha hızlı web... HTML5 kodlaması dosya boyutlarını düşürüyor ve daha temiz bir kullanıcı deneyimini garanti ediyor.
  • 7. KULLANICI DENEYİMİ Çok ufak detaylara dikkat edilmesi bir we bsitesinin kalabalıkta öne çıkmasını sağlayan bir faktör. Micro UX efektlerinin menüler, geçişler ve hoover durumlarında ayrıca kullanılması bütün duyuları tatmin ediyor.
  • 8. DAHA AZ METİN DAHA FAZLA VIDEO VE GÖRSEL Web giderek metinlere daha az ağırlık veriyor. Bazı web sitesinde artık görünürde nerdeyse hiç metin yok. Bunun yerine kullancıya bilgiyi aktarmak için imajlar, ikonlar ve videolar kullanılıyor.
  • 9. VIDEO VE BÜYÜK İMAJ ARKA PLAN Kitlelerin, şirketiniz hakkında içgörü kazanmasını ve işlerinize göz atmasını sağlar. Doğru şekilde kullanıldığında sitenizi diğerlerinden ayrır ve müşterilerinizin sizle ve markanızla daha önce mümkün olmayan ve daha derin bir kullanıcı deneyimi sağlar.
  • 10. ZENGİN YAZI KARAKTERLERİ Web fontları yükselişte. Tasarımcılar her zamankinden daha büyük fontları tercih ediyor ve farklı fontları karıştırıp kullanmak çok popüler.
  • 11. RENGE ODAKLANMA Çok renkli bir yaklaşım karmaşık veya dikkat dağıtıcı olmak zorunda değil. Flat design ile kullanılınca daha da iyi çalıştığı gözlemleniyor.
  • 12. KUTU TASARIM Kartlar ve karolar responsive tasarımlarda içerikleri düzenlemek için popüler bir teknik çünkü farklı boyutlarda güzelce sıralanıyorlar.
  • 13. TEK SAYFA TASARIM İLE EN FAZLA FAYDA Tek sayfa tasarım fazla içeriği olmayan siteler için harika. Tek sayfa websiteler çok scroll etmeye dayanarak, içerikleriniz arasında kolay bir navigasyon sağlar.