Kuika Platformu'nda Kullanıcı Deneyimi

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

About this lesson

Kuika, internet tarayıcısı üzerinden erişilebilen bulut tabanlı, az kodlu bir uygulama geliştirme platformudur. Uygulama geliştirme sürecinizde ihtiyaç duyabileceğiniz arayüz tasarımı, veri kaynakları veya iş akışı gibi modüllerden oluşan, hepsi bir yerde bir platformdur. Her bir modülde, geliştirdiğiniz uygulamanın farklı bir katmanı üzerinde çalışırsınız. 

Workspace'de hem uygulamaları hem de kullanıcıları yönetebilirsiniz. Bir uygulama açıldığında, geliştirme modülleri ekranın üst kenarında görüntülenir. UI Design modülü ile ekran tasarımlarınızı ve veri bağlantılarınızı yapabilirsiniz. ManagedDB, MSSQL, Swagger, Open API, C# ve Bluetooth gibi çeşitli veri kaynaklarını bağlayabilirsiniz. Uygulama içindeki süreçleri yönetmek için Workflow modülünü kullanabilirsiniz. Burada hazırladığınız akışlardan ekranlara veya ekranlardan iş akışına bağlantılar sağlayabilirsiniz. Uygulama son kullanıcılarına gönderilecek e-postaların tasarımlarını yapabilir, oluşturulacak PDF raporlarını hazırlayabilirsiniz. Geliştirdiğiniz uygulama içindeki rapor gönderimi gibi periyodik işler için zamanlama tanımı yapabilirsiniz. Uygulamanızı kullandığınız diğer sistemlere veri kaynağı olarak ekleyebilir, uygulamanın üretiminde kullanılacak özellik ve ayarlamaları da Configuration Manager ile yapabilirsiniz.

Hangi modülde olursanız olun, açık olan Canvas'a eklenebilecek içerikler için sol taraftaki panelleri kullanabilirsiniz. Sağda ise açık Canvas'taki seçili elementin veya alanın ayarlarını yaptığınız paneller bulunur. Sol kenardaki listeleme panellerini incelediğimizde, panel adı yanındaki buton ile arama alanını açabilirsiniz. Liste içerikleri, ön tanımlı olarak veya sizin özelleştirmeleriniz doğrultusunda gruplandırılmış olabilir. Bu tür alanları genişletebilir, daraltabilirsiniz. Listeleme panellerinde, çoğunlukla başlık alanında veya alt grup başlıklarında + ikonu ile yeni içerik ekleme bağlam menülerine ulaşabilirsiniz. 

Listeleme alanlarında ve özellikle ekran tasarım sürecinde, sürükle-bırak metoduyla ilgili düzenlemeyi veya ekleme işlemini yapabilirsiniz. Elements panelinden bir elementi ekrana sürükle bırak ile ekleyebilir, yine eklenmiş elementleri birbirleri içine eklemek veya çıkarmak için sürükle-bırak metodunu kullanabilirsiniz.

Eklediğiniz aksiyon içeriğindeki parametrelere tanımlama yapabilmek için Symbol Picker kullanılır. Buradaki seçimlerde, ekrana eklenen elementler veya tanımlanan diğer aksiyonların işlem sonuçlarına göre tanımlamalar da yapılabilir.

Arayüzde görüntülediğiniz detay menüsü (dot-dot-dot ikon) ilgili alana dair bağlamsal ek işlemlere ait menüyü açar. Buradaki seçimlerinize göre, yardımcı diğer işlemleri yapabilirsiniz.

Arayüzde görüntülenen Info ikonları üzerine geldiğinizde ilgili alana ait bir yardımcı metin gösterir. Daha fazla bağlantısına tıkladığınızda ise kullanıcı kılavuzundaki ilgili içeriği yeni bir sekmede açacaktır.

Platformu kullanım sürecinizde yardıma ihtiyacınız olan herhangi bir işlem için destek ekibimize yazabilirsiniz. Yardıma ihtiyacınız olan konular için hem işlem yönlendirmeleri hem de kullanıcı kılavuzu taraflı ek alanları sizlerle paylaşıyor olacağız.

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

