Airbnb Yorum Örnekleri

Yorumlar, Airbnb renkleriyle uyumlu çekici bir widget içinde düzenlenir ve bilgilendirici bir başlıkla sunulur. Başlık, sayfanın toplam puanını ve en yeni yorum yapanların fotoğraflarını gösterir; bu fotoğraflar tıklanabilir. Yeni bir yorum bırakmaya çağıran düğme, kullanıcıları yeni bir yorum bırakmaya yönlendirir; ‘Evet’ seçeneği mavi renkte boyanmış olarak tıklamayı teşvik eder.

Bir sayfada incelemeleri net bir liste halinde göstermek için şu yöntemi kullanın. Başlığı gizleyip bu örnekte olduğu gibi Otomatik genişlik ve yükseklik boyutlarını seçerseniz, widget sayfanın tüm boş alanını kusursuzca doldurur ve yerel görünüm kazanır. İncelemelerin sayısını sınırlayan, yalnızca olumlu olanları gösteren veya anahtar kelimelerle istenmeyenleri dışlayan filtreler vardır.

Bu widget’ta, Masonry varyantında oluşturulan bir inceleme kümesi, incelemeleri yükseklik değerine göre en dengeli şekilde sıralar. Renk özelleştirme varyantı benzersiz bir görünüm yarattı. İncelemelerin yanındaki yıldız derecelendirmesi, yüksek sosyal kanıtı göstermek için burada.

Grid düzeni ve Spotlight inceleme şablonu seçimi, widget için zarif ve dengeli bir görünüm kazandırır. Kalın çizgiler ve merkezde hizalanmış inceleme metinleri ziyaretçilerin dikkatini çeker. Grid düzeninin doğrusal geometrisi, başka bir inceleme şablonu ile de uyumlu olabilir – arayüz öğeleri tamamen uyarlanabilir şekilde tasarlandı.

Bu widget, Slider düzeninde otomatik oynatımlı dinamik bir karusel ile yorumları gösterir. Bu, sitenizin ana sayfası için örneğin mükemmel bir varyanttır. Slider düzeni gezinme öğeleri sunar: oklar, sürükleme ya da sayfalama. Ayrıca her kaydırıda görüntülenecek yorum sayısını da belirleyebilirsiniz.

Yorumları tek tek gösterirseniz, kullanıcıların dikkatini en üst düzeye çekerler. Bu örnekte Spotlight şablonu öğelerin konumunu değiştirir: yazarın fotoğrafı ve yıldız derecelendirmesi inceleme metninin üstüne çıkar ve tüm öğeler ortalanır. Daha fazla yorumu sürükleyerek veya oklara tıklayarak görebilirsiniz.

İşte çok küçük bir alanda herhangi bir siteye Yorumlar widget’ını sorunsuzca eklemenin parlak bir örneği. Kenar Çubuğu düzeninde, widget’ın ek öğesi yok; yalnızca temel öğeler mevcut ve duyarlı boyut sayesinde boyut dengeli kalıyor, fakat tüm işlevsellik korunuyor.