web-gelistirme-sc.com

İPad için tasarım

Sitemi iPad veya diğer iOS cihazlara sahip kullanıcılar için erişilebilir hale getirmek istiyorum.

Genel olarak iPad veya iOS ile uyumlu bir kullanıcı arayüzü tasarlarken nelere dikkat etmeliyim?

15
George Stocker

Kontrol edin Jakon Nielsen'in konuyla ilgili düşünceleri . altta bağlantılı video yalnızca 3 dakika uzunluğundadır ve doğrudan yararlı değilse ilginçtir.

Genel düşünceler (bunu kişisel deneyimler dışında destekleyecek hiçbir gerçek yok):

  • Başka bir platform için bir tasarıma geri dönmeniz gerekiyorsa, iPod tasarımlarına değil PC tasarımlarına geri dönün. Ellerinizi bir iPad'e alabiliyorsanız (yakında), iPad'de varsayılan Amazon.com'a göz atmayı deneyin. En sağda metin içeren yatay doldurma düğmelerine sahip olan ve temel olarak kullanılamaz olan varsayılan iPod Touch/iPhone UI'ye geri döner.
  • Küçük şeyleri görmek onları tıklatmaktan daha kolaydır. Kendi tecrübelerime göre, okunabilir metnin çoğu tıklanabilir değildir ve genellikle bağlantıları (yani Wikipedia'da) yakınlaştırmam gerekir.
  • Tasarımlarınızı hem portre hem de manzarada test edin!
  • Ellerinizi hareket ettirmek, farenizi hareket ettirmekten biraz daha fazla fiziksel enerji (ve daha az hassas) gerektirir.
  • Birden çok sekme kullanmak PC'den daha zordur (muhtemelen iPhone'dan daha kolaydır). Kullanıcıyı siteden uzaklaştıran bağlantılar büyük olasılıkla bunu yapar; onları yakın zamanda geri beklemeyin.
  • Yanlışlıkla yapılan tıklamalar, yanlışlıkla yapılan tıklamalardan daha yaygındır.
  • Yazmak (arama için bile) bir klavyeden daha zordur.
  • Gömülü YouTube videoları çalışır.
  • İPad satın alan kullanıcı tabanını hatırlayın ve onlar için tasarım yapın.
  • Güncelleme: Başka web tarayıcıları var. Kullanıcıların% 95'i muhtemelen Mobil Safari kullanıyor, ancak diğer birkaçında test edilmeye değer olabilir. Örneğin, Stack Exchange sitelerinin Atomic Web Browser içinde çalışmadığını (soru gönderemediğini) keşfettim.

İyi şanslar!

14
Robert Fraser

Bu, genel kullanıcı arayüzü sorunuz için daha fazla geçerlidir:

"Dokun, tıklama" deyin. Siz (veya potansiyel müşterileriniz) uygulamayı eller ile nasıl kullanırsınız? Fare ile bir şeye işaret etmek ve elinizle bir şeye işaret etmek arasında temel bir fark vardır. İnsanların kolayca ulaşabilmesi için belki de en önemli kontrolleri yapın? Farklı tel çerçevelerle denemeler yapın ve insanlardan kullanım kolaylığını değerlendirmelerini isteyin. İşlemin başlarında yapılan kullanıcı testleri, tasarımınızı hassaslaştırmanıza yardımcı olabilir.

8
Scott M.

İPad için optimize edilmiş/hazır siteler tasarlarken dikkat edilmesi gereken şeylere blog yazdım. Yararlı bulabilirsiniz.

3
Jin

İPad, web'e göz atmak için tasarlanmıştır. Büyük ekran, tüm web sayfası genişliğini görüntülemeyi mümkün kılar. Bu nedenle, web sayfasının tasarımı bir iPad'de iyi olmalıdır.

İPhone, iPod Touch için, yerel iPhone uygulamalarına benzer bir kullanıcı arayüzü oluşturarak farklı bir tasarım yapmayı düşünebilirsiniz. Bunu mümkün kılmak için kullanabileceğiniz araçlar var, ama çok iş olacak. İPad'ler için de kullanılabilen Sencha Touch adresine göz atın.

Sencha Touch gibi bir şey kullanmak istemiyorsanız, göz önünde bulundurmanız gereken başka bir şey, bu cihazlarla kullanıcı etkileşiminin oldukça farklı olmasıdır. Fare tabanlı değil, dokunmatik tabanlı. Bir örnek, vurgulu efektlerin dokunmatik bir cihazla çalışmaz. Ayrıca fare tıklamaları, iOS'ta tarayıcının yakaladığı dokunma hareketinden farklıdır. Bu, iOS için kullandığınız JavaScript'i daha doğal ve sezgisel hale getirmek için özelleştirerek kullanıcı etkileşimini geliştirebileceğiniz anlamına gelir.

Apple ayrıca iOS'taki yerel uygulamaları için bir İnsan Arayüz Kılavuz yaptı. Kullanıcıların yerel uygulamalardan bekleyecekleri bu olduğundan, buna bakmak iyi bir fikir olacaktır. Buna uygun web sayfalarına sahip olmak, sitenizi anlamalarına yardımcı olur.

3
googletorp

Ekran boyutunu ve farklı olası düzenleri unutmayın: yatay/dikey yönlendirme modlarına sahip iPad CSS Düzeni

2
Kostya

Eklemek istediğim iki konu, özellikle yeni bir site tasarlamak yerine mevcut bir siteyi veya uygulamayı uyarlamakla ilgili - bunlar önemsiz görünebilir, ancak yine de:

  • Sitenizin veya uygulamanızın fareyle üzerine gelme işlemlerinde (araç ipuçları gibi) yanıt vermediğinden emin olun
  • Doğru tıklama olmadığını unutmayın (web'de daha az yaygındır, ancak bazen web uygulamalarında bulunur)
1
Dan Barak

Parmaklar fareden daha az hassas olduğundan, öğelerin bir masaüstü uygulamasından daha büyük olması gerekir.

Son zamanlarda bazı grafik uygulamalarını kullandıktan sonra, hareket ettiğiniz nesneyi gizleyen nesnelerin parmaklarınızla doğru bir şekilde yerleştirilmesinin çok zor olabileceğini gördüm. Apple yaptığı gibi) bunu düzeltmenin bir yolu, yalnızca parmağınızı biraz hareket ettirdikten sonra harekete başlamaktır, bu nedenle artık taşıdığınız nesnenin üstünde değildir.

Çoklu seçim şu anda çok zahmetli. Birden fazla seçim oluşturmak için Apple bir parmağınızla bir nesneye dokunun ve diğer ile birden çok nesneye dokunun yaklaşımını sevmiyorum. Sürükleme seçimi daha iyi olabilir.Örneğin, önce bir seçim aracını sekip ardından birden çok nesneyi sürükleyin.

1
Erik Engheim