Başlarken
Mobil uygulama tasarımına başlarken iyi bir nokta, platform yönergelerini öğrenmektir. Hem iOS hem de Android, uygulamanızın nasıl görünmesi ve davranması gerektiğini tanımlayan kendi tasarım kalıplarına sahiptir.
Yönergeler, kullanıcılarınızla aynı görsel dili konuşmanıza yardımcı olur. Uygulamanızın native hissettirmesini ve tanıdık bir deneyim sunmasını sağlar.
Bunları ne ölçüde takip edeceğiniz size kalmış. Airbnb ve Uber gibi büyük uygulamalar, kendi özgün görsel stillerini korurken native hissi verir. Ama daha önce hiç uygulama tasarlamadıysanız, mümkün olduğunca yakından takip etmenizi öneririm. Bu, her platformu daha iyi anlamanıza yardımcı olur.
iOS Yönergeleri
iOS yönergeleri, Apple’ın daha geniş tasarım rehberinin bir parçasıdır: Human Interface Guidelines ya da HIG. Bunlar, Apple ekosistemi için sezgisel ve görsel olarak etkileyici arayüzler tasarlamanın yol haritasıdır. HIG; sadelik, kolay gezinme, metin okunabilirliği, UI öğelerinin sezgisel kullanımı ve içerik odağını savunur.
Başlamak için, bu 6 dakikalık WWDC videosunu izleyin ve web sitelerini inceleyin. Bir diğer iyi yöntem de iOS UI kit’ine derinlemesine girip farklı bileşen kombinasyonlarıyla denemeler yapmaktır.
Android Yönergeleri
Apple gibi Google’ın da Material Design adı verilen kendi tasarım dili ve kalıpları var. Bilgi ve eylem hiyerarşisi oluşturmak için cesur renkleri, grafik öğeleri ve hareketi kullanmayı teşvik eder.
Material, öğelerin önemini yükselti ve gölgelerle derinlik üzerinden aktarır. Bu yaklaşım, dokunmaya fiziksel dünyayı taklit eden görsel ipuçlarıyla yanıt veren daha sezgisel uygulamalar hedefler.
Google, yönergeleri inceleyip bileşenleri öğrenebileceğiniz özel bir web sitesi oluşturdu.
Tasarım Araçları
Bir ressamın fırça ve tuvale ihtiyacı varsa, uygulama tasarımcısının da doğru araçlara ihtiyacı vardır. Figma ve Sketch, tasarımcıların en çok tercih ettiği editörler haline geldi. Öğrenme eğrileri epey yüksektir ama ustalaştığınızda güçlü işlevler sunarlar.
İkisi de vektör tabanlıdır; ikonlardan karmaşık çok ekranlı arayüzlere kadar her şeyi tasarlayabilirsiniz. Her ikisinin de geniş bir eklenti ekosistemi vardır. Figma tarayıcı tabanlıdır ve Mac ile PC’de kullanılabilir; Sketch ise yalnızca Mac’te yerel uygulama olarak bulunur.
Sonraki araç olarak mutlaka denemenizi önerdiğim uygulama Banani. Basit metin komutlarından mobil uygulama arayüzü üreten bir yapay zekâdır. Saatlerce düzenleme yazılımı öğrenmeden, dakikalar içinde farklı fikirleri keşfedebilirsiniz.
Uygulama tasarlarken mutlaka ikonlara ihtiyacınız olacak. Apple, SF Symbols adlı özel bir uygulama çıkardı. Bununla, projeniz için hayal edebileceğiniz ya da ihtiyaç duyabileceğiniz her ikonu bulabilirsiniz.
UX Temelleri
Her arayüz tasarımında olduğu gibi, iyi mobil tasarım da kullanıcı sorunlarını en iyi şekilde çözmekle ilgilidir. Bir uygulama tutarlı bir görünüm ve his sunmalı, sade ve doğrudan bir dil kullanmalı, kullanıcı eylemlerine anında geri bildirim vermelidir.
Nngroup, tasarım kalıpları, bilgi mimarisi, etkileşim tasarımı ve UX ile ilgili birçok konu için harika bir kaynaktır.
Growth.design, etkileşimli çizgi romanlar biçiminde harika vaka çalışmaları sunuyor. Günlük kullandığımız uygulamaları daha yakından inceliyorlar. Deneyimli bir tasarımcı olsam da, psikolojik ilkeleri tazelemek için sık sık oraya dönerim.
Unutmayın, ekrandaki her tasarım öğesinin bir amacı vardır. Renk seçiminden tipografiye kadar. Öğeler, kullanıcıyı uygulama içinde yönlendirmek için birlikte çalışmalı; karmaşığı basit hissettirmelidir.
İlham
Referans bulmak ve ilhamı canlı tutmak, her tasarım işinin önemli bir parçasıdır. En iyi kalıpları bulmanıza yardımcı olur ve fikir akışını korur.
Tasarımcılar çalışmalarını Dribbble ve Read.cv gibi platformlarda paylaşıyor. Referansların ötesinde, tasarım topluluğuna harika bir giriş de sunarlar. Arayüz tasarımına odaklanmasa da Pinterest, her türlü görsel ilhamı bulmak için mükemmeldir.
Çoğu zaman, sıfırdan icat etmek yerine yerleşik kalıpları yeniden kullanmak daha iyidir. Bu amaçla Banani’yi öneririm. Diğer uygulamalardan 100.000’den fazla ekran içeren bir koleksiyonu var; ilham ve başlangıç noktası olarak kullanabilirsiniz.
Özet
Tasarımın güzelliği, fikirlerinizin gerçeğe dönüşmesini görmektir. Umarım bu yazı, bir mobil uygulama tasarlamaya nereden başlayacağınız konusunda size genel bir bakış sunmuştur :)
UX’e daha derinlemesine inmek isterseniz, temel UX tasarım yasaları ve prensipleri hakkında bir özet de hazırladım.
