Mobil uygulama tasarımı web tasarımı gibi değildir.

Elbette renk teorisi, ayar türü ve ızgaraların bakımı var, ancak cihaz değiştiğinde dikkate alınması gereken çok şey var.

Tomas Laurinavicius, mobil uygulama tasarımında yapılması ve yapılmaması gerekenlere biraz ışık tutmak için mobil cihazlar için tasarım yaparken en iyi uygulamalarını ortaya koyuyor.

Tomas Laurinavicius serbest çalışan bir tasarımcı ve Mobile Design Book'un ortak yazarıdır.

Bir Uygulama Nasıl Tasarlanır

(İyi Tasarım Örnekleri ile)

Tomas'a girin:

Bu yazımda sizlere harika mobil uygulama tasarımlarından bazı örnekler paylaşmak istiyorum. Özellikle, harika bir uygulama oluşturmak için bir araya gelen unsurlar.

Uygulama Örnekleri – Başlatma Ekranı

Başlatma ekranı her bir uygulama kullanıcısı tarafından görülecek ve birkaç saniye sürecektir, ancak iyi bir ilk izlenim bırakmak ve bazı beklentiler belirlemek çok önemlidir.

Uygulama hakkında bir şeyler anlatan bir arka plan resmi kullanın, onu temiz ve iyi bir marka haline getirin. Yükleme süresini kısaltmak için başlatma ekranınızın boyutunu minimumda tutun.

Instagram ve Yummly'den Hyperlapse

Boş Durumlar

Bir kullanıcı uygulamanızı ilk kez indirdiğinde, görecek verileri olmaz. Buna boş ekran denir.

Bu noktada uygulamanızın amacını açıklamanız ve onları uygulamanızı ilk kez kullanmaya yönlendirmeniz gerekir. Aksi takdirde kafaları karışır ve bir daha asla geri dönmeyebilirler.

Airbnb ve Flipboard

Uygulama Örnekleri – Giriş ekranları

Kullanıcı adlarını unutun. Bunun yerine bir e-posta adresi kullanın.

Onlara mevcut platformlarla giriş yapma seçeneği vererek giriş sürecini kolaylaştırın. Hedef kitlenize bağlı olarak Google, Facebook ve hatta LinkedIn olabilir.

SoundCloud ve Foursquare

Uygulama Örnekleri – Etkinlik Akışları

İlgi çekici ve sürükleyici bir etkinlik akışı tasarlarken bağlamı göz önünde bulundurun ve oyunlaştırma ilkelerini kullanın.

Uygunsa tarih, saat ve konum gibi temel verileri sağlayın. Daha çok bir oyun gibi yapmak için, arayüzü daha çekici hale getirmek için sayıları, harekete geçirme düğmelerini ve küçük simgeleri kullanın.

Foursquare & Behance'den Swarm

Uygulama Örnekleri – Kayıt Ekranları

Kaydolma süreciniz karmaşıksa, kullanıcılar ayrılacaktır.

Mümkün olduğunca basitleştirin. Yalnızca gerekli bilgileri ekleyin ve hatta Facebook veya Twitter gibi kullanıcı bilgilerini depolayan diğer ağları kullanmayı önerin.

Spotify ve Çevre

Çıkış yapmak

Ödeme, mobil uygulamalarda tasarlaması zor bir özelliktir.

Bir bakışta çok fazla bilgi sunmalı ve bir sonraki adıma yönelik rehberlik sağlamalıdır. Verileri önceliklendirin ve gruplar halinde sunulabilecek parçalara ayırın.

Örneğin teslimat adresi ve ödeme bilgileri iki grup oluşturabilir, fiyatlandırma ve indirimler başka bir grup vb. Müşterilerinizi bunaltmamak için sürecinizi düzenleyin.

Hedefle ve Alışverişe Devam Et

Yorumlar

Yorumlar, topluluk oluşturmak veya diğer kullanıcılara uygulamanızın katılmaya değer olduğunu göstermek için iyidir.

Yorumları tasarlarken, okunabilirlik ve bağlam (yani profil resimleri, adlar ve tarihler), "canlı" görünen bir uygulama topluluğu ekosistemi sağlamak için en önemli faktörlerdir.

Yol ve Tripstr

Aramak

Arama, kullanıcı tarafından oluşturulan içerik ve diğer veri ağırlıklı uygulamalar için önemli bir özelliktir.

