Başlarken
Mobil uygulama tasarımına başlamak için iyi bir nokta, platform kılavuzlarını öğrenmektir. Hem iOS hem de Android, uygulamanızın nasıl görünmesi ve davranması gerektiğini belirten kendi tasarım kalıplarıyla gelirler.
Kılavuzlar, kullanıcınızla aynı görsel dili konuşmanıza yardımcı olur. Uygulamanızın yerelleşmiş gibi hissettirmesini ve tanıdık bir deneyim sunmasını sağlarlar.
Onları ne kadar takip edeceğiniz size kalmış. Airbnb ve Uber gibi büyük uygulamalar, benzersiz bir görsel stil sunarken yerelmiş gibi hissettirir. Ancak daha önce hiç uygulama tasarlamadıysanız, onları mümkün olduğunca yakından takip etmenizi öneririm. Her platformun hissiyatını anlamanıza yardımcı olur.
iOS Kılavuzları
iOS kılavuzları, Apple'ın geniş tasarım kılavuzlarının bir parçası olan İnsan Arayüz Kılavuzu (HIG) kapsamındadır. Apple ekosistemi için sezgisel ve görsel olarak çekici arayüzler tasarlamak için bir plan sunar. HIG, sadelik, kolay gezinme, metin okunabilirliği, UI öğelerinin sezgisel kullanımı ve içeriğe odaklanmayı savunur.
Başlamak için bu 6 dakikalık WWDC videosunu ve web sitelerini incelemenizi öneririm. iOS’un UI kitine derinlemesine dalmak ve farklı bileşenleri birleştirerek oynamak başka harika bir yoldur.
Android Kılavuzları
Apple gibi, Google da Materyal Tasarım adı verilen kendi tasarım dili ve kalıplarına sahiptir. Bilgi ve eylemleri hiyerarşiye sokmak için cesur renkler, grafik öğeleri ve hareket kullanmayı teşvik eder.
Materyal, öğelerin önemini yükseklik ve gölgelerle ifade etmek için derinlik kullanır. Bu yaklaşım, dokunmaya fiziksel dünyayı taklit eden şekilde yanıt veren görsel ipuçları ile uygulamaları daha sezgisel hale getirmeyi hedefler.
Google, kılavuzları keşfetmek ve bileşenler hakkında bilgi edinmek için özel bir web sitesi oluşturmuştur.
Tasarım Araçları
Bir ressamın fırçalara ve tuvale ihtiyaç duyduğu gibi, bir uygulama tasarımcısı da doğru araçlara ihtiyaç duyar. Figma ve Sketch, tasarımcılar için başlıca editörler haline geldi. Öğrenme eğrileri oldukça yüksektir ama ustalaştığınızda güçlü işlevsellik sunarlar.
Her ikisi de vektör tabanlıdır ve ikonlardan karmaşık çok ekranlı arayüzlere kadar her şeyi tasarlayabilirsiniz. Her iki platform da zengin bir eklentiler ekosistemine sahip. Figma tarayıcı tabanlıdır ve herhangi bir Mac ve PC'de kullanılabilir, Sketch ise Mac'te yerel bir uygulama olarak mevcuttur.
Önerdiğim bir diğer araç ise Banani. Basit metin komutlarından mobil uygulamaların kullanıcı arayüzünü oluşturan bir AI. Saatlerce düzenleme yazılımı öğrenmeye gerek olmadan dakikalar içinde farklı fikirler keşfedebilirsiniz.
Uygulama tasarlarken kesinlikle ikonlara ihtiyacınız olacak. Apple, SF Symbols adlı özel bir uygulama yayımladı. Projeniz için hayal edebileceğiniz veya ihtiyaç duyabileceğiniz herhangi bir ikonu bulabilirsiniz.
UX Temelleri
Her arayüz tasarımı gibi, iyi mobil tasarım da kullanıcı sorunlarını en iyi şekilde çözmekle ilgilidir. Bir uygulama, tutarlı bir görünüm ve hissiyat sağlamalı, basit ve doğrudan bir dil kullanmalı ve kullanıcıların eylemlerine anında geri bildirim sağlamalıdır.
Nngroup, tasarım kalıplarını, bilgi mimarisini, etkileşim tasarımını ve birçok diğer UX ile ilgili konuları öğrenmek için harika bir kaynaktır.
Growth.design, etkileşimli çizgi romanlar şeklinde muhteşem bir vaka çalışmaları koleksiyonuna sahiptir. Her gün kullandığımız uygulamalara daha yakından bakarlar. Sezonlu bir tasarımcı olmama rağmen psikolojik prensipleri yeniden hatırlamak için sık sık oraya geri dönerim.
Unutmayın, ekrandaki her tasarım öğesi bir amaca hizmet eder. Renk seçiminden tipografiye kadar. Öğelerin, kullanıcıyı uygulama boyunca yönlendirerek, karmaşık olanı basit hissettirmesi gerekir.
İlham
Referans bulmak ve ilham dolu kalmak, her tasarım işinin büyük bir yönüdür. En iyi kalıpları bulmanıza yardımcı olur ve fikir akışını sürdüren bir etkendir.
Tasarımcılar çalışmalarını Dribbble ve Read.cv gibi platformlarda paylaşır. Referansların yanı sıra, tasarım topluluğuna harika bir giriş olabilirler. Arayüz tasarımına odaklanmasa da Pinterest, herhangi bir görsel ilham bulmak için harikadır.
Çoğu zaman, tekerleği yeniden icat etmek yerine yerleşik kalıpları yeniden kullanmak daha iyidir. Bu amaçla, Banani'yi öneririm. Başka uygulamalardan ilham ve başlangıç noktası olarak kullanabileceğiniz 100,000'den fazla ekranı olan bir koleksiyona sahiptir.
Özet
Tasarımın güzelliği, fikirlerinizin gerçeğe dönüşmesini izlemektir. Umarım bu makale, mobil uygulama tasarımına nereden başlayacağınız konusunda size genel bir bakış sağlamıştır :)
UX konusunda daha derinlemesine dalmak isterseniz, aynı zamanda UX tasarım yasaları ve prensipleri hakkında genel bir inceleme oluşturmuştum.
