2.3 Etkileşimli kullanıcı arayüzleri oluşturma
İyi tasarlanmış etkileşimli bir kullanıcı arayüzü, bir FileMaker veritabanı uygulamasının kullanılabilirliği ve verimliliği için kritik öneme sahiptir. Bu eğitimde, veritabanınızdaki kullanıcı deneyimini geliştirmek için gezinme öğeleri (menüler ve düğmeler), özel diyaloglar ve açılır pencereler gibi etkileşimli öğeleri nasıl oluşturabileceğinize odaklanacağız. Ayrıca, kullanıcı arayüzlerinizin kullanılabilirliğini artırmak için kanıtlanmış bazı ipuçlarını ele alacağız.
İçindekiler tablosu
- 2.3 Etkileşimli kullanıcı arayüzleri oluşturma
- Gezinme öğeleri oluşturma (menüler, düğmeler)
- gFM-Business'ta özelleştirilmiş menü ve navigasyon
- Kullanıcı tanımlı diyaloglar ve açılır pencereler
- Kullanıcı dostu olma özelliğini geliştirmek için ipuçları
- gFM-Business Açık Kaynak FileMaker Basis ERP hızlandırılmış kurs yazılımı
- Etkileşimli kullanıcı arayüzleri hakkında sıkça sorulan sorular
Navigasyon öğelerini oluşturmaya başlamadan önce, kullanıcıların uygulamanızda nasıl gezinmesini istediğinizi düşünmeniz önemlidir. Hangi düzenlerin veya işlevlerin sıklıkla kullanıldığını ve bunlara erişimi nasıl mümkün olduğunca kolay hale getirebileceğinizi düşünün.
- Ana navigasyon menüsüHer sayfada görülebilen merkezi bir navigasyon menüsünün mantıklı olup olmadığını düşünün. Bu menü, "Ana Sayfa", "Müşteriler", "Siparişler" ve "Raporlar" gibi uygulamanın en önemli alanlarına bağlantılar içerebilir.
- Bağlamsal navigasyonDüzene veya mevcut verilere bağlı olarak değişen bağlamsal gezinme öğeleri eklemeyi düşünün. Örneğin, yalnızca mevcut kayıtlar için bir "Düzenle" düğmesi görüntülemek gibi, yalnızca belirli koşullar karşılandığında görünen düğmeler ekleyebilirsiniz.
Adım 2: Düğmeler oluşturun
Düğmeler, herhangi bir kullanıcı arayüzünün önemli bir unsurudur ve kullanıcıların farklı bir düzen açmak, bir komut dosyası çalıştırmak veya veri kaydetmek gibi belirli eylemleri gerçekleştirmesine olanak tanır.
- Düğme ekle: Yerleşim moduna geçin ve Anahtar araç üst araç çubuğunda. Bir düğme eklemek için düzen alanına tıklayın.
- Düğmenin etiketlenmesiDüğmeye "Kaydet", "Sil" veya "İleri" gibi açık ve anlaşılır bir etiket verin. Etiketleme kısa ve anlamlı olmalıdır.
- Eylem atama: Altındaki düğme için diyalogda Eylem düğmeye bir komut dosyası çalıştırma, farklı bir düzene geçme veya özel bir işlev çalıştırma gibi belirli bir eylem atayabilirsiniz. Bu eylemler, kullanıcı düğmeyi tıkladığında yürütülür.
- Düğme şekillendirmeDüğmenin görünümünü özelleştirmek için denetçiyi kullanın. Düğmeyi genel düzene entegre etmek için renkleri, yazı tiplerini ve kenar boşluklarını değiştirebilirsiniz.
Adım 3: Menüler oluşturun
Menüler, kullanıcılara çeşitli seçenekler veya işlevler sunmak için yapılandırılmış ve kolay erişilebilir bir yol sağlar.
- Açılır menü oluşturmaFare ile istediğiniz alanı seçin ve denetçideki son sekmeye geçin. "Kontrol stili" alanında Açılır menü veya Fade-in listesi bir menü oluşturmak için. "Değerleri" altında, seçim için görüntülenecek değerlerin bir listesini seçin.
- Menü öğelerini tanımlamaMenü öğelerini [Dosya > Tanımla > Değer listeleri] altında bir değer listesi olarak tanımlayın. Bir değer listesi statik değerler veya alanlardan veya ilgili alanlardan değerler içerebilir. gFM Business genellikle "MagicValueList" fonksiyonu ile dinamik değer listeleri kullanır. Bu durumda, değer listesi olarak "MagicValueList" belirtilir ve alana (girişte) [MagicValueList] fonksiyonunu kullanarak değer listesini dinamik olarak oluşturan bir kod tetikleyicisi atanır. Bu şekilde atanan bir değer listesinin FileMaker'da bir değer listesi olarak önceden tanımlanmış olması gerekmez.
- Menü eylemleri atamaHer menü öğesi, düğmelere benzer şekilde bir eylemi tetikleyebilir. Kullanıcı bir menü öğesini seçtiğinde bir şey olup olmayacağını belirtmek için kod tetikleyicilerini kullanın.
Navigasyon öğelerinizi oluşturduktan sonra, navigasyonu kullanıcının bakış açısından test edin. Tüm bağlantıların ve düğmelerin doğru çalışıp çalışmadığını ve navigasyonun sezgisel ve akıcı olup olmadığını kontrol edin.
gFM Business ERP yazılımındaki navigasyon ve ana menünün menü öğelerinin düzenlerde ayrı ayrı özelleştirilmesi gerekmez, ancak [Navigasyon] ve [Ana menü] sekmeleri altında "Yönetim" geliştirici modülünde önceden tanımlanmıştır. Geliştirici için bu, tüm navigasyon öğelerinin tüm ekranlarda aynı olması ve mevcut bir düzenden kolayca kopyalanabilmesi avantajına sahiptir. Profesyonel sürüm ayrıca çok dilli ana menüleri ve navigasyonları da destekler.
Kullanıcı tanımlı diyaloglar ve açılır pencereler
Kullanıcı tanımlı diyaloglar ve açılır pencereler, mevcut düzenden ayrılmadan ek bilgi görüntüleyen veya kullanıcıdan girdi isteyen etkileşimli öğelerdir.
Adım 1: Özel diyaloglar oluşturun
Özel diyaloglar, kullanıcıya mesaj görüntülemek veya girdi talep etmek için kullanabileceğiniz açılır pencerelerdir.
- Komut dosyası oluşturKullanıcı tanımlı bir diyaloğu görüntülemek için bir komut dosyası oluşturmanız gerekir. Komut Dosyaları] altındaki menüde, komut dosyası çalışma alanına gidin (Cmd/Ctrl+Shift+S) ve Yeni senaryo.
- Diyalogları tanımlayın: Komutu kullanın Kendi diyalog kutunuzu görüntüleyin diyalog oluşturmak için kodda. Başlık, metin mesajı ve en fazla üç düğme tanımlayabilirsiniz.
- Giriş alanları eklemeKullanıcıların veri girebileceği en fazla üç giriş alanı ekleyebilirsiniz. Bu alanlar, daha sonra kod içinde işlenecek değerleri girmek için kullanılabilir.
- Kullanıcı girdisine dayalı eylemlerKullanıcının girdisine veya seçilen düğmeye bağlı olarak farklı eylemler gerçekleştirmek için kodda koşullu ifadeler (If ifadeleri) kullanın.
Adım 2: Açılır pencereler oluşturun
Açılır pencereler, kullanıcı bir öğeye tıkladığında beliren ve ek bilgi veya giriş alanları görüntüleyen küçük pencerelerdir. Özellikle karmaşık kullanıcı arayüzlerini net bir şekilde düzenlemek için kullanışlıdırlar.
- Açılır pencere ekleÜst araç çubuğundaki düğme aracında "Açılır düğme" öğesini seçin ve bir açılır düğme eklemek için düzene tıklayın. Bir açılır düğme normal bir düğme gibi görünür, ancak tıklandığında bir açılır pencere açar.
- Açılır pencere içeriği tasarlamaAçılır düğmeyi oluşturduktan sonra, açılır düğme düzenleyicisini açmak için çift tıklayın. Burada, tıpkı normal bir düzende olduğu gibi alanlar, metinler, düğmeler ve diğer nesneleri ekleyebilirsiniz.
- Etkileşim ekleyinAçılır pencerenin etkileşimini kontrol etmek için komut dosyaları veya doğrudan eylemler kullanın. Örneğin, kullanıcı değişiklikleri kaydetmeden önce açılır penceredeki belirli alanların doğrulanacağını belirtebilirsiniz.
- TestAçılır pencerenin doğru şekilde görüntülendiğinden ve istenen eylemleri gerçekleştirdiğinden emin olmak için göz atma modunda test edin.
Kullanıcı dostu olma özelliğini geliştirmek için ipuçları
Adım 1: Tutarlılığı koruyun
Tutarlı bir kullanıcı arayüzünün öğrenilmesi ve kullanılması daha kolaydır. Tüm düzenlerde tutarlı renkler, yazı tipleri ve stiller kullanın. Düğmeler ve menüler gibi gezinme öğelerinin aynı yerlerde göründüğünden ve aynı şekilde çalıştığından emin olun.
Kullanıcılar her zaman nerede olduklarını ve istenen işlevlere nasıl ulaşacaklarını bilmelidir. Düğmeler ve menüler için açık ve özlü etiketleme kullanın. En önemli işlevlere giden yolun asla iki veya üç tıklamadan daha uzak olmadığından emin olun.
3. Adım: Geri bildirim ve onaylar
Kullanıcılara her zaman eylemleri hakkında geri bildirim verin. Örneğin, veriler kaydedildiğinde bir onay mesajı veya önemli veriler silinmeden önce bir uyarı görüntüleyin. Bu, hataları önler ve kullanıcının uygulamaya olan güvenini artırır.
Adım 4: Hata önleme ve işleme
Kullanıcı arayüzünüzü, kullanıcıların yalnızca geçerli girişler yapabileceği şekilde tasarlayın. Hata girişini en aza indirmek için açılır menüler, onay kutuları ve diğer önceden tanımlanmış seçenekleri kullanın. Bir hata oluşursa, açık hata mesajları görüntüleyin ve önerilen çözümler sağlayın.
Adım 5: Gerçek kullanıcılarla test etme
Sezgisel ve verimli olduğundan emin olmak için kullanıcı arayüzünüzü gerçek kullanıcılarla test etmeniz önemlidir. Kullanıcı deneyimini sürekli iyileştirmek için geri bildirim toplayın ve ayarlamalar yapın.
gFM-Business Açık Kaynak FileMaker Basis-ERP
Çarpışma kursu için yazılım
Ücretsiz indirin
Etkileşimli kullanıcı arayüzleri hakkında sıkça sorulan sorular
- Kullanıcılarıma uygulama boyunca rehberlik etmek için FileMaker'da nasıl navigasyon öğeleri oluşturabilirim?
- Düzen modunda düğmeler ve düğme çubukları ekleyerek gezinme öğeleri oluşturabilirsiniz. Bunlar, kullanıcıların farklı düzenler veya işlevler arasında kolayca geçiş yapmasını sağlar. Düğmeleri, kullanıcıyı başka bir düzene yönlendiren, kayıtları filtreleyen veya belirli bir eylemi gerçekleştiren komut dosyalarına bağlayabilirsiniz. Düğme çubuğu özellikle düzenin üst veya yan tarafında tutarlı navigasyon oluşturmak için kullanışlıdır.
- Kullanıcı arayüzüme nasıl açılır pencere ekleyebilirim?
- Açılır pencere, kullanıcı bir düğmeye tıkladığında ek bilgi veya seçenekler görüntüleyen bir düzen nesnesidir. Bir açılır pencere oluşturmak için düzen modunda araç çubuğundaki "Açılır pencere düğmesi" seçeneğini belirleyin. Düğmeyi düzeninize yerleştirin ve açılır pencereye alanlar, metin veya diğer düğmeler gibi içerikler ekleyebilirsiniz. Açılır pencereler, içeriğe duyarlı bilgiler veya kullanıcıyı mevcut düzenden çıkarmadan gelişmiş seçenekler sağlamak için mükemmeldir.
- FileMaker'da etkileşimli diyalog kutularını nasıl oluşturabilirim?
- Diyalog kutuları, kullanıcılara önemli bilgileri görüntülemek veya onlardan girdi istemek için kullanışlıdır. Bir komut dosyası kullanarak özel bir diyalog kutusu oluşturabilirsiniz. Kod düzenleyicide, "Özel diyalog kutusunu göster" işlevini seçin ve üç adede kadar giriş alanı ve "Tamam" ve "İptal" gibi düğmeler ekleyebilirsiniz. Bu, kullanıcı kararlarını onaylamak veya bir eylem gerçekleştirilmeden önce ek veri girmek için idealdir.
- Düğmelerle etkileşimli iş akışlarını nasıl oluşturabilirim?
- Düğmeler, etkileşimli kullanıcı arayüzlerinde merkezi bir unsurdur. Düğmeler ekleyebilir ve bunlara yeni bir kayıt oluşturma, bir kaydı silme veya belirli bir düzene gitme gibi belirli eylemleri gerçekleştiren komut dosyaları atayabilirsiniz. Komut dosyalarına koşullar ekleyerek, kullanıcı rolüne veya bir veri kaydının durumuna bağlı olarak düğmeleri dinamik olarak kontrol edebilirsiniz.
- Karmaşık düzenlerde genel bakışı korumak için sekme kontrollerini nasıl kullanabilirim?
- Sekme kontrolleri, verileri sekme benzeri alanlarda düzenlemenin ve kullanıcıların tüm sayfayı yeniden yüklemeden bir düzenin farklı bölümleri arasında geçiş yapmasına yardımcı olmanın harika bir yoludur. Düzen modunda bir sekme kontrolü ekleyebilir ve her biri farklı içerik veya veri görüntüleyen sekmeler oluşturabilirsiniz. Bu, ilgili bilgileri net ve düzenli bir yapıda görüntüleyerek karmaşık düzenlerde gezinmeyi kolaylaştırır.
- Düzenlemelerimin kullanıcı dostu olmasını nasıl geliştirebilirim?
- Kullanılabilirliği artırmak için düzenlerin açık ve sezgisel olduğundan emin olun. Önemli unsurlar için büyük, kolayca görülebilen düğmeler, net etiketler ve yüksek kontrastlı renkler kullanın. Gereksiz bilgileri azaltın ve en önemli işlevleri kullanıcı için erişilebilir kılmaya odaklanın. Araç ipuçları (yardım metinleri) da kullanıcılara fareyi bir nesnenin üzerine getirdiklerinde ek bilgi vermek için yardımcı olabilir.
- Etkileşimli kullanıcı arayüzümün farklı cihazlarda iyi çalışmasını nasıl sağlayabilirim?
- FileMaker duyarlı tasarımı destekler, böylece düzenler masaüstü bilgisayarlar, tabletler ve akıllı telefonlar gibi farklı cihazlarda iyi görünür. Nesnelerin pencere boyutuna nasıl uyum sağlayacağını belirlemek için Denetçi'deki çapa işlevlerini kullanın. Mobil cihazlar için düğmelerin yeterince büyük ve kullanımının kolay olduğundan emin olun. Basitleştirilmiş gezinme ve uyarlanmış yazı tipi boyutu ile mobil cihazlar için optimize edilmiş düzenler oluşturun.
- Kullanıcılara görsel ipuçları sağlamak için koşullu biçimlendirmeyi nasıl ayarlayabilirim?
- Koşullu biçimlendirme ile alanları veya nesneleri belirli kriterlere göre görsel olarak vurgulayabilirsiniz. Örneğin, belirli bir duruma sahip veri kayıtlarını otomatik olarak farklı bir renkte görüntüleyebilirsiniz. Düzen modunda, bir nesne seçebilir ve görünümü dinamik olarak değiştirmek için denetçide "Koşullu biçimlendirme" altında kurallar tanımlayabilirsiniz. Bu, kullanıcıların önemli bilgileri hemen fark etmelerine yardımcı olur.
- Kullanıcı arayüzümü geliştirmek için araç ipuçlarını nasıl kullanabilirim?
- Araç ipuçları, kullanıcı fareyi bir nesnenin üzerine getirdiğinde görünen küçük bilgi pencereleridir. Ek bilgi veya talimatlar sağlamak için FileMaker'daki herhangi bir alana, düğmeye veya başka bir nesneye araç ipuçları ekleyebilirsiniz. Denetçi'de, "Araç İpucu" altındaki ilk sekme olan "Konum" altında seçili nesne için bir araç ipucu tanımlayabilirsiniz. Araç ipuçları, kullanıcılara düzeni terk etmelerine veya ek diyaloglar açmalarına gerek kalmadan yardımcı olmak için kullanışlıdır.
- Hızlı etkileşimler için kullanıcı arayüzünü nasıl optimize edebilirim?
- Hızlı etkileşim sağlamak için gereksiz tıklamalardan kaçınmalı ve önemli eylemleri kolayca erişilebilir hale getirmelisiniz. Düğmeler ilgili bilgilere yakın yerleştirilmeli ve kolayca tıklanabilecek kadar büyük olmalıdır. Kısayollar ve tuş kombinasyonları da verimliliği artırabilir. Bir veri kaydını kaydetmek veya bir arama yapmak gibi yaygın eylemleri daha erişilebilir hale getirmek için komut dosyalarında kısayollar tanımlayabilirsiniz.
- FileMaker'da etkileşimli panoları nasıl oluşturabilirim?
- Gösterge tabloları, önemli verilere ve KPI'lara görsel bir genel bakış sağlar. Grafikler, özet alanları ve düğmeler kullanarak gösterge tabloları oluşturabilirsiniz. Trendleri ve önemli rakamları görselleştirmek için verilerinizden grafikler oluşturulabilir. Verileri filtrelemek veya ayrıntılı bilgileri görüntülemek gibi etkileşimli kullanıcı rehberliği sağlamak için düğmeler ve açılır pencereler gösterge tablosuna entegre edilebilir.
- Dinamik içeriği kullanıcı arayüzüme nasıl entegre edebilirim?
- Dinamik içerik, hesaplama alanları, koşullu görünürlük ve komut dosyaları kullanılarak entegre edilebilir. Örneğin, kullanıcı girişine bağlı olarak değişen dinamik değerleri görüntülemek için hesaplama alanlarını kullanabilirsiniz. Koşullu görünürlük ile, örneğin bir veri kaydının durumu gibi mevcut duruma bağlı olarak düzen nesnelerini gösterebilir veya gizleyebilirsiniz. Komut dosyaları, belirli kullanıcı eylemlerine tepki vererek kullanıcı arayüzünü daha da dinamik hale getirmeyi mümkün kılar.
