Bettilt için oluşturulan bu yeni rehber, klasik tanıtım sayfası kalıbının dışına çıkar. Spor programının nasıl okunabileceğinden canlı etkinlik ekranlarına, mobil kullanım alışkanlıklarından kategori seçimine ve hesap güvenliğine kadar farklı konuları bağımsız bilgi alanları halinde ele alır.
Branş, turnuva ve etkinlik durumuna göre ayrılan program yapısı.
Devam eden etkinliklerde skor ve durum bilgilerinin neden öncelikli olduğunu keşfet.
Uzun içerik listelerini daha küçük koleksiyonlara ayıran keşif mantığı.
Küçük ekranlarda gereksiz yoğunluğu azaltan responsive yapı.
Ziyaretçilerin tamamı aynı amaçla gelmez. Bu nedenle yeni Bettilt sayfa mimarisi, farklı kullanıcı sorularını birbirinden ayırarak daha taranabilir bir içerik deneyimi oluşturur.
Ana sayfada her bilgiyi aynı anda göstermeye çalışmak yerine temel bölümler açık biçimde birbirinden ayrılır. Spor, canlı etkinlik, kategoriler, mobil kullanım ve güvenlik alanları kullanıcının doğrudan ilgili konuya geçmesini sağlayacak şekilde yapılandırılır.
Branş ve etkinlik yapısını daha rahat incelemek için kategori odaklı program yaklaşımı.
Başlamış karşılaşmalarda değişen bilgilerin öne çıkarıldığı ayrı ekran mantığı.
Telefon ekranında daha büyük dokunmatik alan ve daha sade navigasyon.
Parola, bağlantı kontrolü ve hesap bilgilerinin korunmasına yönelik temel kullanım notları.
Farklı spor branşları farklı bilgi önceliklerine sahiptir. Futbolda başlangıç zamanı ve maç durumu önemliyken basketbolda periyot, teniste ise set bilgisi daha görünür hale gelebilir.
Aşağıdaki değerler gerçek kullanım veya bahis verileri değildir. Tasarım içerisindeki grafik bileşenlerini göstermek için kullanılan temsili arayüz değerleridir.
Temsili spor arayüzü dağılımı
Yalnızca tasarım örneğidir
İnternet üzerindeki bir sayfaya hesap bilgisi girilecekse ilk kontrol noktalarından biri tarayıcının adres çubuğudur. Ziyaret edilen alan adının kullanıcı tarafından beklenen adres olup olmadığının kontrol edilmesi basit fakat önemli bir güvenlik alışkanlığıdır.
Daha önce kullanılan veya tarayıcıya kaydedilen bir bağlantının sürekli güncel kalacağı varsayılmamalıdır. İnternet üzerindeki sayfalar ve yönlendirmeler zaman içerisinde değişebilir. Eski bir paylaşım veya önceden kaydedilmiş bağlantı daha sonra geçerliliğini kaybedebilir.
Ayrıca yalnızca logo ve sayfa renkleri üzerinden doğrulama yapılması yeterli değildir. Benzer görsel öğeler farklı sayfalarda kullanılabilir. Bu nedenle alan adının doğrudan kontrol edilmesi daha güvenilir bir kullanım alışkanlığıdır.
Bu sayfada doğrulanmamış kullanıcı sayısı, garanti edilen işlem süresi, kazanç garantisi veya sabit finansal vaat kullanılmamıştır. Değişken platform bilgileri yayınlanmadan önce güncel kaynaktan kontrol edilmelidir.
Futbol programlarında aynı gün içerisinde farklı ülkelerden çok sayıda lig ve turnuva bulunabilir. Bütün karşılaşmaların tek listede gösterilmesi kullanıcıların ilgilendiği etkinliği bulmasını zorlaştırabilir. Bu nedenle programın lig, ülke veya turnuva bazında filtrelenmesi gezinmeyi kolaylaştırabilir.
Bir karşılaşma kartında takım isimleri ve başlangıç zamanı temel bilgi olarak öne çıkarılabilir. Karşılaşma başladıktan sonra skor ve mevcut durum daha önemli hale gelir. Böylece maç öncesi ekran ile canlı ekran aynı bilgileri aynı öncelikle göstermek zorunda kalmaz.
Mobil kullanımda bu ayrım daha da önemlidir. Telefon ekranında yatay alan sınırlı olduğu için çok sayıda küçük buton veya uzun metin satırı kullanıcı deneyimini zorlaştırabilir. Temel bilgiler ilk katmanda, ayrıntılar ise sonraki ekranda gösterilebilir.
Basketbol karşılaşmalarında skor futbol karşılaşmalarına kıyasla çok daha hızlı değişebilir. Canlı ekran tasarlanırken skorun görünür olması ve karşılaşmanın hangi periyotta bulunduğunun kolay anlaşılması bu nedenle önem kazanır.
Takım isimleri, skor ve periyot bilgisinin aynı görsel ağırlıkla gösterilmesi zorunlu değildir. Kullanıcının en hızlı ihtiyaç duyduğu bilgiye daha güçlü tipografi veya kontrast verilerek görsel hiyerarşi oluşturulabilir.
Farklı sporları tamamen aynı kart yapısına zorlamak yerine genel tasarım dilini koruyup bilgi sırasını branşa göre değiştirmek daha işlevsel bir sonuç sağlayabilir.
Tenis takım sporlarından farklı bir program yapısına sahiptir. Ziyaretçiler belirli bir turnuvayı veya doğrudan belirli bir oyuncunun karşılaşmasını araştırabilir. Bu nedenle turnuva bazlı filtreleme tenis kategorisinde özellikle kullanışlı olabilir.
Devam eden karşılaşmalarda set durumu kullanıcıya maçın mevcut aşaması hakkında hızlı bilgi verir. Set bilgisinin küçük ve fark edilmesi zor bir alanda kalması yerine skor yapısının doğal bir parçası olarak gösterilmesi okunabilirliği artırabilir.
Maç öncesi program henüz başlamamış etkinliklere odaklanırken canlı ekranda karşılaşma devam etmektedir. Bu nedenle kullanıcının görmek istediği bilgiler değişir. Canlı durumda skor, süre, periyot veya set bilgileri daha görünür hale gelebilir.
Canlı bölümün farklı bir durum etiketiyle belirtilmesi kullanıcının hangi ekranda bulunduğunu anlamasını kolaylaştırabilir. Ancak bu ayrımın mutlaka yoğun animasyonlarla yapılması gerekmez. Renk ve tipografi gibi daha sade yöntemler de yeterli olabilir.
Arayüzün temel amacı değişen bilgiyi takip etmeyi kolaylaştırmaktır. Dekoratif öğeler skor veya karşılaşma durumu gibi temel bilgilerin önüne geçtiğinde tasarım görsel olarak dikkat çekici olsa bile işlevselliğini kaybedebilir.
Geniş içerik listelerinde kategori sistemi kullanıcının aradığı bölüme daha kısa yoldan ulaşmasını sağlayabilir. İçerik türü, tema veya başka bir anlamlı sınıflandırma yöntemi kullanılarak uzun listeler daha küçük koleksiyonlara ayrılabilir.
Kategori isimlerinin açık ve kısa olması önemlidir. Kullanıcı bir başlığın ne içerdiğini anlayabilmek için önce o bölümü açmak zorunda kalmamalıdır. Menü etiketlerinin doğrudan içerik türünü anlatması navigasyonu kolaylaştırır.
Telefon ekranının masaüstünden en önemli farklarından biri fiziksel alan ve etkileşim yöntemidir. Masaüstünde fare ile kullanılan küçük bağlantılar mobil cihazda parmakla seçilmek zorunda kalır. Bu nedenle dokunmatik alanların yeterli büyüklükte olması gerekir.
Responsive tasarım yalnızca sayfanın genişliğini küçültmez. Masaüstünde yan yana duran içeriklerin mobil ekranda alt alta geçmesi, bazı ikincil öğelerin gizlenmesi ve menünün sadeleşmesi gerekebilir.
Bettilt için hazırlanan bu tasarımda da geniş ekranlarda çok sütunlu kullanılan kartlar telefon ekranında tek sütun düzenine geçer. Ayrıca mobil cihazlarda ekranın alt kısmında temel bölümlere erişim sağlayan ayrı navigasyon görünür hale gelir.
İnternet hesaplarında aynı parolanın farklı hizmetlerde tekrar kullanılması güvenlik riskini artırabilir. Bir hizmette yaşanabilecek veri problemi aynı parola kullanılan diğer hesapları da etkileyebilir. Bu nedenle benzersiz parola kullanmak daha güvenli bir yaklaşımdır.
Parolanın tahmin edilmesini zorlaştırmak için uzunluk, farklı karakter türleri ve rastgelelik önemlidir. İsim, doğum tarihi veya kolay tahmin edilebilir sayı dizileri gibi kişisel bilgiler parola olarak tercih edilmemelidir.
Hesap bilgileri üçüncü kişilerle paylaşılmamalıdır. Kullanıcıdan parola veya doğrulama kodu isteyen beklenmedik mesajlara karşı dikkatli olmak da hesap güvenliğinin önemli parçalarından biridir.
Ortak cihaz kullanılıyorsa işlem tamamlandıktan sonra oturumun kapatılması ve parolanın tarayıcıya kaydedilmemesi düşünülebilir. Kullanıcının hesabına erişebilecek cihaz sayısını sınırlaması riski azaltmaya yardımcı olabilir.
Uzun katalogların tamamını aynı ekranda göstermek yerine farklı kullanım amaçlarına göre ayrılmış kategoriler daha sade bir keşif alanı oluşturabilir.
Futbol, basketbol, tenis ve farklı spor branşlarının etkinlik takvimini birbirinden ayıran kategori yaklaşımı.
Başlamış karşılaşmaların maç öncesi programdan ayrıldığı ve değişen durum bilgilerinin öne çıktığı bölüm.
Geniş kataloglarda içerik türü veya tema gibi filtrelerin kullanıldığı daha düzenli keşif alanı.
Yeni içeriklerin ana katalog içerisinde kaybolmasını önlemek amacıyla ayrı bir bölümde görüntülenebileceği yapı.
Belirli başlangıç ve bitiş tarihine sahip dönemsel içeriklerin kalıcı kategorilerden ayrıldığı bölüm.
Kullanıcının uzun menüler arasında dolaşmadan temel içerik gruplarına ulaşmasını amaçlayan kısa navigasyon alanı.
Kampanya bilgileri zaman içerisinde değişebileceği için bu şablonda doğrulanmamış sabit bonus yüzdeleri kullanılmadı. Bunun yerine bir kampanya metninde kontrol edilmesi gereken temel noktalar ayrıldı.
Kampanyanın başlangıç ve bitiş dönemini kontrol et. Geçmiş bir duyurunun halen geçerli olduğunu varsayma.
Tekliften yararlanmak için özel katılım işlemi veya minimum gereksinim bulunup bulunmadığını incele.
Kampanyanın hangi spor veya içerik kategorilerinde kullanılabildiğini kontrol et.
Varsa kullanım ve çevrim koşullarını kampanyaya katılmadan önce ayrıntılı biçimde oku.
Minimum gereksinimlerin yanında maksimum kullanım veya diğer üst sınırların bulunup bulunmadığını kontrol et.
Eski ekran görüntüleri yerine erişim anında gösterilen güncel kampanya koşullarını esas al.
Mobil kullanımda ekran alanı sınırlı olduğu için bilgi sıralamasının yeniden düşünülmesi gerekir. Öncelikli işlemler görünür tutulurken ikincil içerikler daha alt bölümlere taşınabilir.
Bu şablonda masaüstünde yan yana kullanılan bileşenler telefon ekranında alt alta geçer. Dokunmatik kullanım için buton yükseklikleri korunur ve temel navigasyon mobil cihazlarda ekranın altına taşınır.
Bağlantı kontrolü, spor ekranı, mobil kullanım, kampanya koşulları ve hesap güvenliğiyle ilgili temel soruların kısa cevapları.
Hesap bilgileri girilmeden önce tarayıcıdaki alan adı kontrol edilmeli ve kaynağı belirsiz yönlendirmelerden kaçınılmalıdır. Daha önce kaydedilmiş bir bağlantının sürekli güncel kalacağı varsayılmamalıdır.
Etkinlik programına göre futbol, basketbol, tenis, voleybol ve farklı spor kategorileri listelenebilir. Mevcut program zamana ve etkinlik takvimine göre değişebilir.
Maç öncesi alan başlamamış karşılaşmalara odaklanırken canlı ekran devam eden etkinliklerde skor ve karşılaşma durumu gibi değişken bilgileri öne çıkarır.
Mobil ekranda okunabilir metinler, yeterli büyüklükte dokunmatik alanlar, sade navigasyon ve ekran genişliğine uyarlanan kartlar önemlidir.
Kampanyanın geçerlilik dönemi, katılım şartları, kapsamı, minimum gereksinimleri ve varsa çevrim koşulları birlikte değerlendirilmelidir.
Başka hesaplarda kullanılmayan benzersiz bir parola tercih edilmeli, hesap bilgileri paylaşılmamalı ve giriş yapılan adres kontrol edilmelidir. Ortak cihazlarda işlem bittikten sonra oturumun kapatılması da önemlidir.