‘Katlanabilir web’ geliyor.

Katlanabilir Web Aslında Ne Anlama Geliyor?

Yıllarca süren konuşma, deneme ve plato akıllı telefon satışlarından sonra, katlanabilir cihazlar nihayet pazara giriyor. Samsung, Huawei ve Motorola, katlanabilir ekranlı tüm telefonlarını piyasaya sürdü ve Apple’ın beğenilerinin çok geride olmadığı sahnelerin arkasından dolaşıyorlar . ‘Katlanabilir web’ geliyor.

Cihazları, dizüstü bilgisayarlardan telefonlara, yeni model çift ekranlı hibritlere kadar çeşitli biçimler alıyor. Bu yeni gizmos sınıfı için her şeyi yakalama tanımı yoktur, ancak çoğu iki kategoriden birine uyar. ‘Katlanabilirler’, ekranın tam anlamıyla katlandığı cihazlardır; ‘çift ekranlarda’ ekranlar ayrıdır ancak tek ekran olarak kullanılabilir. Web tasarımı söz konusu olduğunda, iki tür muhtemelen benzer kurallarla oynayacaktır. Teknoloji büyük bir şekilde çıkar o zaman web tasarım on yıl içinde de en büyük shakeup bakarak olabilir.

Her şey çok heyecan verici geliyor, ama aslında ne anlama geliyor? ‘Katlanabilir web’ beraberinde yeni zorluklar, yeni fırsatlar ve her durumda yeni sözdizimi getirecek. Web, akıllı telefondan bu yana en büyük shakeup olabilir. Kullanıcılar ve kodlayıcılar daha çok oyun alanına alıştı: masaüstü ve mobil tablet serpme. Artık değil. Henüz hiçbir şey görmeden önce duyarlı tasarımı bildiğinizi düşünüyorsanız.

Yeni Web Standartları, Yeni Deneyimler Ve Yeni Sorunlar

Esnek ekran teknolojisi 1970’lerden beri araştırılmıştır, ancak yalnızca bin yılın başından beri ciddi bir şekilde geliştirilmiştir. Tüketici cihazları sadece son birkaç yıl içinde tüm şekil ve boyutlarda pazara girmeye başladı.

Bazıları, Galaxy Z Flip gibi, eski okul flip-telefonunu taklit ediyor. Huawei Mate X gibi diğerleri, ekranların telefonun dışına sarılmasını sağlar. Elektronik kitaplar gibi çok daha fazlası inşa edilmiştir, cihaz tamamen açıldığında iki iç ekran bir hale gelir. Genellikle dışarıda ayrı, daha küçük bir ekran vardır, böylece kullanıcılar kullandıklarında onu açmak zorunda kalmazlar.

Donanım hıçkırık iyi belgelenmiş olan ve içinden çalıştı edilmektedir. Katlanabilir cihazlar geliyor. Odak bu değil. Burada odak noktası, teknolojinin web geliştiricileri, UX tasarımcıları ve işi kaliteli tarama deneyimleri sunmak olan herkesi nasıl etkileyeceğidir.

CSS VE JAVASCRİPT GÜNCELLEMELERİ

Yeni donanım, güncellenmiş yazılım anlamına gelir. Microsoft, özellikle şirket kendi katlanabilir cihazlarında çalıştığı için, katlanabilir teknolojinin gelişine özellikle yanıt verdi . Üç Microsoft geliştiricileri – Bogdan Brinza Daniel Libby ve Zouhir Chahoud – yayınlamıştır bir explainer yeni bir JavaScript API ve CSS Medya sorgusunun önermek hangi. Chahoud bunu 3 Şubat’ta GitHub yazısı ile genişletti .

Aşağıdakiler dahil olmak üzere katlanabilir cihazlarla ilgili olası sorunları vurgular:

• Katlanabilir pazarda çeşitli donanımlar.
  Bazı cihazlar kesintisizken bazıları düzensizdir ve şekilleri çılgınca değişir. Windows Surface Duo ve Galaxy Fold, biri dikişli, diğeri olmayan kitaplar gibi biçimlendirilmiştir. Kesintisiz Motorola Razr, ekranın iki ‘yarısı’ dikdörtgenlere göre karelere daha yakın olan eski flip-phone’lara geri dönüyor. Üç parçalı katlanabilir sahnenin ortaya çıkmasının kesinlikle sadece bir zaman meselesi olduğunu düşünün. Katlanabilirlerin şekli ve boyutunda çok fazla çeşitlilik olması nedeniyle, belirli bir donanım yerine bir _class _of cihazını hedeflemek önemlidir.
