Mock Data ile Çalışma

Kuika'da Arayüz Tasarımına Giriş

About this lesson

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.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

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.

Mock data, yeni bir uygulama geliştirirken ekran tasarımı aşamasında kullanılan yer tutucu metinler ve görsellerdir. Bu geçici veriler, uygulamanın son halinin nasıl görüneceğini planlamak ve test etmek için kullanılır.

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.

Dosyalar

No items found.

Kaynaklar

No items found.

Sözlük

No items found.

Ödev

E-Posta Tasarımı
Email Builder Temelleri
Şablonların Kullanımı
Yeni Email Tasarımı
Mobil Arayüz Geliştirme
Mobil Ekran Tasarımlarına Giriş
Tabbar Tasarımı
Dashboard Ekran Tasarımım
Form Ekranının Tasarlanması
Listeleme Ekran Tasarımım
Detay Ekran Tasarımı
Mobile UI Prototipleme
Web UI Prototipleme
Aksiyonlarla Çalışmak
Navigasyonlarla Çalışma
Ekran Gösterim Tipleri
Web Prototip Hazırlama
Notify Ekleme
Preview Alma
Web Arayüz Tasarımına Giriş
Web Ekran Tasarımlarına Giriş
Registration Ekran Tasarımı
Header Tasarımı
Master Ekranlarla Çalışma
Menü Tasarımı
Dashboard Ekran Tasarımı
Listeleme Ekran Tasarımı
Form Ekran Tasarımı
Display Ekran Tasarımı
Elementler
Container Elementler
Date and Time Input Elementler
Display Elementler
Text Input Elementler
Numeric Input Elementler
Select Input Elementler
Data Elementler
Navigation Elementler
Interactive Elementler
Chart Elementler
Kuika'da Arayüz Tasarımına Giriş
Kuika Platformu'nda Kullanıcı Deneyimi
Uygulama Arayüz Tasarımı Süreci
Renklerle Çalışma
Boşlukların Tanımı
Yazı Stilleriyle Çalışma
Kompleks Stillerle Çalışma
Mock Data ile Çalışma
Konsept Tasarımı
Wireframe İlk Fikrin Görselleştirilmesi
Konsept Tasarımlarının Hazırlanması
UX Tasarımı
Kullanılabilirlik İlkeleri
Temel Tasarım İlkeleri
Bilgi Mimarisi
Ekranlar Arası Akış
Analiz ve Planlama
Proje Kapsamını ve Hedeflerini Tanımlama
Analiz Dokümanının Okunması
Örnek Diagramlarla Akış Okuma ve İhtiyaçların Tanımlanması
Projenin Planlanması
Designer Eğitim Seti Giriş
Low-Code Nedir?
Kuika Nedir?
Kuika ile Neler Yapabilirsin?
Platform Arayüzünü İnceleyelim
Öğrenim Sürecini Anlamak