Fatma Kaya Köylü

09.01.2014 1

09.01.2014 2

Öğretmenler Günü Çiçek Gurme Hediye Gönderim Amacı

Ürün Grubu Gönderim Amacı Ürün Grubu Gönderim Amacı Ürün Grubu Gönderim Amacı Ürün Grubu Doğum Günü

Çiçek Doğum Günü Güller Doğum Günü Kek Buketi Doğum Günü Kişiye Özel Seni Seviyorum

Gurme Seni Seviyorum Lilyum/Zambak Seni Seviyorum Kurabiye Sepeti Seni Seviyorum Hediye Sepetleri Yeni İş

Hediye Yeni İş Orkide Yeni İş Meyve Sepeti Yeni İş İlginç Hediyeler Yıl Dönümü

Yıl Dönümü Papatya/Gerbera Yıl Dönümü Pasta Yıl Dönümü Oyuncak Özür Dilerim

Özür Dilerim Aranjmanlar Özür Dilerim Çikolata Özür Dilerim Retro Hediyeler İçimden Geldi

İçimden Geldi Saksı Çiçekleri İçimden Geldi Çok Satanlar İçimden Geldi Oscar Ödülleri Yeni Bebek

Yeni Bebek Çiçek Buketleri Yeni Bebek Ofis Hediyeleri Açılış/Tören

Açılış/Tören Mevsim Çiçekleri Açılış/Tören Saat Söz/Nişan/Düğün

Söz/Nişan/Düğün Gelin Buketleri Söz/Nişan/Düğün Ev Hediyesi Geçmiş Olsun

Geçmiş Olsun Yapay Çiçek Geçmiş Olsun Takı - Aksesuar Cenaze Çelenkleri

Cenaze Çelenkleri Premium Parfüm

Çok Satanlar

Header «Wording with context» yapısıyla oluşturulmuştur. Alt menüler yukardan açılabilirdir. Etkileşimli ortam içeriği hedef kitleye ve amaca göre yapılandırılmıştır. İçerik doğru şekilde kategorize edilip, yeterli sayıda link altında organize edilmiştir.

Sitede, siteyi kuşbakışı tarayabileceğimiz bir site haritası ayrıca bulunmamaktadır.

09.01.2014 3

Ortam arama motorlarında yapılan aramalarda üst sıralarda yer alıyor ve ortamın başlıkları, içeriği, seçilen anahtar kelimeler, anahtar kelimelerin metin içindeki dağılımı vb. kriterler açısından site AMO sürecine uygundur.

09.01.2014 4

Ortamın başlıkları, içeriği, seçilen anahtar kelimeler, anahtar kelimelerin metin içindeki dağılımı vb. kriterler açısından site AMO sürecine uygundur.

09.01.2014 5

Ortamın başlıkları, içeriği, seçilen anahtar kelimeler, anahtar kelimelerin metin içindeki dağılımı vb. kriterler açısından site AMO sürecine uygundur.

09.01.2014 6

Carousel

Content Area

Footer

Logo Utilities

SearchNavigasyon

Header

09.01.2014 7

09.01.2014 7

Content Area

Footer

Logo Utilities

SearchNavigasyon

Navigasyon

Header

09.01.2014 8

Scroll bar sayesinde anasayfanın devamını görebiliyoruz. Sayfanın bu kadar olmadığını görünen sayfanın sonundaki resimlerin sayfanın devam ettiği hissi vermesinden anlıyoruz. Ancak sayfa sonuna geldiğimizde en başa dönmemizi sağlayacak yönlendiricisi yok. Yine sayfanın en üstüne de scroll bar yardımıyla çıkıyoruz.

09.01.2014 9

Header «Wording with context» yapısıyla oluşturulmuştur. Navigasyon ikonları içerikle uyumludur.

Logoya tıklandığında anasayfaya yönlendiriyor; ancak bunu belirten bi içerik yok. Utilities kısmında «Kullanıcı Girişi», «Sipariş Takip» ve yer seçebileceğimiz «drop down

menü» bulunuyor. Kullanıcıların tercih ettiklerinde en kolay ulaşabilecekleri şekilde konumlandırılmışlar. Kullanıcı Giriş panelinde «Giriş Yap» butonuyla birlikte «İptal» butona yer verilmemiştir. Panelde örnek içerik kullanılmamakla birlikte yanlış girildiği takdirde uyarılarla desteklense de yeterli değildir. Doğru girişlerde takdir kullanılmamıştır.

Sipariş Takip paneli de kullanıcı giriş paneliyle aynı özellikleri taşımakla birlikte Sorgula butonunun yan tarafta bulunması hata uyarısı halinde görülemez hale gelmektedir.