• ‘Katlama alanı’ işlevselliği.
  Katlanabilir ekranların mucizesi birkaç fedakarlık gerektiriyordu. Bunlardan en önemlisi ekranın / ekranların ekranın yakınındaki potansiyel garipliğidir. Kısmen katlanmış bir ekranın dikişi üzerine ya da üzerine yerleştirilmiş içeriğin görüntülenmesi ya da etkileşimi zor olabilir. Kitaplar ve dergiler, kıvrımlarına içerik yazdırmaktan kaçınma eğilimindedir; aynı durum katlanabilir ekranlar için de geçerli olacaktır. Dahası, bazı kullanılabilirlik testleri dokunmatik ekran duyarlılığının katlanabilirler kadar güvenilir olmadığını ileri sürdü .

Bu sorunları ve diğerlerini ele almak amacıyla, Brinza, Libby ve Chahoud, tarayıcı penceresinin iki ekranda mı yoksa bir kat arasında mı görüntüleneceğini test edebilen, yayılan bir CSS medya özelliği önermişlerdir. Öyleyse, içerik katlama veya dikişe göre konumlandırılabilir. Bu , giderek artan bir şekilde ekran boyutundan daha fazlasını hesaba katmak zorunda olan duyarlı tasarımın devam eden evrimine neden olmaktadır.

Buna göre, segment büyüklüğü ve yönelimlerinin tanınması için bir yol sağlayan çevre değişkenleri de önerilmiştir. Bu tür eklemeler, web sitelerinin kendilerini üç boyutta şekillendirmelerine etkili bir şekilde izin verecektir. Aynı sayfa düz olduğunda, L şeklindekinden farklı davranabilir.

CSS önerilerine, sitelerin daha dinamik davranmasını sağlayan JavaScript API’sı için yeni bir Pencere Segmentleri numaralandırma eşlik eder. Örneğin, görüntülenenler ekranın bükülüp bükülmemesine bağlı olarak değişebilir veya kullanıcıların ekranın yarısına veya diğer yarısına dokunmasına bağlı olarak farklı davranabilir. Yeni JavaScript API’si ayrıca Canvas2d veya WebGL gibi CSS’nin kullanılamadığı Belge Olmayan Nesne Modeli hedeflerindeki işlevleri de geliştirir.

Bu teklifler ikiden fazla ekranı veya segmenti hesaba katmaz, ancak şimdilik teknoloji bu şekilde ilerliyor gibi görünüyor. Bu tekliflerin uygulanması halinde, duyarlı web tasarımına yeni bir katman ekleyecektir. Sitelerin yalnızca tek dikdörtgen alanlarda işlev görmesi gerektiğini artık kabul edemediğimiz zaman çok geçebilir. Brinza, Libby ve Chahoud tarafından önerilenler gibi yeni CSS ve JavaScript spesifikasyonları, geliştiricilere bu konuda bir şeyler yapmanın bir yolunu verecekti.

Chahoud birçok diş çıkarma problemi beklemez:“Çift ekranlı ve katlanabilir cihazları başka bir duyarlı web tasarım hedefi olarak görüyoruz, web geliştiricilerinin yıllardır telefonlara, masaüstlerine, tabletlere ve benzeri CSS ile yaptığı bir şey.”

Yeni web temelleri teknolojinin önünde kalırsa, geliştiriciler sitelerinin işlevselliğini geliştirmeye odaklanabileceklerdir.

YENİ BİR KATLAMA VE ÇİFT EKRAN DENEYİMİ

Bu geliştirilmiş işlevsellik neleri içerir? Ana çıkarımlardan biri, şehirde yeni bir kat olması. “Ekranın üst kısmı”, kaydırma ( gazete tasarımına geri dönüş ) olduğu sürece ortalıkta olsa da, geliştiricilerin yakında sayfanın ortasındaki kıvrımlarla uğraşmaları gerekecek.

En azından bu muhtemelen içeriğin ayarlanması anlamına gelecektir, böylece kullanıcılar ekrandaki herhangi bir şeyle etkileşime girmek zorunda kalmazlar. Katlamada dokunmatik kontroller sınırlıysa veya cihaz kısmen katlanmışsa, ekranın bir yarısında veya diğerinde oturacak şekilde belirli öğeleri yeniden konumlandırmak mantıklıdır.

Web tasarımı açısından, bu, içeriğin daha uygulama benzeri bir şekilde sunulmasını sağlar. Chahoud şöyle diyor: “Çift ekranlı veya katlanabilir cihazları hedefleyen tasarımların, mevcut mantıksal veya fiziksel görüntüleme bölgelerini temsil eden tabanda iki sütunlu bir ızgara olacağına inanıyorum.” Samsung Developer belgeleri daha da ileri giderek, ikincil ekranın kendisinin ikiye ayrılabileceğini ve üç ayrı ‘ekran’ sunabileceğini gösteriyor.

Bir yemek pişirme web sitesinde, bu tarifin bir ekranda ve diğer malzemelerde bulunması anlamına gelebilir. Bir haber web sitesinde, bir ekranda makale kopyası, diğerinde ilgili okuma olması anlamına gelebilir. Her zamanki gibi içeriğe bağlıdır. En iddialı olan katlanabilir web, çift mobil ekran gibi çalışabilir.

