Ekran Gösterim Tipleri

Web UI Prototipleme

About this lesson

Kuika’da geliştirdiğiniz bir uygulamada ekranlar arasındaki geçişleri sağlamak için Navigate aksiyonu kullanılmaktadır. Navigate aksiyonu bir ekrandan başka bir ekrana geçişini sağlarken geçiş yöntemini yani ekran açılma biçimini sizin seçiminize bırakır.

Peki bu ekran açılma biçimleri nelerdir? Gelin detaylarına birlikte bakalım.

Eğer mevcut sekmede açık olan ekran üzerinde yeni bir ekran açmak istiyorsanız, Current Screen yöntemini kullanabilirsiniz.

Tarayıcınızda yeni bir sekmede başka bir ekranı açmak için New Tab seçeneğini tercih edebilirsiniz. Bu yöntem, kullanıcıların mevcut ekranlarından tamamen bağımsız bir şekilde yeni bir ekran açmalarını sağlayacaktır.

Açık olan mevcut ekranda başka bir ekranın daha pencere şeklinde açılmasını istiyorsanız, Drawer kullanımı idealdir. Drawer'lar, ekranın sağ, sol, üst veya alt kenarından kayarak açılır ve ekran içerisinde görünür hale gelir. Bu yöntem, kullanıcıya ek içerik sunarken mevcut ekranın kullanımını kesintiye uğratmaz.

Son olarak, Modal veya Pop-up yöntemi, açık ekranın ortasında, sizin belirleyeceğiniz boyutta bir yardımcı pencere açar. Bu pencere, kullanıcıya önemli bilgileri sunmak, onay almak veya ek girdileri toplamak için kullanılabilir. Modal / Pop-up, kullanıcının dikkatini belirli bir eyleme veya bilgiye yoğunlaştırmak için etkili bir yöntemdir.

Bu yöntemler, uygulama içi gezinmeyi optimize etmek ve kullanıcı deneyimini artırmak için geliştirilmiştir. Her biri, farklı kullanıcı ihtiyaçlarına ve senaryolara göre esneklik sunar.

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’da geliştirdiğiniz bir uygulamada ekranlar arasındaki geçişleri sağlamak için Navigate aksiyonu kullanılmaktadır. Navigate aksiyonu bir ekrandan başka bir ekrana geçişini sağlarken geçiş yöntemini yani ekran açılma biçimini sizin seçiminize bırakır.

Peki bu ekran açılma biçimleri nelerdir? Gelin detaylarına birlikte bakalım.

Eğer mevcut sekmede açık olan ekran üzerinde yeni bir ekran açmak istiyorsanız, Current Screen yöntemini kullanabilirsiniz.

Tarayıcınızda yeni bir sekmede başka bir ekranı açmak için New Tab seçeneğini tercih edebilirsiniz. Bu yöntem, kullanıcıların mevcut ekranlarından tamamen bağımsız bir şekilde yeni bir ekran açmalarını sağlayacaktır.

Açık olan mevcut ekranda başka bir ekranın daha pencere şeklinde açılmasını istiyorsanız, Drawer kullanımı idealdir. Drawer'lar, ekranın sağ, sol, üst veya alt kenarından kayarak açılır ve ekran içerisinde görünür hale gelir. Bu yöntem, kullanıcıya ek içerik sunarken mevcut ekranın kullanımını kesintiye uğratmaz.

Son olarak, Modal veya Pop-up yöntemi, açık ekranın ortasında, sizin belirleyeceğiniz boyutta bir yardımcı pencere açar. Bu pencere, kullanıcıya önemli bilgileri sunmak, onay almak veya ek girdileri toplamak için kullanılabilir. Modal / Pop-up, kullanıcının dikkatini belirli bir eyleme veya bilgiye yoğunlaştırmak için etkili bir yöntemdir.

Bu yöntemler, uygulama içi gezinmeyi optimize etmek ve kullanıcı deneyimini artırmak için geliştirilmiştir. Her biri, farklı kullanıcı ihtiyaçlarına ve senaryolara göre esneklik sunar.

Kuika Platformunda yeni bir kullanıcı arayüzüne geçiyoruz ve Kuika Akademi kurslarımızı ve videolarımızı mümkün olan en kısa sürede güncelliyoruz.

Kuika platformunda uygulama geliştirirken Navigate aksiyonu, bir ekrandan diğerine geçiş yapmayı sağlar ve bu geçişler için dört farklı ekran açılma biçimi sunar. Current Screen yöntemi mevcut ekranda yeni bir ekran açar, New Tab seçeneği tarayıcıda yeni bir sekme olarak bir ekran açılmasını sağlar, ve Drawer kullanımı ekranın bir kenarından kayarak açılan bir pencere olarak yeni içerik sunar. Son olarak, Modal veya Pop-up yöntemi, önemli bilgiler sunmak veya kullanıcıdan onay almak için ekranın ortasında bir pencere açar; bu yöntemler kullanıcı deneyimini artırmak için tasarlanmıştır.

Kuika’da geliştirdiğiniz bir uygulamada ekranlar arasındaki geçişleri sağlamak için Navigate aksiyonu kullanılmaktadır. Navigate aksiyonu bir ekrandan başka bir ekrana geçişini sağlarken geçiş yöntemini yani ekran açılma biçimini sizin seçiminize bırakır.

Peki bu ekran açılma biçimleri nelerdir? Gelin detaylarına birlikte bakalım.

Eğer mevcut sekmede açık olan ekran üzerinde yeni bir ekran açmak istiyorsanız, Current Screen yöntemini kullanabilirsiniz.

Tarayıcınızda yeni bir sekmede başka bir ekranı açmak için New Tab seçeneğini tercih edebilirsiniz. Bu yöntem, kullanıcıların mevcut ekranlarından tamamen bağımsız bir şekilde yeni bir ekran açmalarını sağlayacaktır.

Açık olan mevcut ekranda başka bir ekranın daha pencere şeklinde açılmasını istiyorsanız, Drawer kullanımı idealdir. Drawer'lar, ekranın sağ, sol, üst veya alt kenarından kayarak açılır ve ekran içerisinde görünür hale gelir. Bu yöntem, kullanıcıya ek içerik sunarken mevcut ekranın kullanımını kesintiye uğratmaz.

Son olarak, Modal veya Pop-up yöntemi, açık ekranın ortasında, sizin belirleyeceğiniz boyutta bir yardımcı pencere açar. Bu pencere, kullanıcıya önemli bilgileri sunmak, onay almak veya ek girdileri toplamak için kullanılabilir. Modal / Pop-up, kullanıcının dikkatini belirli bir eyleme veya bilgiye yoğunlaştırmak için etkili bir yöntemdir.

Bu yöntemler, uygulama içi gezinmeyi optimize etmek ve kullanıcı deneyimini artırmak için geliştirilmiştir. Her biri, farklı kullanıcı ihtiyaçlarına ve senaryolara göre esneklik sunar.

Dosyalar

No items found.

Kaynaklar

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