Kategori: Web Yazılım

Web yazılım terimlerini ve sektörle alakalı önemli gelişmeleri içerir.

Genel, Web Tasarım, Web Yazılım

2021’de Web Sitenizi Mobil Öncelikli Tasarlayın

23 Şubat 2021

Mobil cihazlara öncelik veren tasarım konsepti ilk olarak 2010 yılında, o zamanlar Google‘ın CEO’su olan Eric Schmidt‘in bir konferansta şirketin mobil kullanıcılara daha fazla odaklanan tasarım uygulamalarını benimseyeceğini duyurmasıyla gündeme geldi.

Dedi ki;

“Şu anda gerçekten önemli olan şey, mobil mimariyi doğru yapmak. Mobil, sonuçta, hizmetinizin çoğunu sağlama şekliniz olacaktır. Benim ifade etmekten hoşlandığım şekilde, öncelik her zaman mobil olmalıdır. “

İfadenin arkasındaki mantık oldukça basitti: Küçük ekranların sınırlı alanı var. Bu yüzden onlar için tasarım yaparken, bazı detayları görmezden gelerek, kullanıcılarınızın en çok ihtiyaç duyduğu önemli öğeleri seçersiniz.

Tasarımınızı daha büyük ekran, yani masaüstü veya dizüstü bilgisayarlar için genişletirken, kullanıcılarınıza daha güçlü ve kullanıcının hayatını kolaylaştıracak gelişmiş öğeler sağlayabilirsiniz.

Diğer bir deyişle, Mobil öncelikli tasarım, mobil kullanıcının ihtiyaçlarını dikkate alan bir web geliştirme stratejisidir. Tasarım sürecini tam tersi yerine küçük ekranlardan başlamak kullanıcılar için daha iyi bir deneyim yaratır. Dolayısıyla, bir masaüstü web sitesi oluşturmak ve ardından onu bir cep telefonuna sığdırmak yerine, küçük ekranları tasarlamakla başlarsınız.

Diğer bir deyişle, mobil öncelikli web sitesi tasarımı, yalnızca mobil cihazlarda kullanılabilen değil, aynı zamanda mobil cihazlar için optimize edilmiş bir web sitesi oluşturmayı ve böylece kullanıcı deneyiminizin cihazlar arasında sorunsuz olmasını sağlamayı amaçlamaktadır.

Kullanıcılarınıza mümkün olan en iyi deneyimi sunmak için mobil öncelikli web sitesini tasarlamaya hemen bizimle başlayın; hem Google hem de site ziyaretçileriniz bunun için sizi sevecek ve ödüllendirecek.

Mobil Uygulama, UX/UI Tasarım, Web Tasarım, Web Yazılım

Responsive Web Tasarımı Ne Demek ve Avantajları Nelerdir?

9 Temmuz 2019

Responsive web tasarımı, sitenizin her bir öğesini çeşitli ekran boyutlarına göre ayarlanabilen bir web sitesi tasarlamanın ve kodlamanın bir yoludur.

Responsive, site elemanlarını her cihazın genişliğine adapte olacak şekilde yeniden boyutlandırma ve yerleştirme ile ilgili olarak doğru bir görselleştirme ile daha iyi bir kullanıcı deneyimi sağlar.

Düzenlerin (içerik) ve görüntülerin akışkan olması ve CSS3 ortam sorgu kodunun kullanılması ile karakterize edilir. Responsive tasarım, geliştirme süresini kısaltmanıza, yinelenen içeriği engellemenize ve içeriğin değişkenliğini artırmanıza olanak sağlar, çünkü bunları daha hızlı ve daha doğal bir şekilde paylaşmanıza izin verir.

Reponsive tasarımın avantajları nelerdir?

Duyarlı tasarım, hangi cihazı kullanıyor olursanız olun, kullanıcıya mümkün olan en iyi deneyimi sağlamaya çalışır.

Sitenin görülmesi zorsa, örneğin cep telefonunda, kullanıcı siteyi 3 saniyeden daha kısa bir süre içinde açıyorsa sitenizden çıkacaktır.

Uyarlanabilir bir tasarımın uygulanmaması, bazı durumlarda, web sitemizi doğrudan etkileyen bir sorun yaratabilir.

3 cihaz için zaman ve maliyet tasarrufu sağlayan tek bir tasarım yapılmıştır.

Responsive tasarım, farklı sürümler için yinelenen içeriği engeller.

Tasarım tüm tarayıcılar tarafından desteklenir.

Responsive tasarım kullanmadan önce tavsiye:

Ekran boyutu: Ekranlara uyum sağlama sorunlarından kaçınmak ve sayfanın işe yaramaz elemanlarla aşırı yüklenmesini önlemek için ilk mobil tasarım deseni ile tasarlamanız önerilir.

Piyasada bulunan çok sayıda cihaz ve ekran, içeriğimizi iyi görmeyen kullanıcıların bulunmamasını sağlamak için akışkan ve statik olmayan içerik boyutlarını dikkate almamız gerektiği anlamına gelir.

Mobil Uygulama, Web Yazılım

Hybrid Mobil Uygulama nedir?

12 Haziran 2019

Hybrid uygulama, arayüzünü görüntülemek için tarayıcı penceresini kullanan bir mobil uygulama türüdür.

Bir hybrid mobil uygulaması HTML, CSS ve JavaScript ile oluşturulur. Native wrapper’da bulunur ve böylece mobil bir cihaza kurulabilir. Native programlama dillerini (ör. Swift, Java) öğrenmek zorunda kalmadan yapılabilir.

Bu da, iOS ve android gibi tüm farklı platformlar için tek bir codebase olduğu anlamına geliyor.

Üç türden oluşan mobil uygulama türlerinin sınıflandırması aşağıdaki gibidir:

Native: Objective C veya Java gibi platformlara özel programa dili kullanılarak geliştirilmiştir.

Mobil Websiteleri: HTML, CSS ve JavaScript gibi web teknolojileri kullanılarak geliştirilmiştir ve yalnızca mobil web tarayıcısından erişilebilir. Aslında birer web uygulamalarıdır.

Hybrid: Cross-platform ve yerel API’lere erişimi vardır. (Çoğunlukla eklentiler aracılığıyla)

Örneğin, Ionic Framework kullanılarak geliştirilen bir Hybrid Mobil uygulama yapısı, birinin ASAP’a aşina olabileceği iki konseptten oluşur: WebView & Apache Cordova

WebView nedir?

Native UI’ya benzeyen Ionic gibi bir framework kullanılarak bir mobil uygulamanın kapsamında çalışan bir tarayıcı olarak düşünün. Bu tarayıcı HTML, CSS ve JavaScript ile yazılmış kodları uygular. Spesifik bir mobil işletim sistemindeki uygulama, Cordova gibi bir aracı üzerinden çalışır. Kamera veya mikrofona erişmek gibi bir mobil cihazın temel özellikleri ile etkileşimde bulunmak için JavaScript’te yazılmış API’ları sağlar.

WebView, önce Cordova’nın API’ları ile daha sonra da mobil cihazlarla bağlantı kurar.

WebViewler bugünlerde o kadar yaygınlaştı ki Electron kullanarak masaüstü uygulamaları oluşturabilirsiniz.

Peki neden Hybrid?

er web geliştirmeyi biliyorsanız veya Angular, React gibi frameworklerle deneyiminiz varsa, Hybrid mobil geliştirmeyi tercih etmek; mevcut kodlama becerilerinizden yararlanmanın ve becerilerinizi geliştirmenizin iyi bir yoludur.