Temel olarak projenizi sunum haline getirme yönteminiz oldukça başarılı. Ufak dokunuşlar konusunda gözüme çarpanları aktarmak istedim.

Bu şekilde başlık ve slogan kullanımlarında renkler ve yazılar arasındaki oran çok önemlidir. Genellikle sloganın logonun önüne çıkması istenmez. Bunu çeşitli örneklerde gözlemleyebilirsiniz. Logo ise bilinirliği desteklemek amaçlı kullanılacak olan dışında bir versiyon kullanılmaz. (Tabak konusu)

Bu örnekte sloganın rengi logonun önüne geçmiş ve neredeyse logodan daha fazla dikkat çekiyor.

Minimalizm ve mesajı doğru iletmek kalp biz. :)

Renk paletini belirlemek ve bu palete sadık kalmak oldukça önemli. Yukarıda renk paletini belirlemişsiniz fakat beyaz hariç 5 renk hem çok kafa karışıklığı yaratır hem kullanımı zordur.

Daha az renkle çok başarılı uyumlar yapmak hem daha eğlenceli hemde daha kolay olacaktır. Bu renk paleti çok silik duruyor. Kullanıcıyı harekete geçrirecek, projeye uygun bir renk paletini seçerek uygun oranlarda uygulamak gerekiyor. Burada ayrıca arkaplanı yeşile çalan kırık bir beyaz kullanmışız. Yanlış bir uyum olmuş. Fakat zaten bu zaman içerisinde çalışmaları inceleyip gözlemledikçe kolayca geliştirebileceğiniz bir yetenektir.

Yazıları bu kadar kenara yapıştırmak kesinlikle çok sıkıntılı bir yaklaşım. En azından kenarlardan %5'er boşluğu bırakmanız, sıkışmışlık hissini ortadan kaldıracaktır.

Kullanım konusunda bir itirazım yok, olabilir. Fakat uzun zamandır karşılama sayfalarında ya register ya da login inputlarını hazır olarak yayınlarız. Çünkü kullanıcıya daha ilk aşamada çaba harcamadan eyleme geçmesini isteriz genellikle. Eğer uygulama yeni piyasaya sürüldüyse direkt register, uzun zamanlar geçirdiyse login ekranıyla karşılaştırırız. Ama bu kesin kural değildir. Çok büyük kullanıcı sayısına ulaşan bazı uygulamalar da bu ekranda direkt register kalmasını taktik olarak isteyebiliyorlar.

Burada kullandığınız illustrasyonların hizalaması eşit değil. Sıra sıra kullanıcı bu sayfalar arasında gezerken bir bütünlük hissi oluşturması gerekir. Bu tarz sayfa geçişlerini de dikkate almanızda fayda var.

Mobil ekranı düşündüğümüzde inputlar biraz küçük göründü. Tam emin olamamakla beraber kenar boşluklarını bu kadar açık kullanmamak yararlı olabilir.

4 tarafı border ile kaplanmış inputlar yine sıkışıklık hissi yaratıyor gibi duruyor. Google'ın material design anlayışındaki input mantığı ile labelları sol üst çizginin üzerine yerleştirmek bile ferahlık hissi verecektir. Bunlar tamamen göreceli olmakla beraber bu alanın tekrar çalışılmasında fayda var.

Ayrıca mobilde forgot linkine tıklamak boyut nedeniyle biraz zor olabilir. Çok büyümesine gerek yok elbette ama yerleşimlerinin düzenlenmesi yararlı olacaktır.

Son olarak login butonu bu alandan çok uzak kalmış. Register alanı butonun altına alınıp bu sorundan kurtulabilirsiniz fakat yinede daha farklı tarzlara odaklanmak, ilham almak çok önemli.

Tasarımın bütünlüğü hayati öneme sahip. Kullandığımız yazıların, başlıkların şekilleri, renkleri ve çeşitli özellikleri ne birbirini aşırı tekrar etmeli, nede apayrı konum ve yerleşimde olmalı. Bu konuda da daha fazla çalışma incelemenizi öneririm. Sürekli farklı yapı gördüğü zaman kullanıcı sürekli anlamaya çabalama modunda kalır ve bu da çok istediğimiz bir şey değil.

Tasarımlarımızda beyaz alanın kullanımı çok önemli. Her yeri dolduracağız diye bir şey kesinlikle yok. Belirli bir denge ile mutlaka dengeyi oluşturmak zorundayız.

Fakat bu alanda fazlasıyla boş alan kalmış gibi görünüyor ve tasarımla bütünleşmemiş. Bunun yerine tamamen ilk aklıma geleni söylüyorum: Cook Mood yerine "Cook" kalsa, Hello eva Sağ üst tarafa hizalansa, hamburger menü eklense ve arama butonu konsa daha toplu ve anlaşılır bir header olmaz mı?