Kuika, internet tarayıcısı üzerinden erişilebilen bulut tabanlı, az kodlu bir uygulama geliştirme platformudur. Uygulama geliştirme sürecinizde ihtiyaç duyabileceğiniz arayüz tasarımı, veri kaynakları veya iş akışı gibi modüllerden oluşan, hepsi bir yerde bir platformdur. Her bir modülde, geliştirdiğiniz uygulamanın farklı bir katmanı üzerinde çalışırsınız. 

Workspace'de hem uygulamaları hem de kullanıcıları yönetebilirsiniz. Bir uygulama açıldığında, geliştirme modülleri ekranın üst kenarında görüntülenir. UI Design modülü ile ekran tasarımlarınızı ve veri bağlantılarınızı yapabilirsiniz. ManagedDB, MSSQL, Swagger, Open API, C# ve Bluetooth gibi çeşitli veri kaynaklarını bağlayabilirsiniz. Uygulama içindeki süreçleri yönetmek için Workflow modülünü kullanabilirsiniz. Burada hazırladığınız akışlardan ekranlara veya ekranlardan iş akışına bağlantılar sağlayabilirsiniz. Uygulama son kullanıcılarına gönderilecek e-postaların tasarımlarını yapabilir, oluşturulacak PDF raporlarını hazırlayabilirsiniz. Geliştirdiğiniz uygulama içindeki rapor gönderimi gibi periyodik işler için zamanlama tanımı yapabilirsiniz. Uygulamanızı kullandığınız diğer sistemlere veri kaynağı olarak ekleyebilir, uygulamanın üretiminde kullanılacak özellik ve ayarlamaları da Configuration Manager ile yapabilirsiniz.

Hangi modülde olursanız olun, açık olan Canvas'a eklenebilecek içerikler için sol taraftaki panelleri kullanabilirsiniz. Sağda ise açık Canvas'taki seçili elementin veya alanın ayarlarını yaptığınız paneller bulunur. Sol kenardaki listeleme panellerini incelediğimizde, panel adı yanındaki buton ile arama alanını açabilirsiniz. Liste içerikleri, ön tanımlı olarak veya sizin özelleştirmeleriniz doğrultusunda gruplandırılmış olabilir. Bu tür alanları genişletebilir, daraltabilirsiniz. Listeleme panellerinde, çoğunlukla başlık alanında veya alt grup başlıklarında + ikonu ile yeni içerik ekleme bağlam menülerine ulaşabilirsiniz. 

Listeleme alanlarında ve özellikle ekran tasarım sürecinde, sürükle-bırak metoduyla ilgili düzenlemeyi veya ekleme işlemini yapabilirsiniz. Elements panelinden bir elementi ekrana sürükle bırak ile ekleyebilir, yine eklenmiş elementleri birbirleri içine eklemek veya çıkarmak için sürükle-bırak metodunu kullanabilirsiniz.

Eklediğiniz aksiyon içeriğindeki parametrelere tanımlama yapabilmek için Symbol Picker kullanılır. Buradaki seçimlerde, ekrana eklenen elementler veya tanımlanan diğer aksiyonların işlem sonuçlarına göre tanımlamalar da yapılabilir.

Arayüzde görüntülediğiniz detay menüsü (dot-dot-dot ikon) ilgili alana dair bağlamsal ek işlemlere ait menüyü açar. Buradaki seçimlerinize göre, yardımcı diğer işlemleri yapabilirsiniz.

Arayüzde görüntülenen Info ikonları üzerine geldiğinizde ilgili alana ait bir yardımcı metin gösterir. Daha fazla bağlantısına tıkladığınızda ise kullanıcı kılavuzundaki ilgili içeriği yeni bir sekmede açacaktır.

Platformu kullanım sürecinizde yardıma ihtiyacınız olan herhangi bir işlem için destek ekibimize yazabilirsiniz. Yardıma ihtiyacınız olan konular için hem işlem yönlendirmeleri hem de kullanıcı kılavuzu taraflı ek alanları sizlerle paylaşıyor olacağız.

Kuika, az kod ile çalışan, bulut tabanlı bir uygulama geliştirme platformudur, tasarım, veri bağlantısı ve iş akışı gibi modüller sunar. Kullanıcılar, tasarım yapabilir, veri kaynaklarına bağlanabilir ve uygulama içi süreçleri yönetebilir. Kolay içerik ekleme ve kullanıcı dostu arayüzü ile uygulama geliştirmeyi basitleştirir.