Toplamak

Birçoğu için, katlanabilir cihazların yükselişi, kullanıcı deneyimi için mütevazı bir iyileştirme kadar bir oyun değiştirici olmayacak. Steve Krug , Beni Düşünme! Web Kullanılabilirliğine Genel Bir Anlam Yaklaşımı , katlanabilir ağı bir devrimden çok bir evrim olarak görür. “Katlanamayan telefonlar her zaman bir sonraki makul adım olarak beni vurdu” diyor. Çift ekran özellikleri nedeniyle değil, tablet deneyimlerini daha taşınabilir hale getirdikleri için “cebimde taşıyabileceğim bir tablet” arzusunu yerine getiriyorlar.

Phablet, aynı zamanda tüm zamanların en kötü portmanteau’sunun (2019 Dünya Şampiyonalarında ‘tahminine’ dar bir şekilde kaybetti) en iyi yarışmacı olarak yeni bir ev bulabilir. Bir telefonun bu kadar büyük olduğu anlamına gelmek yerine, temel olarak bir tablet, cihazın açık, kapalı veya aradaki bir yere bağlı olarak bir ya da diğeri olacaktır.“Bölünmüş ekran veya farklı en boy oranlarından yararlanacak uygulama sınıfları var, ancak çoğunlukla daha büyük bir ekranın video izlemesini istiyorsanız, bu cihazlar size yeni bir şey getirmeyecek.”- Steve Krug

Çoğu durumda, ‘katlanabilir web’, tablet boyutunda ekranlar için daha iyi optimize edilmiş siteler anlamına gelir. Şu anda tabletler dünya çapında sadece yaklaşık% 3 pazar payına sahiptir (mobil cihazlar için% 52 ve masaüstü bilgisayarlar için% 45). Katlanabilir cihazlar göz ardı etmek çok daha zor olacak şekilde bir çentik yaparsa.

Apple’ın beğenileri katlanabilir bir cihaz çıkardığında, hotcakes gibi satacağını söylemek güvenlidir. Daha katlanabilir teknoloji pazara girerken, web tasarımının sadece mevcut işlevselliği korumak için yanıt verme hızını artırması gerekecektir. En azından yapmak için düzenli olacak.

Esnek Ol

Peki katlanabilir ağ ne anlama geliyor? Kısacası, size kalmış. Trend, duyarlı tasarımda bir sonraki adımı işaret ediyor. Yeni CSS ve JavaScript özelliklerinin yardımıyla geliştiriciler, masaüstü, mobil ve tabletin tek, kesintisiz dikdörtgenlerinin olduğu yerlerde çok ekranlı deneyimler oluşturabilecekler.

Bu deneyimlerin ne kadar ileri gidebileceği görülüyor. ‘Katlanabilir ağın’ hazır hale gelmeyeceğini varsaymak güvenlidir. Cihazların akıllı telefonların yaptığı gibi çıkacağına dair bir garanti yoktur, özellikle de çoğu 2.000 dolara mal olur. Donanım tarafında diş çıkarma olacak, bu tür bir türbülans süresi, teknolojinin muhtemelen güvenilir stillere yerleşeceği.

Bu platformları olabildiğince zorlamak geliştiricilerin ve tasarımcıların rolüdür. Katlanabilir web, web sitelerine daha önce mümkün olmayan akışkanlık ve işlevsellik kazandırmak için bir fırsattır. Web sitelerini her zamankinden daha duyarlı hale getirmek anlamına gelir.

Ayrıca keşfedilmemiş bölgeyi keşfetmek için eşsiz bir fırsattır. Sismik bir değişiklik olmamasına rağmen, katlanabilir web muhtemelen iPhone’dan bu yana statükodaki en büyük değişikliktir. Bu sözdizimine gelince bunun anlamı kapmak için çok önemlidir. Duman dolgulu arka odalarda web standartları uyumlu değildir. Şimdi katılmanın, geri bildirimde bulunmanın, önerilerde bulunmanın ve denemenin zamanı geldi.

İşte katılım için bazı kaynaklar.

• “ Katlanabilir ve Çift Ekranlı Cihazlarda Harika Web Deneyimleri Sağlamak için Yeni CSS Temel Öğeleri Önermek,” Zouhir Chahoud, GitHub
• “ css-media-queriesKatlanabilir Destek ve Etkinleştirme ,” Adam Argyle, GitHub
• Windows 10X geliştirme araçları ( indir )
• Microsoft Edge Insider Kanalları ( indir )

Mobil ilk tasarım daha karmaşık olmakla birlikte daha heyecan verici. Katlanabilir web, elde taşınır cihazların ilk kez kısıtlayıcı olmaktan ziyade geniş hissettikleri olabilir. Bazı web siteleri için bu, tweaks anlamına gelirken, diğerleri için toptan yeniden tasarımlar anlamına gelir. Mümkün olanın kapsamı geliştiricilerin inovasyonuna bağlıdır.