Search bar eğer google gibi sürekli kullanılması gereken bir input değil ise yer kaplamasına gerek yok. Buton olarak kullandırabiliriz. Ayrıca her zaman hamburger menüyü kullanıcılarımız istemsizce arayacaklardır. Sadece alttaki menü geçişlerinden yönlendirmek yeterli olmayabilir. (Bu konu tartışmalı tabi ki. Ama asıl isteğiniz sizin kullanıcılara ne sunup neyi yapmaya teşvik edeceğiniz.)

Bu alanda da yine yukarıda söylediğim uyum sorunuyla karşılaşıyoruz. Categories gibi bir başlığımız var ve altında yer alan kaydırılabilir kategori başlıklarımız asıl başlıktan çok daha büyük. Bu doğru bir kullanım değil.

Ayrıca kategorilerin kategori olduğunu kullanıcı muhtemelen anlayacaktır. Bu alanda başlık kullanma ihtiyacımız gerçekten var mı onu düşünmek gerekebilir.

Kategori kenarlıkları konusunda da genel tasarıma uygun fakat içe kapalı bir tasarım algısı yaratıyor. Tarz olarak daha ferah bir yapı kolaylıkla tasarlanabileceğini düşünüyorum.

Bu kadar küçük içeriklerin görülmesi pek kolay olmaz. Ayrıca görselden kaynaklı fon ile aynı renge dönüşme durumu söz konusu olduğunda özellikle imkansız.

Bu alanda vermeniz gereken yeterli bilgi ne kadarsa fazlasını vermekten kaçının.

Şuna karar verin: Kaç dakikada yapıldığı mı önemli, başlığı mı önemli yoksa aldığı yıldız mı? Ya da hepsi olacaksa bu alanı nasıl daha efektif ve uygun yerleştirebilirim? Ya da kayan görseller yerine bu alana daha farklı bir şey mi yaparsak tüm içerikleri daha net gösterebiliriz?

Görsellerin kullanımında da tasarımın bütüncül olması için belki yine kenarlık ve kenar boşluğu kullanmış olabilirsiniz. Fakat kullanıcı her zaman ferah görünümlere hasrettir. Bunun yerine kenar boşluğu olmayan ve hatta üstte de beyaz boşluk olmadan komple status barı da içerisine alan bir fotoğraf alanı daha mı yardımcı olur?

Eğer bu söylediğim şekilde kullanırsak paylaş ve geri butonu + başlığı nasıl gerektiği kadar vurgulayabilirim? Bunların üzerinde iyi bir düşünmek gerekiyor ve her şey karar meselesi.

Yine kenarlıklarla hapsolmuş bir alanla karşı karşıyayız. Bölümleri birbirinden algısal olarak kopartmak istiyor olabilirsiniz. Bunun için arkaplanla aynı arkaplanı paylaşan bir ada yerine arkaplandan farklı bir arkaplan rengi olan adaları tercih edebilirsiniz. Ya da kenarlıkları kaybedip içeriklerinizi dilediğiniz hizalama yöntemi ile izalayıp istediğiniz algıyı yaratabilirsiniz.

Özellikle arayüz tasarımlarında aynı elementlerin birbirleri arasında farklı boşlukların olması düşünülemez. Çalışmanızı yaparken mutlaka bu kurallara uygun gruplama ve hizalamalar ile gitmeyi bir alışkanlık haline getiriniz.

Tasarımda bütünlük ilkesi gereği yazı boyutlarının da belli bir mantıksal sıralaması olması şarttır. İlle bire bir olmak zorunda olmamakla birlikte bu alanda bu şekilde kullandığınız punto büyüklükleri reviews alanında çok daha küçük kullanmanız bir hata olarak göze çarpıyor. Belirttiğim gibi bunun doğrusu yok. Tamamen sizin oranlamalarınızla oluşturacağınız bir standart sorunu kökten çözecektir.

Son olarak mockup olsa bile kullanılan butonların yerleşimleri gerçeğe uygun olmak zorundadır. Bildiğiniz üzere bu alanda telefonların status bar dediğimiz sat, hücresel bilgi, operatör adı vb. içerikler oluyor. Bu içeriklere göre kendi oluşturacağımız içerikleri de mutlaka anlaşılır şekilde yerleştirmemiz şarttır.

Profil bölümüne tıkladığımızda açılan bu alanda da direkt hamburger menü içeriğinin yerleştirildiğini görüyorum. Profil dediğimizde daha çok içeriklerin yer aldığı bir alanı görmesi (örnek; sosyal medya profilleri) beklenir.

Diğer anlamda da boş alanın çok fazla olduğunu, menülerin temel tasarıma bakıldığı zaman farklı bir mentalitede olduğunu gözlemliyorum.