Nasıl büyük ekranlar çağında bir uygulama tasarım oluşturmak için

Apple nihayet çatışma, birkaç yıl sonra iPhone 6 açıkladıköken olarak düşünülebilir hangi Büyük ekranlarda çağı. Bu göstermek gibi gerçeği kullanıcıların Elma Kayıtları İlk satış hakkında ancak onlar olmadan o "büyük" iPhone'lar peynir ekmek gibi demonte olduğu açıktır.

Yakında kullanıcıların eski 3.5 ve 4 inçlik ekranı terk edecek ve süreç çok hızlı ilerler gibi görünüyor. Ve mobil geliştiriciler, site tasarımcıları ve diğer profesyoneller, çünkü ürünlerini optimize etmek ve yeni şeyler öğrenmemiz gerekiyor.

Daha büyük Diagonal'da sahip mobil cihazlara geçiş süreci çoktan başladı. rapor Adobe'nin 2014 Mobil Benchmark gezen web siteleri cihazları 4 inç% 11 oranında azalmıştır az diyagonal olduğunu doğruladı. Bu nedenle, artık tek elle kullanım için kullanıcı dostu bir tasarım oluşturmak için nasıl anlaşılması, bu daha önce hiç olmadığı kadar önemlidir.

Değişiklikler Elma kısa köşegen ile akıllı telefonlar zaten sönmüş olarak, hayatımızı kolaylaştırmak gerekir. Ama bu bizim tasarım yeni koşullara adapte olması halinde gerçeğini gerçekleşecek. Aksi takdirde, gelecekteki bizim başparmak için çok acı olacaktır.

Bu yalnızca iOS uygulamaları üzerinde çalışmak bu tasarımcılar için özellikle önemlidir. Bunlar, Web tasarımcıları karşı karşıya farklı çözünürlüklerde sorunu, onlar dokundu hiç düşündük ve şimdi aniden önlerinde çünkü.

Tasarımda küçük resimleri

Yani ne "başparmak için tasarım?" Yok Bu başparmak hareketiyle doğal aralığında kullanıma uygundur tür arayüzler inşaatı yapılmaktadır. Ama daha fazla, karmaşık bir hal alıyor biz ekranda belirli kontrollerine almak gerekir durumlarda biz bilinçaltında değişiklikler gösterirse kavrama telefonunu çünkü. Her birimiz bile buna dikkat ederek değil, bir gün bu defalarca yapar.

Ancak, bir yere başlamak gerekir. Çalışmalar başparmak tabanı sağ alt köşesinde denk geldiğini çoğumuz şekilde telefonu tutun göstermektedir.

Böyle sonuçlar mobil uzmanı Steve Huber geldi, düzenlenen geçen yıl deney, Hangi 1333 kişi katıldı. O şöyle tutarken insanların telefonlarını kullanıyor bulundu:

• Bir taraftan -% 49
• Beşik -% 36
• iki el -% 15

Hakimiyet kavrama sol veya sağ el de oldukça ilginç:

• Sağ -% 67
• Sol -% 33

Huber katılımcıların toplam sayısına Sol elini sayısı sadece% 10 ve deney sonuçlarında daha üst rakam olduğunu söyledi sigaranın zamanında yemek sürecinde, bisiklet, - sebebiyle sağ başka davada girişme insanların sol elinizle telefonu tutun gerçeğine vb

Bölge başparmak

başparmak bölgeleri ısı gibi bir şey vardır!. Onlar bizim parmak nasıl erişilebilir farklı ekran alanlarının iyi bir fikir verir. En popüler komut dosyası için bir ısı Haritası oluşturmak için Huber'ın araştırma edelim kullanımı Biz bir yandan (sağ) ve sağ alt başparmak tabanı ile telefonu tuttuğunuz kullanılacak Köşe. İşte başparmak alanı ilk iPhone (2007) beri dağıtıldı nasıl bir görsel bir sunumudur.

iPhone 6 ve iPhone 6 Plus ilişkin daha ayrıntılı karşılaştırması:

Gördüğünüz gibi, "güvenli" Yeşil Bölge (iPhone 6 artı biraz sonra hakkında) neredeyse değişmeden kalır. Bizim parmak mucizevi ekran boyutuna sığdırmak için gergin olamaz olmasıdır. Bir çocuk olarak ben Street Fighter içinde Dhalsim'a için oynamak sevilen çünkü üzücü.

Ama ne iPhone 6 Plus ile oldu ve neden kırmızı bölge o kadar büyük ölçüde arttı? Ayrıca, değiştirdi ve "güvenli" bir alan. Bunun nedeni iPhone 6 Plus bir elinde tutmak için daha büyük bir boyut ve rahat gerektiği gerçeğine, biz onun küçük parmağını tutmak zorunda olduğunu. Şaşırtıcı bir şekilde, büyük bir iPhone kullanımı çok fazla tecrübesi değişti.

yığma

biz Telefonu biraz farklı bir yol tutarsan bize, başparmak alanında hangi değişikliklerin analiz edelim. başparmak taban ekranın ortasında yaklaşık bulunur, böylece telefon tutmak için daha uygun olduğu Bazen durumlar vardır. Ve bu ayak başparmağı alanını nasıl etkilediği ise:

Sen ise iPhone 6 sadece "son" ekran alanı, iPhone 6 Plus, çünkü daha büyük boyutta, bu durumda daha iyi bir konumda olduğunu görüyoruz.

Ulaşılabilirlik

Yığınlar yukarıda iPhone 6 ve iPhone 6 Plus geçerli erişilebilirlik özelliğini kullanarak önlenebilir açıklanan. Çift Ana butonuna musluk (yapamaz basın ve sadece dokunmatik) aktif oldu ve ekranı parmak ulaşamayacağı alana aşağıya iner. İşte böyle görünüyor.

Ama nasıl Ulaşılabilirlik görünüyor iPhone 6 Plus Pratik alanda üst üste ile:

Eğer fark ettiniz mi? Apple'ın demo parmağında doğal alanda tam yerleştirilir.

Ve burada başka ilginç nokta, hangi John Gruber noktaları:

iPhone 6 Plus için Erişilebilirlik ekranda içerik iPhone 6 den (yüzde düşüktür kaydırır oranı) - baskısı altında mevcuttur yüksekliğinin üst ekranı değişen tüm ilgili normal kavrama.

Yani söz konusu olan budur.

Tüm bunlar ne anlama geliyor?

mobil cihazların ekranlarının boyutu yaklaşık olarak aynı olur ve bu iyi haber. Ama aynı zamanda biz sadece 5.5 inç daha küçük akıllı telefonlar ile hazır arayüzler ölçek anlamına gelir. Tutma cihazı tamamen değişiyor ve belki arayüzleri aynı şeyi zorunda kalacaktır.

Ben prototip oluşturma hiç kadar önemli olacağını düşünüyorum. Eğer trenlerde oturmuyorsun nedenle, 's zaman içine atlamak için.

Not: Bir tasarımcı ya da mobil uygulamalar geliştirilmesine alaka varsa kullanışlı bölge şablonları olabilir senin arayüzleri ve çek uygulanabilir başparmak onlar nasıl rahat olacak kullanın. Onları indirebilirsiniz burada.

üzerinden