Arama Motoru sağ üstte navigasyon barı hizasında konumlanmış ki navigasyon barının yetmediği veya tercih edilmediği durumlarda en rahat ulaşılabilen bir konuma oturtulmuş.

Arama Motorunun Altında kırmızı şeritle ayrılmış alışveriş sepeti sepet ikonuyla ayrıştırılmaya çalışılsa da yetersiz kalmış. Ancak tıklandığında sepet aşağı doru açılıyor ancak bu hareketi destekleyecek bir içerik mevcut değil.

09.01.2014 10

Navigasyon barı aşağı doğru açılan drop downmenü ile alt menülere açılıyor.

Her bir alt menü kendi içinde gönderim amacı ve ürün grubu şeklinde iki ayrı şekilde katogorizeedilmiş şekilde karşımıza çıkıyor.

Ayrıca menü ve alt menüler arası geçişlerde hassasiyet oranı düşük, alt menü de tarama yaparken menü kapanmıyor.

Tıklandığında Carousel kalkıyor ve sol yanda da filtreleme çıkıyor. Aynı zamanda sağ üstte header’ınaltında «ekmek kırıntısı» seklinde nerden nereye geldiğimizi gösteren yönlendirici içeriyor.

Sol üst yan da ise sıralama seçenekleri mevcut. Ekmek kırıntısı dışında navigasyon barında nerde

olduğumuza dair bir iz göremiyoruz. Bu da aşağılara indirdiğimizde ekmek kırıntısını göremediğimizden sitenin eksik yönlerinden.

09.01.2014 11

Site içi arama motoru girilen anahtar kelimenin içinde geçtiği ürün isimleri ve beraberinde görselleriyle birlikte bir menü olarak açılmaktadır. Site içinde arama motoru işlevseldir.

09.01.2014 12

Carousel header’ın hemen altında konumlanmış.Gayet şık ve sade. Fiyat, mesajve görselle desteklenmiş. Sol aşağıda bulunan sağ-sol ikonuyla Carousel’e müdahale edebilsek de kaç görselle karşı karşıya olduğumuz hakkında bi’ bilgimiz yok. Carousel içindeki görsel sayısı belirtilmemiş.

09.01.2014 13

İçerik «F» paterne uygundur. İçerik sade, yalın ve görsel ağırlıklıdır. Boşluklar dengeli kullanılmış. Renklerdeki canlılık görsellere ve butonlara bırakılmış. Diğer tipografik

içerikler de tek renk siyah tercih edilerek sayfanın genelinde kontrast ve hiyerarşi sağlanmış.

Seçilen renkler, görsellerin bölümlenmesi, içeriklerin gruplanması hem kendi içinde hem de sayfanın genelinde bir tutarlılık yaratmış.

09.01.2014 14

Hakkımızda ve İletişim başta olmak üzere diğer tüm yönlendirmeler «Footer» bölümünde yer almıştır. Sayfanın en başına dönmek için «UP» sekmesi bulunmamaktadır. Görsel olarak Content Area’dan bağımsız ancak menülerle uyumlu, sade ve az renk çeşitliliğiyle sayfanın bütünüyle

tutarlılık sağlamış.

09.01.2014 15

Sitenin genelin de «Helvetica» yazı tipi ve 9-10 punto yazı büyüklüğü tercih edilmiş.

Beyaz alan kullanımı dengeli kullanılmış. Satır uzunluğu 20 kelimedir ve uzun tutulmuş. Sık sık paragraf kullanımı tercih edilerek kolay

okunabilirlik artırılmaya çalışılmış. Özellikle «footer» seçeneklerindeki metin

içeriklerinde vurgu ve hiyerarşi sağlanmamış. F paterne uygunluk yok. Fazla ve okunabilirliği kısıtlı metinler mevcut. Yalın dil kullanılmakla birlikte metinlerde göz

ucuyla taramaya müsait şekilde hiyerarşi sağlanmamış.

Yer yer büyük harf kullanımıyla metnin okunabilirliği azaltılmış.

Ana navigasyonun tersine footer’da ki alt seçenekler nerde olduğumuzu gösteriyor.

09.01.2014 16

Video için youtube tercih edilmiş. Youtube’un kendi içinde görüntü kalitesi seçenekleri

mevcut. <iframe width="640" height="360"

src="//www.youtube.com/embed/gcnoQPOY__w?feature=player_embedded" frameborder="0" allowfullscreen></iframe>

Yerleştirme kodunda gömülmüş bi etiket mevcut değil.

http://cdn.ciceksepeti.com/cicek/at281-1/M/seramikte-beyaz-gerbera-lilyum-ve-sebboylar.jpg

Görsel etiketleri anlamlı kullanılmış