Kuika, internet tarayıcısı üzerinden erişilebilen bulut tabanlı, az kodlu bir uygulama geliştirme platformudur. Uygulama geliştirme sürecinizde ihtiyaç duyabileceğiniz arayüz tasarımı, veri kaynakları veya iş akışı gibi modüllerden oluşan, hepsi bir yerde bir platformdur. Her bir modülde, geliştirdiğiniz uygulamanın farklı bir katmanı üzerinde çalışırsınız. 

Workspace'de hem uygulamaları hem de kullanıcıları yönetebilirsiniz. Bir uygulama açıldığında, geliştirme modülleri ekranın üst kenarında görüntülenir. UI Design modülü ile ekran tasarımlarınızı ve veri bağlantılarınızı yapabilirsiniz. ManagedDB, MSSQL, Swagger, Open API, C# ve Bluetooth gibi çeşitli veri kaynaklarını bağlayabilirsiniz. Uygulama içindeki süreçleri yönetmek için Workflow modülünü kullanabilirsiniz. Burada hazırladığınız akışlardan ekranlara veya ekranlardan iş akışına bağlantılar sağlayabilirsiniz. Uygulama son kullanıcılarına gönderilecek e-postaların tasarımlarını yapabilir, oluşturulacak PDF raporlarını hazırlayabilirsiniz. Geliştirdiğiniz uygulama içindeki rapor gönderimi gibi periyodik işler için zamanlama tanımı yapabilirsiniz. Uygulamanızı kullandığınız diğer sistemlere veri kaynağı olarak ekleyebilir, uygulamanın üretiminde kullanılacak özellik ve ayarlamaları da Configuration Manager ile yapabilirsiniz.

Hangi modülde olursanız olun, açık olan Canvas'a eklenebilecek içerikler için sol taraftaki panelleri kullanabilirsiniz. Sağda ise açık Canvas'taki seçili elementin veya alanın ayarlarını yaptığınız paneller bulunur. Sol kenardaki listeleme panellerini incelediğimizde, panel adı yanındaki buton ile arama alanını açabilirsiniz. Liste içerikleri, ön tanımlı olarak veya sizin özelleştirmeleriniz doğrultusunda gruplandırılmış olabilir. Bu tür alanları genişletebilir, daraltabilirsiniz. Listeleme panellerinde, çoğunlukla başlık alanında veya alt grup başlıklarında + ikonu ile yeni içerik ekleme bağlam menülerine ulaşabilirsiniz. 

Listeleme alanlarında ve özellikle ekran tasarım sürecinde, sürükle-bırak metoduyla ilgili düzenlemeyi veya ekleme işlemini yapabilirsiniz. Elements panelinden bir elementi ekrana sürükle bırak ile ekleyebilir, yine eklenmiş elementleri birbirleri içine eklemek veya çıkarmak için sürükle-bırak metodunu kullanabilirsiniz.

Eklediğiniz aksiyon içeriğindeki parametrelere tanımlama yapabilmek için Symbol Picker kullanılır. Buradaki seçimlerde, ekrana eklenen elementler veya tanımlanan diğer aksiyonların işlem sonuçlarına göre tanımlamalar da yapılabilir.

Arayüzde görüntülediğiniz detay menüsü (dot-dot-dot ikon) ilgili alana dair bağlamsal ek işlemlere ait menüyü açar. Buradaki seçimlerinize göre, yardımcı diğer işlemleri yapabilirsiniz.

Arayüzde görüntülenen Info ikonları üzerine geldiğinizde ilgili alana ait bir yardımcı metin gösterir. Daha fazla bağlantısına tıkladığınızda ise kullanıcı kılavuzundaki ilgili içeriği yeni bir sekmede açacaktır.

Platformu kullanım sürecinizde yardıma ihtiyacınız olan herhangi bir işlem için destek ekibimize yazabilirsiniz. Yardıma ihtiyacınız olan konular için hem işlem yönlendirmeleri hem de kullanıcı kılavuzu taraflı ek alanları sizlerle paylaşıyor olacağız.

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