Tripadvisor Yorumları Örnekleri

Bu örnekte, Yorumlar özgün Tripadvisor renklerinde çekici bir widget içinde düzenlenmiştir ve orta boyutta bir başlıkla gösterilir. Başlık sayfanın genel puanını gösterir ve kaç kullanıcının inceleme bıraktığını, en yeni olanların fotoğraflarıyla birlikte tıklanabilir olduğunu gösterir. İnceleme talep düğmesi kullanıcıları bir yorum daha bırakmaya çağırır ve Evet seçeneği dikkat çekmesi için mavi renkte boyanır.

İncelemeleri, net ve düzenli bir liste biçiminde sayfaya entegre edebilirsiniz. Başlığı kapatıp Otomatik genişlik ve yükseklik parametrelerini bu örnekte olduğu gibi uyguladığınızda, widget sayfadaki mevcut alana sığacak ve dengeli görünecektir. İncelemelerin sayısını kısıtlamak için filtreler uygulayın, yalnızca olumlu derecelendirme olanları gösterin veya anahtar kelimelerle istenmeyenleri hariç tutun.

Burada Masonry düzeniyle bir koleksiyon içinde çeşitli yorumlar diziliyor; yükseklik değerine bağlı olarak en dengeli şekilde konumlandırılır. Seçili renkler widget’in görünümünü tamamen benzersiz kılıyor. Yorumlardaki yıldız derecelendirmesi, işletmenin müşteriler tarafından değerli bulunduğunu göstermek için kullanılır.

Grid düzeni ve Spotlight inceleme şablonu seçimi, widget için zarif ve dengeli bir arayüz sunar. Kalın hatlar ve merkezde hizalanmış metinler dikkati en çok çeker. Grid düzeninin düz geometrisi, diğer tüm inceleme şablonlarıyla da uyumlu olacak şekilde tasarlandı – arayüz öğeleri tamamen uyumlu.

Bu widget, Slider düzeniyle yorumları hareketli bir karusel üzerinden otomatik oynatma ile gösterir. Bu, bir sitenin ana sayfası için güzel bir örnektir. Slider düzeni gezinme kontrollerini içerir: oklar, sürükleme veya sayfalama. Slayt başına gösterilecek yorum sayısını seçme seçeneği vardır.

Yorumları tek tek dizerseniz, kullanıcıların en çok dikkatini çekersiniz. Bu örnekte Spotlight şablonu öğelerin konumunu değiştirir: yazarın fotoğrafı ve yıldız puanı metnin üstüne yerleşir ve tüm öğeler ortalanır. Daha fazla yorumu sürükleyerek ya da okları kullanarak görüntüleyebilirsiniz.

Web sitenize çok kısıtlı bir alanda inceleme widget’ını sorunsuzca nasıl ekleyebileceğinize dair net bir örnek. Yan panel olarak ayarlandığında widget’ın ekstra öğesi yoktur; yalnızca en önemli kısımlar kalır ve duyarlı tasarım boyutu onu yeterince küçük yapar. Yine de tüm işlevler mevcuttur.