Delphi İyi Arayüz Oluşturma - Delphi- Zamansız Tartışma Platform

The.`KinG · 16-09-06, 00:15 Çevrimdışı

MICROSOFT'DAN TAVSİYELER

İyi bir program

Çekici görünmeli
İyi organize edilmiş olmalı
Kullanımı ve anlaşılması kolay olmalı
En iyi uygulamalar, kullanıcının herhangi bir eğitime ve dokümana gerek duymadan, sezgisel olarak çalışabildiği uygulamalardır

Bunun için nelere dikkat etmeliyiz :

Programda renklerde, fontlarda ve tüm arayüzde tutarlı olunması gerekir. Kullanıcı her formu açtığı zaman başka başka arayüzle karşılaşmamalı.
Kullanıcını uygulama içinde istediğine ulaşması kolay olmalı.
Uygulamanın tüm özelliklerine klavye ve fare ile ulaşılabilmelidir.
Formda Tab Order (tab tuşuna bastıkça bir sonraki kontrole geçiş sırası) düzgün olarak ayarlanmalıdır. Bu kullanıcının klavye ile uygulamayı kullanmasını kolaylaştırır.
Kullanıcıya mümkün olduğu kadar görsel ipuçları sunmak iyidir. Mesela işlem yapılırken fare imlecinin kum saati şeklini alması gibi.
Kullanıcının girdiği veriyi hemen kontrol edip, bir yanlışlık var ise hemen düzeltmesini istemek gerekir.
Kullanıcılar için özel menü ve/veya araç çubukları oluşturmuş iseniz, bunların gerektiği zaman gözükür olup, kullanıcını görmemesi gerektiği zaman göremediğinden emin olmalısınız. Mesela görmeye yetkisi yoksa.
Hata olabilecek yerleri önceden sezmeye çalışıp buralarda hata kontrolü yapın. Hata mesajlarını açık ve kısa yazın.
Kullanıcının programın kontrolünün kendisinde olduğunu hissetmesi iyidir. Bazı işleri otomatize edin ama bu işlemin başlamasını veya kontrolünü kullanıcıya bırakın.
Kullanıcılar programdaki görünüşü değiştirmeyi severler. Kullanıcılara bu imkanı verin.
Programı mümkün olduğu kadar interaktif yapın. Bunun içinde :
İkincil formları mümkün olduğu kadar modeless açın. (Show ile)
İşlemleri bölümlere ayırın. Mesela yazdırmak için tüm uygulamayı yüklemek gerekmeyebilir.
Uzun ve çok zaman alan işlemleri arka planda yapıp, ön planda kullanıcının diğer işlemleri yapmasına izin verin.
En iyi dizayn edilmiş uygulamalarda bile kullanıcılar hata yapabilir. Bir hata yaptıkları zaman bunu geri alabilmeleri lazımdır.
Kullanıcıya mutlaka olan biten hakkında bilgi verin. Kullanıcılar kendilerine hiçbir yanıt vermeyen bir ekrana ancak birkaç saniye tahammül ederler. Fare imlecini kum saati haline getirmek, statuss barda mesaj göstermek veya bir progress bar’la işleyişin biten yüzdesi hakkında bilgi vermek gibi.
Estetik. Görsel tasarım arayüzün dizaynının en önemli kısmıdır. Estetik açıdan güzel bir programı kullanmak kullanıcıları daha çok mutlu eder. Mesela Adres bilgisi girilecek ise, bu bilgileri gruplayıp, baş tarafına Adres ile alakalı bir resim koymak (mesela ev resmi) gibi görsellikler sunmak kullanıcının daha kolay anlamasını sağlar.

MICROSOFT İYİ ARAYÜZ KONTROL LİSTESİ

Program kolay bir şekilde kurulmalıdır (install).
Kurulum işlemi restart istememelidir.
Kullanıcılar uygulamayı kullanmaya başlamadan önce bir açıklama yazısı (readme) okumak zorunda kalmamalıdır.
Kullanıcının ürettiği dosyalar, My Documents klasöründe saklanmalıdır.
Uygulamanız Program Files klasörü dışında klasör oluşturmamalıdır
Uygulamanız hard diskin ana klasörüne (c:\, d:\...) herhangi bir dosya yazmamalıdır.
Uygulama Start (Başlat) menüsüne yardım, readme ve uninstall kısayolları oluşturmamalıdır.
Kullanıcının izni dışında masa üstüne uygulamanın kısayolu konulmamalıdır.
Eğer uygulama Windows başlarken çalışacak bir uygulama ise herhangi bir açılış ekranı veya mesaj göstermemelidir.
Kullanıcı Denetim masasındaki Görüntü seçeneği ile renkleri değiştirdiği zaman, program bu renklere uyum sağlayabilmelidir.
Programın tüm fonksiyonlarına klavye ile ulaşılabilmelidir.
Kullanıcı varsayılan font büyüklüğünü artırdığı zaman program buna uyum sağlayabilmelidir.
Eğer olabilirse standart kısayol tuşları kullanılmalıdır. F1 – yardım, F2 – Edit gibi.
Kullanıcı ekran çözünürlüğünü değiştirdiği zaman, uygulama uyum sağlayabilmelidir.

DELPHI TARAFINDA YAPILMASI GEREKENLER

Ekranlar 800 x 600 çözünürlüğünde hazırlanmalıdır.
Forma konulacak bileşenlerin Align özellikleri ayarlanarak, yüksek çözünürlükte ekranda boş kısımların kalmaması sağlanmalıdır.
Eğer forma buton konulacak ise, forma Align özelliği alBottom olan bir Tpanel konup, butonlar bu panelin üzerine konulmalıdır. Butonlar sağ köşeye göre hizalanmalı ve Anchors özelliği akRight olarak ayarlanmalıdır. Bu ekranın büyüklüğü değişse bile butonların daima sağ tarafta kalmasını sağlar.
Programda standart Windows renkleri dışında renkler kullanılmamalı ve bittikten sonra birkaç değişik renk şeması ile deneyerek sırıtan renkler belirlenip temizlenmelidir.
Eğer form çok küçükse ve büyüklüğünün değişmesi gerekmiyor ise, BorderStyle özelliği bsSingle yapılmalı, BorderIcons kısmındaki biMinimize ve biMaximize False yapılmalıdır.
Her program için bir açılış (splash) ekranı olmalıdır.
Bazı durularda animasyon eklemek olayı daha görsel hale getirebilir. Mesela kopyalama ve bulma işlemlerinde kullanmak gibi. Ancak animasyonları çok sık kullanmak kullanıcıyı meşgul edebilir veya kızdırabilir. Sadece çok özel durumlarda animasyon kullanın.
Tab order sırası mutlaka düzgün olmalıdır.
Formdaki Fontlar Tahoma – 8 punto olmalı.
Label ve Edit gibi bileşenlerin ParenFont özelliği True olarak kalmalı ve font bilgisini formdan almalılar
Genelde formda labellar ve yanlarında Editler olur. Bu durumda labelların Left özelliği aynı olmalı, yani aynı hizada olmalılar. Aynı şekilde Editlerin de Left özellikleri eşit olmalı.
Label’ların Alignment özelliği taLeftJustify olmalı ve caption mutlaka bir boşluk ve ardından iki nokta ile bitmelidir. Mesela Adı :
Label’ların ilk harfi büyük olmalıdır.
Kullanıcı bir ekranı kapattığı zaman büyüklüğünü ve pozisyonunu kaydedip, tekrar açtığı zaman aynı yerde ve boyutlarda açmak iyi olacaktır.
Program klavye ile tam yönetilebilir olmalıdır. Bunun için menü öğelerinde ve butonlarda & işareti kullanılarak bu komutlara klavye yardımı ile ulaşılmasını sağlamalısınız. Program bittikten sonra bilgisayardan fareyi söküp, tüm ekranlarda klavye ile gerekli işlemleri yapıp yapamadığınızı test etmelisiniz.
Formlar mümkün olduğu kadar Modeless gösterilmelidir (Show ile). Sadece gerekli durumlarda Modal gösterilmelidir (Showmodal ile). Modeless formlar kullanıcıya daha fazla hareket serbestliği verir, oysa kullanıcı modal açılan bir formu kapatmadan başka bir işlem yapamaz.
Eğer bazı değerlerin girilmesi zorunlu ise bunlar kaydedip formu kapatmadan önce kontrol edilmeli ve kullanıcıya açık bir şekilde mesaj verilmelidir. “Adı alanını doldurmalısınız!” gibi bir mesaj verip, SetFocus ile bu Edit’e konumlanılmalıdır.
Kullanıcının seçebileceği seçenekler sınırlı ise bunun dışındaki bilgileri girmesine olanak verilmemelidir. Bu tip durumlarda RadioGroup veya ComboBox gibi bir bileşen kullanarak sadece seçebileceği seçenekleri kullanıcıya sunmak gerekir.
Buna benzer olarak kullanıcı bazı alanlara belli tipte değerler girebilir. Mesela Miktar ve parasal alanlara karakter girememelidir.
Objelere varsayılan olaylar vermek faydalıdır. Örneğin Gridlere çift tıklandığı zaman Düzeltme ekranı gelmelidir veya bir nesneyi bir yerden sürükle-bırak yöntemi ile taşıdığınız zaman varsayılan bir olay atanmalıdır.
Eğer sayfada çok fazla bileşen var ise TPageControl ile mantıklı bir gruplandırma yapılmalıdır.
Kullanıcı veride herhangi bir değişiklik yaptıktan sonra köşedeki çarpı ile formu kapatmak istediği zaman, değişiklikleri kaydetmek isteyip istemediği sorulmalıdır. Seçenekler Evet (kaydet), Hayır (kaydetme) ve İptal (kapatma işleminden vazgeç) şeklinde olmalıdır.

wolf_57 · 21-04-07, 18:19 Çevrimdışı

paylaşım için teşekkurler

16-09-06, 00:15 Çevrimdışı	#1
Doçent The.`KinG Genel Mesajlar: 3.399 Teşekkür etti: 1.599 Teşekkür edildi: 1.606 RepForum Gücü: 41 Forum Puanı:12169	Delphi İyi Arayüz Oluşturma MICROSOFT'DAN TAVSİYELER İyi bir program Çekici görünmeli İyi organize edilmiş olmalı Kullanımı ve anlaşılması kolay olmalı En iyi uygulamalar, kullanıcının herhangi bir eğitime ve dokümana gerek duymadan, sezgisel olarak çalışabildiği uygulamalardır Bunun için nelere dikkat etmeliyiz : Programda renklerde, fontlarda ve tüm arayüzde tutarlı olunması gerekir. Kullanıcı her formu açtığı zaman başka başka arayüzle karşılaşmamalı. Kullanıcını uygulama içinde istediğine ulaşması kolay olmalı. Uygulamanın tüm özelliklerine klavye ve fare ile ulaşılabilmelidir. Formda Tab Order (tab tuşuna bastıkça bir sonraki kontrole geçiş sırası) düzgün olarak ayarlanmalıdır. Bu kullanıcının klavye ile uygulamayı kullanmasını kolaylaştırır. Kullanıcıya mümkün olduğu kadar görsel ipuçları sunmak iyidir. Mesela işlem yapılırken fare imlecinin kum saati şeklini alması gibi. Kullanıcının girdiği veriyi hemen kontrol edip, bir yanlışlık var ise hemen düzeltmesini istemek gerekir. Kullanıcılar için özel menü ve/veya araç çubukları oluşturmuş iseniz, bunların gerektiği zaman gözükür olup, kullanıcını görmemesi gerektiği zaman göremediğinden emin olmalısınız. Mesela görmeye yetkisi yoksa. Hata olabilecek yerleri önceden sezmeye çalışıp buralarda hata kontrolü yapın. Hata mesajlarını açık ve kısa yazın. Kullanıcının programın kontrolünün kendisinde olduğunu hissetmesi iyidir. Bazı işleri otomatize edin ama bu işlemin başlamasını veya kontrolünü kullanıcıya bırakın. Kullanıcılar programdaki görünüşü değiştirmeyi severler. Kullanıcılara bu imkanı verin. Programı mümkün olduğu kadar interaktif yapın. Bunun içinde : İkincil formları mümkün olduğu kadar modeless açın. (Show ile) İşlemleri bölümlere ayırın. Mesela yazdırmak için tüm uygulamayı yüklemek gerekmeyebilir. Uzun ve çok zaman alan işlemleri arka planda yapıp, ön planda kullanıcının diğer işlemleri yapmasına izin verin. En iyi dizayn edilmiş uygulamalarda bile kullanıcılar hata yapabilir. Bir hata yaptıkları zaman bunu geri alabilmeleri lazımdır. Kullanıcıya mutlaka olan biten hakkında bilgi verin. Kullanıcılar kendilerine hiçbir yanıt vermeyen bir ekrana ancak birkaç saniye tahammül ederler. Fare imlecini kum saati haline getirmek, statuss barda mesaj göstermek veya bir progress bar’la işleyişin biten yüzdesi hakkında bilgi vermek gibi. Estetik. Görsel tasarım arayüzün dizaynının en önemli kısmıdır. Estetik açıdan güzel bir programı kullanmak kullanıcıları daha çok mutlu eder. Mesela Adres bilgisi girilecek ise, bu bilgileri gruplayıp, baş tarafına Adres ile alakalı bir resim koymak (mesela ev resmi) gibi görsellikler sunmak kullanıcının daha kolay anlamasını sağlar. MICROSOFT İYİ ARAYÜZ KONTROL LİSTESİ Program kolay bir şekilde kurulmalıdır (install). Kurulum işlemi restart istememelidir. Kullanıcılar uygulamayı kullanmaya başlamadan önce bir açıklama yazısı (readme) okumak zorunda kalmamalıdır. Kullanıcının ürettiği dosyalar, My Documents klasöründe saklanmalıdır. Uygulamanız Program Files klasörü dışında klasör oluşturmamalıdır Uygulamanız hard diskin ana klasörüne (c:\, d:\...) herhangi bir dosya yazmamalıdır. Uygulama Start (Başlat) menüsüne yardım, readme ve uninstall kısayolları oluşturmamalıdır. Kullanıcının izni dışında masa üstüne uygulamanın kısayolu konulmamalıdır. Eğer uygulama Windows başlarken çalışacak bir uygulama ise herhangi bir açılış ekranı veya mesaj göstermemelidir. Kullanıcı Denetim masasındaki Görüntü seçeneği ile renkleri değiştirdiği zaman, program bu renklere uyum sağlayabilmelidir. Programın tüm fonksiyonlarına klavye ile ulaşılabilmelidir. Kullanıcı varsayılan font büyüklüğünü artırdığı zaman program buna uyum sağlayabilmelidir. Eğer olabilirse standart kısayol tuşları kullanılmalıdır. F1 – yardım, F2 – Edit gibi. Kullanıcı ekran çözünürlüğünü değiştirdiği zaman, uygulama uyum sağlayabilmelidir. DELPHI TARAFINDA YAPILMASI GEREKENLER Ekranlar 800 x 600 çözünürlüğünde hazırlanmalıdır. Forma konulacak bileşenlerin Align özellikleri ayarlanarak, yüksek çözünürlükte ekranda boş kısımların kalmaması sağlanmalıdır. Eğer forma buton konulacak ise, forma Align özelliği alBottom olan bir Tpanel konup, butonlar bu panelin üzerine konulmalıdır. Butonlar sağ köşeye göre hizalanmalı ve Anchors özelliği akRight olarak ayarlanmalıdır. Bu ekranın büyüklüğü değişse bile butonların daima sağ tarafta kalmasını sağlar. Programda standart Windows renkleri dışında renkler kullanılmamalı ve bittikten sonra birkaç değişik renk şeması ile deneyerek sırıtan renkler belirlenip temizlenmelidir. Eğer form çok küçükse ve büyüklüğünün değişmesi gerekmiyor ise, BorderStyle özelliği bsSingle yapılmalı, BorderIcons kısmındaki biMinimize ve biMaximize False yapılmalıdır. Her program için bir açılış (splash) ekranı olmalıdır. Bazı durularda animasyon eklemek olayı daha görsel hale getirebilir. Mesela kopyalama ve bulma işlemlerinde kullanmak gibi. Ancak animasyonları çok sık kullanmak kullanıcıyı meşgul edebilir veya kızdırabilir. Sadece çok özel durumlarda animasyon kullanın. Tab order sırası mutlaka düzgün olmalıdır. Formdaki Fontlar Tahoma – 8 punto olmalı. Label ve Edit gibi bileşenlerin ParenFont özelliği True olarak kalmalı ve font bilgisini formdan almalılar Genelde formda labellar ve yanlarında Editler olur. Bu durumda labelların Left özelliği aynı olmalı, yani aynı hizada olmalılar. Aynı şekilde Editlerin de Left özellikleri eşit olmalı. Label’ların Alignment özelliği taLeftJustify olmalı ve caption mutlaka bir boşluk ve ardından iki nokta ile bitmelidir. Mesela Adı : Label’ların ilk harfi büyük olmalıdır. Kullanıcı bir ekranı kapattığı zaman büyüklüğünü ve pozisyonunu kaydedip, tekrar açtığı zaman aynı yerde ve boyutlarda açmak iyi olacaktır. Program klavye ile tam yönetilebilir olmalıdır. Bunun için menü öğelerinde ve butonlarda & işareti kullanılarak bu komutlara klavye yardımı ile ulaşılmasını sağlamalısınız. Program bittikten sonra bilgisayardan fareyi söküp, tüm ekranlarda klavye ile gerekli işlemleri yapıp yapamadığınızı test etmelisiniz. Formlar mümkün olduğu kadar Modeless gösterilmelidir (Show ile). Sadece gerekli durumlarda Modal gösterilmelidir (Showmodal ile). Modeless formlar kullanıcıya daha fazla hareket serbestliği verir, oysa kullanıcı modal açılan bir formu kapatmadan başka bir işlem yapamaz. Eğer bazı değerlerin girilmesi zorunlu ise bunlar kaydedip formu kapatmadan önce kontrol edilmeli ve kullanıcıya açık bir şekilde mesaj verilmelidir. “Adı alanını doldurmalısınız!” gibi bir mesaj verip, SetFocus ile bu Edit’e konumlanılmalıdır. Kullanıcının seçebileceği seçenekler sınırlı ise bunun dışındaki bilgileri girmesine olanak verilmemelidir. Bu tip durumlarda RadioGroup veya ComboBox gibi bir bileşen kullanarak sadece seçebileceği seçenekleri kullanıcıya sunmak gerekir. Buna benzer olarak kullanıcı bazı alanlara belli tipte değerler girebilir. Mesela Miktar ve parasal alanlara karakter girememelidir. Objelere varsayılan olaylar vermek faydalıdır. Örneğin Gridlere çift tıklandığı zaman Düzeltme ekranı gelmelidir veya bir nesneyi bir yerden sürükle-bırak yöntemi ile taşıdığınız zaman varsayılan bir olay atanmalıdır. Eğer sayfada çok fazla bileşen var ise TPageControl ile mantıklı bir gruplandırma yapılmalıdır. Kullanıcı veride herhangi bir değişiklik yaptıktan sonra köşedeki çarpı ile formu kapatmak istediği zaman, değişiklikleri kaydetmek isteyip istemediği sorulmalıdır. Seçenekler Evet (kaydet), Hayır (kaydetme) ve İptal (kapatma işleminden vazgeç) şeklinde olmalıdır. Gözlerim , Sende Kaldı Sevdalım , Hiçkimseleri Göremiyorum ...

21-04-07, 18:19 Çevrimdışı	#2
Rektör wolf_57 Genel Mesajlar: 6.573 Teşekkür etti: 5.389 Teşekkür edildi: 1.948 RepForum Gücü: 32 Forum Puanı:2939	paylaşım için teşekkurler

Konu Seçenekleri
Yazdırılabilir Sümü Göster Sayfayı E-Mail'le gönder