Bir süre önce, modern web uygulamalarındaki trendlere yönelik yazı dizisinin ilk bölümü olan 10 Kullanışlı Web Uygulama Arayüzü Tekniği yazısını yayımlamıştım. Diğer şeylerin yanısıra bu yazıda gömülü video blogları, özelleştirilmiş kontrol ve içeriğe göre değişen gezinti elementlerine dair bazı ipuçlarına yer vermiştim. Yazıda ayrıcı basılı düğmelerin durumu, modal pencerelerin çevresinde gölge kullanmak ve giriş sayfası üzerinden kayıt sayfasına bağlantı verilmesi gerekliliğinden de bahsetmiştik.

Bu yazı ise incelemenin ikinci bölümünü oluşturmaktadır: Web Uygulamalarında İyi Kullanıcı Arayüz Tasarımı İçin 12 Kullanışlı Teknik. Yazımızda ayrıca bu tekniklerin doğru bir şekilde kullanılması için uygulamalara nasıl entegre edilmesi gerektiğini de bulacaksınız. Eğer sizin de bu konuda paylaşmak istediğiniz görüşleriniz ve önerileriniz varsa yorumlarınızda belirtmekten çekinmeyin.

1. Önemli Değişiklikleri Belirtin

İyi kullanıcı arayüzü tasarımı için en önemli elementlerden birisi de sistem durumunun görünürlüğüdür. Kullanıcılar sitenin görünmeyen kısmında olan şeylerden ve eylemlerinin oluşturacağı sonuçlardan derhal haberdar olabilmelidirler. Daha sofistike bir sistem görünürlüğünü uygulamalarda kullanabilmek için web siteleri günümüzde, elbette, AJAX kullanmaktadırlar. Bildiğiniz üzere AJAX sayesinde kullanıcılar, web sayfalarının tamamını yeniden yüklemek zorunda kalmadan sadece belirli bölümlerinde değişiklikler yapabilmektedirler. AJAX, web uygulamalarının etkileşimliliğini ve yanıt verme yeteneklerini masaüstü uygulamaları ile neredeyse aynı seviyeye getirebilmektedir.

Yammer, besleme üzerindeki yüm mesajlara bir değil üç adet efekt uygulamaktadır: Yavaşça belirme, aşağı kayma ve öne çıkarma.

Bu dinamik oluşumun anlamı, bir düğmeye tıkladığınızda sayfa yeniden yüklenmemesi ancak sayfada bir şeyin olmasıdır. Pek çok web sitesi halen AJAX'ı etkin bir şekilde kullanmamaktadır, bu sayede bazı kullanıcılar halen bir düğmeye tıkladıktan sonra bir şeyin olup olmayacağını ya da düğmelerin doğru şekilde tıklanıp tıklanmadığını bilememektedirler. Bu sorunun önüne geçebilmek için kullanıcı etkileşimlerinin her birine görsel geribildirim uygulamalısınız.

devamını oku »

ilgili yazılar

• 10 Kullanışlı Web Uygulaması Arayüzü Tekniği (9)
• 10 Web UI Kütüphanesi (8)
• En İyi 10 Web Sitesi İçin Görsel Performans Opt... (6)
• facebook connect'in kullanıldığı 10 mükemmel örnek (5)
• Buraya Tıklamayın! - Bağlantıları Doğru Kullanmak (10)
• Web Tasarımında Boşlukları Verimli Olarak Kulla... (9)
• istatistik 2.0 (1)
• En iyi 10 haber sitesi (5)
• Kullanıcı Geri bildirimleri ile Sitenizin Kulla... (2)
• Teknoloji Kimin Umurunda E-kitap (0)

bu yazı pinkfloyd tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. kaynak gösterilmeksizin kopyalanamaz.

etiketler: usability, erişilebilirlik, kullanılabilirlik, kullanıcı arayüzü, user interface, kullanıcı arabirimi, kullanılırlık, kullanıcı arabirimleri, kullanıcı arayüzleri, kullanıcı arabirimi tasarımı, kullanıcı arayüzü tasarımı

İLGİLİ KONULAR:

1. İyi Bir Kullanıcı Arayüz Tasarımı İçin 12 Kullanışlı Teknik
2. Blogunuz İçin 15+ Kullanışlı Widget
3. Web Tasarımı Oluşturmak İçin 16 En Hoş Photoshop Dersi (İngilizce)
4. Web Tasarımcıları İçin Web Üzerindeki 6 Kullanışlı Araç
5. Web Tasarımcıları İçin 30+ İlham Kaynağı Portföy Tasarımı
6. Harika Web Tasarımı Yaratıcılığı: 50+ Örnek ve İlham Kaynağı