Video ve ses içerikleri hakkında kullanıcıya ön bilgi sunmuyor. (dosyanın ebatı, formatı, türü, indirme süresi, vs.)

Ses kalitesi yerinde indirme ve yüklenme süresi hızlı. Video, ses ve görüntü içerikleri optimize edilmiş.

09.01.2014 17

Form ideal uzunlukta kullanıldığı için inputisimlerinin üste yer almasında bi sakınca yok.

İnputlarda açıklayıcı örnek metin veya silinebilir iç metin yok.

Zorunlu alan kullanımında sadece mail istediği için; mesaj kutusu ve mail içerik kutusu bu form için yeterli olabilirdi.

Buton olarak sadece GÖNDER butonu kullanılmış ancak İPTAL veya EKRANI TEMİZLE gibi ikincil işlevde bir buton kullanılmamış.

Form hatalara cevap veriyor ancak sadece zorunlu giriş alanlarında.

Doğru bilgide ise geri bildirim yok.

09.01.2014 18

Facebook ile giriş yapıldığı halde sepetime ekle butonu çalışmamıştır. Bu nedenle Sipariş Formu ve adımları incelenememiştir. Bu da sitenin en büyük eksikliği olarak tespit edilmiştir.

09.01.2014 19

Farklı kullanıcı gruplarını desteklemiyor. Özürlülere ilişkin hiç bir uygulama yok. Deneyimsiz kullanıcılar, çocuklar, yaşlıların kullanabilmesi kısmen mümkün.

09.01.2014 20

Farklı kültürlere yönelik uygulama yok. Dil : Türkçe Adres, telefon, zaman ölçüm sistemleri Türk kullanıcılara

yönelik.

21

Android mobil sitesinde de, Iphoneuygulamasında da arayüz ve tüm adımlar aynıdır. Sadece arama motoru kısmında farklılık göstermektedirler.

Mobil versiyonlarda ara yüz oldukça sade ancak web sitesinden de tamamen bağımsız olmadan hangi markayla iç içe olunduğunu açıkça belli edecek şekilde tasarlanmış.

Menü ekranı yukarı kaydırdıkça devam ediyor. İlk görüntüden de anlaşılacağı gibi son görüntünün yarım kalması devam hissini yaratmaya olanak sağlamış.

Navigasyon barı alta beş seçenekten oluşmakta ve görsel ikonlarla desteklenmektedir.

Bulunulan sayfa ise daha belirgin hale getirilerek nerde olduğumuz konusunda bilgi vermekte ayrıca sayfayı kaydırsak bile navigasyon barı allta sabit kalarak sürekli görünür haldedir.

09.01.2014 22

Sağ üstte konumlanmış «yer açılabilir menüsü sağ tarafta görüldüğü gibi ayrıca sayfanın tamamını kaplayacak şekilde açılarak seçimden sonra bulunduğumuz yerde kalmamıza olanak sağlıyor.

09.01.2014 23

Iphoneuygulamasında arama motoru tamamlama ve ilgili içerik gösterimi şeklinde çalışırken;

Android tarafında mobil sitenin arama motorunun hiçbir işlevselliği yoktur.

09.01.2014 24

Form ideal uzunlukta kullanıldığı için input isimlerinin üste yer almasında bi sakınca yok.

İnputlarda açıklayıcı örnek metin veya silinebilir iç metin yok. Zorunlu alan kullanımında sadece mail istediği için; mesaj

kutusu ve mail içerik kutusu bu form için yeterli olabilirdi. Buton olarak sadece GÖNDER butonu kullanılmış ancak İPTAL

veya EKRANI TEMİZLE gibi ikincil işlevde bir buton kullanışmamış.

Form hatalara cevap veriyor. Doğru bilgide ise geri bildirim yok. Yatay kullanım da input isimleri yana kayarak formu daha

görünür kılmıyor.

09.01.2014 25

Sipariş 6 adımda gerçekleşmektedir. Üye olmadan devam etme opsiyonu vardır. Diğer formlarında olduğu gibi burda da İPTAL butonu kullanılmamış. «Sözleşmeyi okudum, onaylıyorum» ve «kart ismim görünmesin» opsiyonu kullanıcıya bırakılırken, «siparişim teslim edildiğinde posta veya

SMS’le bilgilendirilmek istiyorum» seçili gelmektedir. Formlarda yönlendirici silinebilir içerik veya açıklayıcı metinler yoktur. Sadece hatayı anında söyleyen geri bildirimler vardır. Ancak doğru

girildiğinde geri bildirim verilmemektedir.

09.01.2014 26

Yüklenen sayfayı beklerken sadece markanın logosu saat hissiyle dönmektedir.

Süre, tamamlanma vs gibi geri bildirimler veerilmemektedir.

09.01.2014 27

Fatma Kaya Köylü