Blog

Sektör, firmamız ve projelerimiz hakkındaki bütün gelişmeleri blog sayfamızdan takip edebilirsiniz.

Blog icon

Responsive Tasarım Ne Demek?

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.

Hybrid Mobil Uygulama nedir?

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.

İyi Bir UX Tasarımı Nasıl Oluşturulur?

ux-ahtapot-blog

Formsuz Ol

Belki de biçimsizliğin en iyi tanımını Bruce Lee tarafından yazıldı.

“Aklını boşalt, biçimsiz ol. Şekilsiz, su gibi. Bir bardağa su koyarsanız, bardak haline gelir. Bir şişeye su koyarsanız, şişe haline gelir. Bir demlik içine koydun, demlik haline gelir. Su ol dostum. ”

Aynı şekilde, formsuz olan tasarımcı yaratılışın tüm farklı yaklaşımlarını özümser, takdir eder ve çabuk evrimleşme akışını elde eder, kapıyı büyük keşiflere açacak ortodoks çözümler sunar.

Her zaman hatırlayın, şu anda var olan formlar, stiller ve yöntemler hakkındaki gerçek, başka biri tarafından görselleştirilen nesnellik ve yorumlamaya dayanmaktadır. Bu onların gerçeği ve onları takip etmenize gerek yok. Mevcut eğilimleri kopyalamanıza veya çoğaltmanıza ve aynı sınırlamalar ile kendinizi kısıtlamanıza gerek yoktur. Mevcut eğilimler hakkında kendi yorumlarınıza sahip olabilir ve yalnızca faydalı olanı özümseyebilirsiniz.

Örneğin, bir mobil uygulama tasarlarken, Android kullanıcıları ve IOS Kullanıcıları için standart tasarım tuzağına düşme eğilimindeyiz. Bu bizim düşüncemizi ve sonrasında problem çözme yeteneğimizi sınırlandırır. Ancak Android ve IOS’un bu kısıtlarını ortadan kaldırıp genel olarak insanlar için tasarım yapmaya başladığımızda, yeni bir farkındalık seviyesine ulaşıyorsunuz.

Yaklaşımımızda formsuz oluruz. Tasarımlarımız doğal ve doğrudan doğa ile süslenmiştir.


Tutarlı Olun

UX’e başvurmak, UI öğelerinin, işlevlerinin, içeriğinin ve kontrollerin yerleşiminin tümüyle tekdüze olmasını sağlayarak, uygulamada bir tanıdıklık ve güvenilirlik duygusu oluşturmak anlamına gelir.

Tutarlılığın önemli olmasının nedeni, kullanıcılar doğal öğrenmelerini kaldırabilir, böylece daha sonraki kullanım ve benimseme sürtünmesi üzerindeki bilişsel yükü azaltabilir.

Sonunda, uygulamayı sezgisel ve basit hale getirir. Uygulama iyi tasarlandığında ve tüm mantıksal bilgiler bir araya getirildiğinde, kayma ve hata olasılığını azaltır, böylece kullanıcılara uygulamayı istedikleri şekilde keşfetme güvenini verir.

Tutarlı bir uygulamanın en büyük yararı, en az direnç yolunu izlemesidir. Güçle bir araya gelen kuvvet sadece imha ile sonuçlanacaktır. Ancak kuvvet, kuvvet olmadan karşılandığında, daha iyi bir amaç için tutulabilir ve yönlendirilebilir.

Her zaman, kullanıcıya çekici bir uygulama vermemize gerek olmadığını unutmayın. Sadece kullanıcıların rahat ettiği ve doğal olarak buna çeken bir uygulama yapmamız gerekiyor. Ve herhangi bir kullanıcı sadece simetri ve huzur sağlandığında kendini rahat hissedebilir.


Ve Son olarak, Basitleştirin

Teknoloji iyileştikçe insan çabalarını otomatikleştiriyor ve süreçleri daha verimli hale getiriyor. Ancak bunun tersi de insan ve bilgisayar arasında daha fazla arayüz ve etkileşime neden olması. Etkileşimler arttıkça, teknoloji kullanım için daha hantal hale gelir.

Burası iyi tasarımın geldiği yerdir. İyi bir tasarım insan ve bilgisayar etkileşimlerini en aza indirir. Etkileşim olmadığında kullanıcı deneyimi yoktur.

Ve nihai amaç, hiç deneyimi olmayan bir tasarım yaratmaktır. Evet, harika UX tasarımlarında kullanıcı deneyimi yoktur. Sadece kullanıcının günlük aktiviteleriyle birleşen doğal olarak oluşan desen ve ritimleri birleştiriyorlar. Nihai sonuç budur.

Sadelik, tasarımda sürecin kullanıcıya açık hale geldiği noktaya kadar en aza indirilmesi ve hassaslaştırılması ile ilgilidir. Ancak bu karmaşık görevleri ortadan kaldırmak veya önemli bilgileri kaybetmek anlamına gelmez. Bunun yerine, UI öğeleri ve kullanılabilirlikleri arasında tatlı bir nokta bulmak önemlidir, böylece kullanıcılar bir işi ard arda ritmi bozmadan tamamlamayı kolay bulurlar.

En basit şekliyle, iyi, kötü veya mükemmelin ötesine geçin. Bu sadece varolmayan. Başka bir deyişle, deneyimsiz bir deneyim.

Steve Jobs’un haklı olarak söylediği gibi;

“Basit, karmaşıktan daha zor ne olabilir: Düşüncenizi basitleştirmek için temiz tutmak için çok çalışmak zorundasınız. Ama sonuçta buna değer, çünkü oraya bir kez vardığınızda dağları hareket ettirebilirsiniz. ”

Kaynak: https://medium.com/swlh/how-to-create-a-good-ux-design-f62a3b6bb177

UX ve UI Aynı Şey Değildir, UI UX’in Altkümesidir

ux-uiBilindiği gibi internet dünyasının önü alınamayan büyümesiyle kaçınılmaz olan gerçekleşti ve birbirinden farklı uzmanlık alanlarının ismi sıkça telaffuz Edilmeye başlandı. Bu isimlerden en önemli iki tanesi ise UI ve UX olarak karşımıza çıkıyor. İkisi arasındaki farkı çok iyi idrak edemeyen profesyonel çalışanların da olduğunu da hatırlatarak, olabildiğince kısa ve net bir şekilde bu alanlar arasındaki farkı anlatalım istedik.
devamını oku

Vera Yazarkasa İçin Kontrol Paneli Hazırladık

Esnaf dostu Vera Yazar Kasa için kullanıcı dostu yönetim paneli hazırladık! Alt yapısını .NET yazılım diliyle geliştirdiğimiz ve MsSQL veri tabanı kullandığımız bu panel; gelişmiş özelliklerle donatılmış, tüm alanları yönetim panelinden kontrol edilebilen bir yapıya sahiptir.
devamını oku