Kullanıcı deneyimini iyileştirmek ve kullanıcıyı memnun etmek için bağlam ve akıllı öneriler sağlayın. İlgili filtreleme seçeneklerinin eklenmesi, arama sürecini önemli ölçüde iyileştirebilir ve müşteri mutluluğuna yol açabilir.

Inbox by Gmail & Lovely

Paylaşım

Paylaşım, kullanıcıların ürününüz hakkında bilgi yaymasına olanak tanıdığından, herhangi bir uygulama için önemli bir özelliktir.

Belirgin paylaşım simgeleri ekleyerek ve farklı ağlar arasında hızlı paylaşıma izin vererek uygulamanızı veya içeriğinizi paylaşmayı kolaylaştırın.

Bahar ve Jukely

okunabilirlik

Küçük cihazlarda okunabilirlik zordur. Yazıyı çok büyük veya çok küçük yapmak kolaydır.

Kontrast, yazı boyutu ve satır yüksekliğine odaklanın. Yazı tipinizin ideal boyutta olduğundan ve kolayca okunabilir olduğundan emin olun. Beyaz zemin üzerine siyah metin iyidir.

Okunabilirlik ve Besleme

Navigasyon

Navigasyon, her türlü uygulama için son derece önemlidir.

Hedef kitlenizin farklı kesimleri için kolay ve anlaşılır hale getirin. Kullanıcıların diğer uygulamalardaki gezinme jargonuna aşina olması için basit kopya kullanın. Gezinmeniz için bir bağlam sağlamak için simgeleri ve negatif alanı kullanın ve yalnızca gerekli bağlantıları ekleyin.

Facebook ve LinkedIn Bağlantılı

Ayarlar

Ayarlar ekranları heyecan verici olmadıkları için genellikle gözden kaçar, ancak en çok kullandığınız ekranlardan biri olacaktır.

Simgeleri kullanın, farklı ayar gruplarını bölücüler veya negatif boşluklarla ayırın ve kullanıcıların daha sonra ne yapacaklarına karar vermeleri için hızla gezinmelerine yardımcı olun. Ayrıca, kullanıcıların dokunuşları kaydedebilmesi için yerel geçiş düğmelerini kullanarak hızlı seçenekler sağlayın.

Onay işareti 2 ve YPlan

Bildirimler

Bildirimler, kullanıcıların uygulamanıza geri dönmeye devam etmesinin nedenidir.

Bu bildirimleri açık ama çok sinir bozucu değil. İnsanlar neler olup bittiğini bilmeli ama bunalıma girmek istemiyorlar. Yeni olan şeyleri tasvir etmek için ince renk göstergeleri ve sayılar sağlayın.

Gogobot ve Vurgu

Mesajlar

Mesajlaşma veya sohbet işlevleri de ortak bir özelliktir. Bir mesajlaşma sistemi tasarlarken, her şey iletişim ve bağlamla ilgilidir.

Kullanıcıların daha uzun mesajları okuyabilmeleri ve gönderi tarihini, saatini, konumu ve ilgili diğer bilgileri ekleyebilmeleri için tür boyutunu optimize edin.

Mesajlaşma günümüzde tamamen multimedya ile ilgilidir. Kullanıcılara fotoğraf, video, ses, surat ve eski tarz metinler ekleyerek iletişim kurma seçeneği sunun.

Facebook Messenger ve Yol Konuşması

Profil

Birçok uygulama, kullanıcıların bir hesap oluşturmasına ve hikayeleri veya etkinlikleri bu profil etrafında depolamasına olanak tanır.

Sosyal medya, alışveriş veya başka bir uygulama olsun, profil sayfalarının net ve kullanıcılar için çekici hale getirilmesi çok önemlidir.

Kullanıcı profili fotoğrafını ve adını vurgulayın. Ayrıca, kullanıcıların kullanıcının ne kadar aktif veya saygın olduğunu görebilmeleri için ilgili bilgileri ve istatistikleri sağlayın.

Ön Yüz ve Quora

Çözüm

Listelediğim tüm uygulamalardan da görebileceğiniz gibi, kazanan bir uygulama tasarlarken dikkate alınması ve ustalaşması gereken çok şey var.

Herkes bir uygulama tasarlayabilir, ancak bu alanda deneyimi olan ve tüm bilgileri ve en iyi uygulamaları uygulayabilen bir tasarımcıyı işe almak önemlidir.

Küçük şeyler uygulamanızı bozabilir veya bozabilir. Harika bir uygulama tasarlamanın inceliklerini anlamayan birini işe alarak zamanınızı ve paranızı riske atmayın.