Bu öğrenme içeriğinde, Mock data kavramını ve arayüz tasarımında mock data kullanımını inceleyeceğiz.

Yeni bir uygulama geliştirme sürecinde ekran tasarımı hazırlarken son tasarımının nasıl olacağını planlamak ve test etmek için kullandığınız yer tutucu metin ve görsel gibi içerikler mock data'yı oluşturmaktadır.

Bir örnekle bu konuyu daha yakından inceleyelim.

Kuika’da geliştirdiğiniz mobil bir projede Suggestions adıyla bir ekran tasarladığınızı varsayalım. Ekranın detaylarına baktığımızda en dışta bir GalleryView elementi bulunmakta. Bu element Data Repeater yapısına sahip olduğu için uygulamayı preview alıp web ortamında baktığınızda “No data found” mesajı ile karşılaşacaksınız. Bu mesaj DataRepeater ve Chart kategorisindeki elementlerde dinamik bir veri olmadığı durumlarda gösterilmektedir. Bunu çözmek için basit bir SQL ekleyerek örnek veri seti oluşturabilirsiniz.

Label, Image gibi elementlerde veri bağlamadan da yer tutucu olarak görmek istediğiniz içerikleri eklemeniz yeterli olacaktır. Henüz nasıl bir metinin gösterileceğini bilmediğiniz durumlarda “Lorem ipsum dolor sit amet.” gibi geçici bir metin ekleyerek Label elementini doldurabilirsiniz ya da veri kaynağından dinamik olarak kullanacağınız görselleri tasarıma eklemeden önce “Uploaded Image” bölümünden istediğiniz görseli temsili olarak ekleyebilirsiniz.

Tasarım sürecinde ihtiyacınıza uygun bir şekilde Mock Data ile çalışabilir ve eklediğiniz geçici verilerle uygulamanızı gerçek yaşam senaryosunda ön izleyebilirsiniz.