Shopify mağazasını yeniden tasarlarken ilk sırayı otomatik olarak ana sayfaya vermeyin. Müşterinin mağazaya nereden geldiğini, hangi görevi tamamlaması gerektiğini ve hangi engelin bu görevi bozduğunu belirleyin. Sonra sayfa ailelerini, ortak bileşenleri, içerik hazırlığını ve uygulama bağımlılıklarını birlikte sıralayın.
Reklam ziyaretçisinin çoğunlukla doğrudan ürün sayfasına geldiği bir mağazada ürün deneyimi öncelikli olabilir. Müşterinin geniş bir katalogda uygun ürünü bulamadığı mağazada koleksiyon ve gezinme daha erken ele alınabilir. Bunlar başlangıç hipotezidir; sizin veriniz ve gözleminizle doğrulanmaları gerekir.
Bu rehber, yeniden tasarım kararı verildikten sonraki kapsam sırası içindir. Daha küçük bir değişikliğin yeterli olup olmadığını henüz bilmiyorsanız önce mevcut temayı geliştirme ve yenileme kararını inceleyin.
Satın almayı bozan hatayı büyük projenin sonuna bırakmayın
Yanlış seçeneğin sepete eklenmesi, temel bir düğmenin çalışmaması veya gerekli ürün bilgisinin yanlış gösterilmesi varsa önce bu hatayı kaydedin. Düzeltme ayrı ve sınırlı biçimde yapılabiliyorsa bütün yeniden tasarımın tamamlanmasını beklememelidir.
Böyle bir hatayı “ürün sayfasını zaten yenileyeceğiz” diyerek kapatmak, mevcut müşterinin sorununu sürdürür. Öte yandan bütün davranış sorunlarını da teknik hata saymayın. Ziyaretçinin ürünü istememesi, ürün bilgisini anlamaması ve bir eylemi teknik olarak yapamaması farklı kanıtlar gerektirir. Satış yok teşhis rehberi bu ayrımı kurmak için kullanılabilir.
Yeniden tasarım dosyasında acil düzeltmeyle yeni deneyim tasarımını ayrı satırlara yazın. Her ikisinin kabulü ve uygulama zamanı görülsün.
Tek tek adreslerden önce sayfa ailelerini çıkarın
Yüzlerce ürün adresi, yüzlerce farklı tasarım anlamına gelmez. Aynı düzeni paylaşan sayfalar bir şablon üzerinden yönetilebilir. Önce hangi ürün veya içerik gruplarının gerçekten farklı düzen ve işlev istediğini belirleyin.
Kapsam envanterinizi şu ailelerle başlatabilirsiniz:
Dar ekranda tabloyu yana kaydırabilirsiniz.
| Sayfa ailesi veya ortak alan | Müşterinin işi | Kapsamı ayırabilecek durum |
|---|---|---|
| Ana sayfa | Markayı ve giriş yollarını anlamak | İlk kez gelen ile belirli ürünü arayan ziyaretçinin yolu |
| Koleksiyon | Uygun ürünleri bulup karşılaştırmak | Farklı ürün aileleri ve seçim bilgileri |
| Arama ve sonuçlar | Bildiği veya tarif ettiği ürüne ulaşmak | Sonuç olmayan ve uzun sorgu durumları |
| Ürün | Doğru ürünü ve seçeneği seçmek | Farklı bilgi ihtiyacı olan ürün grupları |
| Sepet | Seçimini doğrulayıp ilerlemek | Boş/dolu sepet, adet ve seçenek durumları |
| Kampanya veya özel giriş sayfası | Belirli vaatle ürüne ilerlemek | Kampanyanın hedefi ve farklı ürün yolu |
| Marka ve destek içerikleri | Gerekli güven ve kullanım bilgisini bulmak | Ürünle veya alışverişle ilişkili sorular |
| Üst menü, ürün kartı, alt alan gibi ortak bileşenler | Sayfalar arasında tutarlı hareket etmek | Bir değişikliğin birçok sayfaya etkisi |
Bu liste her mağaza için zorunlu teslim paketi değildir. Kullanmadığınız aileyi çıkarın, gerçekten farklı bir davranış isteyen aileyi ekleyin. Benzer sayfaları gereksiz yere çoğaltmak hem içerik hem kabul işini büyütür.
Kanıt dosyasını sayfa ailesiyle eşleştirin
Her aile için tek bir ekran görüntüsü yerine hangi müşteri görevinin zorlandığını gösteren kaydı bulun. Elde bulunan kaynaklar şunlar olabilir:
- Giriş sayfaları ve ziyaretin sonraki adımları.
- Müşteri destek soruları ve belirli bir ihtiyacı açıklayan geri bildirimler.
- Mağaza içi aramalarda aranan fakat bulunamayan ürünler.
- Belirli cihazlarda tekrar üretilebilen sorunlar.
- Önemli ürünlerde eksik seçim bilgisi.
- İçerik ekibinin tekrar eden yönetim güçlükleri.
Bir kaydın kapsamını da yazın. Tek bir destek mesajı bütün müşterilerin davranışını göstermez. Yüksek ziyaret sayısı da o sayfanın mutlaka sorunlu olduğu anlamına gelmez. Trafik, sorun ve iş hedefini birlikte değerlendirin.
Performans sorunu varsa Shopify'ın web performans raporları sayfa türü, sayfa adresi ve cihaz ayrımlarını incelemeye yardımcı olabilir. İlgili rapor yetkisi gerekir; yeni veya özel erişimli mağazada yeterli veri bulunmayabilir ve yapılan değişiklik anında görünmeyebilir. Veri yoksa performansı iyi ya da kötü ilan etmek yerine bu alanı bilinmiyor olarak bırakın.
Önceliği puan uydurmadan gerekçelendirin
Etkisi, eforu ve kanıtı bilinmeyen işlere kesin puanlar vermek tabloyu doldurur fakat kararı güçlendirmez. Her sayfa ailesi için şu soruları sırayla cevaplayın:
- Görev ne kadar gerekli? Müşteri ürünü seçmek veya satın almaya ilerlemek için bunu yapmak zorunda mı?
- Sorunun kanıtı ne? Tekrar üretilebiliyor mu, gerçek geri bildirim var mı, yalnız ekip tahmini mi?
- Kapsamı ne? Bir ürün, bir şablon veya birçok sayfa mı etkileniyor?
- Önce ne hazırlanmalı? Ürün verisi, görsel, uygulama veya ortak bileşen olmadan uygulanabilir mi?
- Efor hakkında ne biliyoruz? İncelenmiş iş mi, tahmin mi, teknik araştırma mı gerekiyor?
Önce gerekli bir görevi açıkça engelleyen ve kanıtı bulunan alanları ele alın. Aynı önemdeki işler arasında bağımlılıkları açan ve kapsamı bilinen iş daha erken uygulanabilir. Önemli ama belirsiz bir işi sıradan çıkarmayın; önce o belirsizliği kapatacak incelemeyi planlayın.
“Kolay olduğu için önce” kararıyla “önemli olduğu için önce” kararını ayrı yazın. Küçük bir görsel değişiklik hızlı yapılabilir; bu, mağazanın esas sorununun çözüldüğünü göstermez.
Ortak bileşenler tasarım sırasını değiştirebilir
Ana menü, ürün kartı, fiyat/seçenek alanı veya sepet açma davranışı birçok sayfada tekrar kullanılabilir. Ürün sayfasını ilk sıraya koysanız bile bu sayfaya bağlı ortak bileşenlerin önce tanımlanması gerekebilir.
Örneğin ürün kartında hangi bilginin görüneceği henüz belli değilse koleksiyon ve arama sonuçlarını ayrı ayrı tamamlamak tutarsızlık yaratabilir. Önce ortak kartın gerçek ürünlerle kullanılacak bilgi düzenini belirleyip iki ailede kontrol etmek daha uygulanabilir olabilir.
Burada bütün tasarım sistemini eksiksiz hazırlayana kadar sayfa işini bekletmek gerekmez. Öncelikli akışın ihtiyaç duyduğu ortak parçaları seçin; bu parçaların değiştiği diğer sayfaları kabul listesine ekleyin. Ortak bir bileşenin kapsamını yalnız ilk göründüğü sayfayla sınırlamayın.
Üç temsili mağazada ilk sıra farklı olabilir
Aşağıdaki senaryolar yöntem örneğidir; gerçek müşteri bulgusu veya denenmiş proje sonucu değildir.
Dar ekranda tabloyu yana kaydırabilirsiniz.
| Durum | İlk tasarım kapsamı | Sonraki kapsam | Sıranın gerekçesi |
|---|---|---|---|
| Doğrudan ürüne gelen ziyaretçi gerekli ölçü bilgisini bulamıyor | İlgili ürün ailesi ve ortak bilgi/seçenek alanı | Koleksiyon kartlarının aynı seçim diline uyarlanması | İlk görev ürün seçimi; giriş yolu ana sayfadan geçmiyor |
| Katalog genişlemiş, uygun ürün bulunamıyor | Gezinme, koleksiyon ve ortak kart | Ürün ailesine özgü ayrıntıların düzenlenmesi | Ürün sayfasına ulaşmadan seçim zorlaşıyor |
| Marka anlatımı ve katalog yönü değişmiş | Ana sayfanın giriş yolları ve ilgili koleksiyon yapısı | Yeni konumlandırmayı taşıyan ürün şablonları | İlk ziyaretçinin nereye ilerleyeceği ve hangi ürün grubunu seçeceği değişiyor |
Bu sıralamalar otomatik öneri değildir. Gerçek bir teknik engel veya farklı müşteri yolu bulunursa sıra değişir. Her tabloda “bu seçimi ne değiştirirdi?” sorusuna bir cevap eklemek yararlıdır: örneğin sorunun başka şablonda da görülmesi veya ürün bilgisinin henüz hazır olmaması.
Ödeme ve hesap sayfalarını tema kapsamından ayırın
Sepet ile ödeme sayfasının aynı çalışma alanı olduğunu varsaymayın. Shopify'ın ödeme ve hesap düzenleyicisi tema editöründen ayrıdır. Standart görünüm düzenlemeleri Basic ve üzeri planlarda bulunurken bilgi, kargo ve ödeme sayfalarına uygun uygulama eklemek Plus koşuluna bağlıdır.
Yeniden tasarım dosyasında bu alanlarla ilgili ihtiyacı kaydedebilirsiniz; uygulama yolu ve plan uygunluğunu ayrı doğrulayın. Bir sayfa çiziminin hazırlanmış olması o düzenin mevcut hesapta uygulanabileceğini göstermez. Ödeme sağlayıcısı veya kargo koşulu değişecekse ödeme yöntemleri ve kargolama rehberleri üzerinden ayrı iş açın; sayfa tasarımının içine görünmez bağımlılık eklemeyin.
İçerik ve efor, uygulama sırasının parçasıdır
Ürün sayfasını ilk sıraya almak için gereken ölçü bilgisi hazır değilse iki yol vardır: önce bu bilginin hazırlanmasını planlamak veya diğer bağımsız işlerle ilerlerken içerik sahibini ve beklenen teslimi açık tutmak. Eksik içeriği tasarımda sahte bilgiyle tamamlamayın.
Geliştirme eforunu sayfa sayısıyla tek başına değerlendirmeyin. Tek bir ürün şablonu birkaç uygulamaya bağlı olabilir; çok sayıda destek sayfası ise ortak bir düzende yönetilebilir. Henüz teknik inceleme yapılmadıysa kesin süre yazmak yerine inceleme gerekiyor durumu kullanın.
Aşağıdaki dosya bu ayrımları birlikte tutar:
Dar ekranda tabloyu yana kaydırabilirsiniz.
| Sayfa ailesi / örnek adres | Müşteri görevi ve kanıt | Değişecek alan | Ön koşul ve sahibi | Efor durumu | Kabul | Sıra ve gerekçe |
|---|---|---|---|---|---|---|
| — | Gözlem / veri / varsayım ayrımı | Şablon veya ortak bileşen | İçerik, uygulama veya tasarım bağımlılığı | İncelendi / tahmin / bilinmiyor | Hangi görevle doğrulanacak? | Neden önce/sonra? |
Tabloya yalnız “ürün sayfası yenilenecek” yazmak yeterli değildir. Hangi ürün ailesi, hangi bilgi sırası, hangi seçim davranışı ve hangi kabulün değişeceğini belirtin. Yeni fikirler ortaya çıktığında sırayı değiştirmeden önce gerekçeyi bu dosyada karşılaştırın.
Bu alanları ekibinizle doldurmak için Tema değerlendirme ve müdahale dosyasının sayfa kapsamı bölümünü kullanabilirsiniz.
Kabulü görsel onayın ötesine taşıyın
Her sayfa ailesinde en azından kendi kapsamını temsil eden normal ve sınır durumlarını seçin: uzun içerik, eksik görsel, stokta olmayan seçenek, boş arama sonucu veya dolu sepet gibi. Müşterinin görevi tamamlayabilmesini ve marka ekibinin alanı yönetebilmesini birlikte kontrol edin.
Mobil kullanım, okunurluk ve görünür klavye odağı da kabulün parçası olsun. Erişilebilirlik rehberi temel kontrolleri açıklar; birkaç kontrolden geçmek bütün mağaza için erişilebilirlik garantisi değildir.
Önemli çalışan adresleri, ürün bilgilerini ve iç bağlantıları koruyun. Ürün ve koleksiyonların arama görünürlüğü rehberi ilgili karşılaştırmayı, yayına hazırlık rehberi ise alışveriş kabulünü tamamlar. Tasarım sırası ile yayın sırası farklı olabilir: ortak bileşenler nedeniyle birlikte geçmesi gereken değişiklikleri tek bir yayın kapsamı olarak kaydedin.
İlk teslimi gerekçeli bir sayfa kapsamı yapın
Yeniden tasarımın ilk çıktısı bütün ekranların listesi olmak zorunda değildir. Öncelikli müşteri yolu, bu yolun kullandığı sayfa aileleri, ortak bileşenler, içerik sahipleri ve kabul koşulları belirli olsun. Sonraki ailelerin neden beklediği ve hangi koşulda sıraya alınacağı görülsün.
Henüz kanıtınız yoksa ilk iş varsayımları gerçek sayfalarda incelemektir. Gerekçeli kapsamınız hazırsa Shopify tasarım ve geliştirme hizmetini bu dosyayla değerlendirebilirsiniz. Yeniden tasarım görüşmesine sayfa ailelerini ve bağımlılıkları eklemek, yalnız ekran sayısı üzerinden konuşmaktan daha açık bir proje başlangıcı sağlar.
