Bettilt için hazırlanan bu rehber, alışılmış tanıtım sayfası kalıbını bir yana bırakıyor. Hesap güvenliği, kategori seçimi, mobil kullanım alışkanlıkları, canlı etkinlik ekranları ve spor programının nasıl okunduğu burada tek bir uzun metne sıkıştırılmıyor; her başlık bağımsız bir bilgi alanı olarak ayrılıyor.
Etkinlik durumu, turnuva ve branş ayrımıyla kurulan program yapısı.
Süren etkinliklerde skorun ve durum bilgisinin neden önce geldiğini keşfet.
Geniş içerik listelerini küçük koleksiyonlara bölen keşif mantığı.
Küçük ekranda gereksiz yoğunluğu seyrelten responsive düzen.
Sayfaya gelen her ziyaretçi aynı amacı taşımıyor. Bettilt için kurulan bu yeni sayfa mimarisi de farklı kullanıcı sorularını ayrı başlıklara dağıtarak daha taranabilir bir içerik düzeni kuruyor.
Ana sayfada bütün bilgiyi tek seferde sıralamak yerine temel bölümler belirgin biçimde birbirinden ayrılıyor. Güvenlik, mobil kullanım, kategoriler, canlı etkinlik ve spor alanları, kullanıcının aradığı konuya tek adımda geçebilmesi için ayrı ayrı kuruluyor.
Kategori odaklı bir program düzeniyle branş ve etkinlik yapısını rahat incelemek.
Başlamış karşılaşmalarda değişen bilgiyi öne alan ayrı ekran düzeni.
Telefon ekranında geniş dokunmatik alan ve sadeleşen navigasyon.
Hesap bilgilerinin korunması, bağlantı kontrolü ve parola seçimi üzerine kısa kullanım notları.
Her spor branşı aynı bilgiyi öne çıkarmıyor. Futbolda başlangıç saati ile maçın durumu belirleyici olurken tenis tarafında set, basketbolda ise periyot bilgisi daha görünür hale geliyor.
Aşağıdaki sayılar gerçek kullanım ya da bahis verisi değildir. Tasarımdaki grafik bileşenlerinin nasıl göründüğünü anlatmak için konulmuş temsili arayüz değerleridir.
Temsili spor arayüzü dağılımı
Yalnızca tasarım örneğidir
Herhangi bir sayfaya hesap bilgisi yazılacaksa ilk bakılacak yer tarayıcının adres çubuğudur. Orada yazan alan adının beklenen adres olup olmadığını doğrulamak basit görünse de önemli bir güvenlik alışkanlığıdır.
Yer imlerine eklenmiş ya da daha önce kullanılmış bir bağlantının her zaman güncel kalacağı düşünülmemelidir. Sayfalar ve yönlendirmeler zamanla değişir; aylar önce paylaşılan bir bağlantı bugün geçerliliğini yitirmiş olabilir.
Logonun ve sayfa renklerinin tanıdık gelmesi tek başına doğrulama sayılmaz; benzer görsel öğeler başka sayfalarda da kullanılabilir. Bu yüzden alan adını harf harf okumak daha güvenilir bir alışkanlıktır.
Sayfada doğrulanmamış kullanıcı sayısı, garantili işlem süresi, kazanç sözü veya sabit finansal vaat yer almıyor. Zamanla değişen platform bilgileri paylaşılmadan önce güncel kaynaktan teyit edilmelidir.
Aynı gün içinde onlarca ülkeden lig ve turnuva futbol programına girebiliyor. Hepsinin tek listede sıralanması, kullanıcının ilgilendiği etkinliği bulmasını zorlaştırıyor. Programı ülke, lig ya da turnuva bazında süzmek gezinmeyi belirgin biçimde kolaylaştırıyor.
Takım isimleri ve başlangıç saati, henüz başlamamış bir karşılaşma kartında temel bilgidir. Oyun başladıktan sonra skor ve güncel durum öne geçer. Bu yüzden maç öncesi program ile canlı ekran aynı bilgiyi aynı sırayla sunmak zorunda değildir.
Mobil kullanımda bu ayrım iyice belirginleşir. Telefon ekranında yatay alan dar olduğundan yan yana dizilmiş küçük butonlar ve uzun metin satırları okumayı yorar. İlk katmanda yalnızca temel bilgi, ayrıntı ise bir sonraki ekranda durur.
Basketbolda skor, futbola kıyasla çok daha sık değişir. Canlı ekran kurulurken skorun ilk bakışta görülmesi ve karşılaşmanın kaçıncı periyotta olduğunun hemen anlaşılması bu yüzden öncelik kazanır.
Takım ismi, skor ve periyot bilgisinin eşit görsel ağırlık taşıması gerekmez. En sık aranan veriye daha kalın bir tipografi ya da daha yüksek kontrastla görsel hiyerarşi kurulabilir.
Bütün sporları tek bir kart kalıbına sıkıştırmak yerine ortak tasarım dilini bozmadan bilgi sırasını her branşa göre kurmak daha işlevsel bir sonuç veriyor.
Tenisin program yapısı takım sporlarına benzemiyor. Ziyaretçi çoğu zaman tek bir turnuvayı ya da doğrudan bir oyuncunun karşılaşmasını arıyor. Turnuva bazlı filtreleme bu yüzden tenis kategorisinde fazlasıyla işe yarıyor.
Süren karşılaşmalarda set durumu, maçın hangi aşamada olduğunu tek bakışta anlatır. Set bilgisi köşede fark edilmeyecek kadar küçük durmak yerine skorun doğal bir parçası gibi göründüğünde okunabilirlik artar.
Maç öncesi bölüm henüz başlamamış etkinlikleri sıralıyor; canlı ekranda ise karşılaşma sürüyor. Kullanıcının görmek istediği bilgi de buna göre değişiyor. Maç sürerken set, periyot, süre ve skor bilgisi listenin en görünür yerine çıkıyor.
Canlı bölümün ayrı bir durum etiketi taşıması, kullanıcının hangi ekranda olduğunu karıştırmamasını sağlar. Bu ayrım için yoğun animasyonlara ihtiyaç yoktur; renk farkı ve tipografi gibi sade yöntemler de iş görür.
Arayüzün asıl işi, değişen veriyi takip etmeyi kolaylaştırmaktır. Süs öğeleri skor ya da karşılaşma durumu gibi temel bilginin önüne geçtiğinde sayfa göze hoş görünse bile işlevini yitirir.
Geniş kataloglarda kategori sistemi, kullanıcının aradığı bölüme birkaç adımda ulaşmasını sağlar. İçerik türü, tema ya da başka anlamlı bir ölçüt seçilerek uzun listeler küçük koleksiyonlara bölünebilir.
Kategori adlarının kısa ve anlaşılır olması önemlidir. Ziyaretçi bir başlığın içinde ne olduğunu görmek için o bölümü açmak zorunda bırakılmamalıdır. Menü etiketi doğrudan içerik türünü anlatırsa navigasyon kendiliğinden hızlanır.
Telefon ekranını masaüstünden ayıran iki temel fark, dar fiziksel alan ve etkileşimin parmakla yapılmasıdır. Fareyle rahatça tıklanan küçük bağlantılar mobil cihazda parmak ucuyla seçilmek zorunda kalır. Bu yüzden dokunmatik alanlar yeterince geniş tutulmalıdır.
Responsive tasarım sayfayı yalnızca daraltmakla kalmaz. Masaüstünde yan yana duran bloklar mobil ekranda alt alta iner, bazı ikincil öğeler gizlenir ve menü sadeleşir.
Bu rehberde de geniş ekranda çok sütuna yayılan kartlar telefon ekranında tek sütuna iniyor. Mobil cihazlarda ayrıca ekranın altında, temel bölümlere tek dokunuşla götüren ayrı bir navigasyon beliriyor.
Aynı parolayı birden fazla hizmette tekrar kullanmak güvenlik riskini büyütür. Tek bir serviste yaşanan veri sızıntısı, o parolanın geçerli olduğu bütün hesapları birlikte açık hale getirebilir. Her hesaba benzersiz bir parola yazmak bu yüzden daha güvenlidir.
Bir parolayı tahmin edilmez kılan şey uzunluk, karakter çeşitliliği ve rastgeleliktir. Ad, doğum tarihi ya da ardışık sayı dizileri gibi kolayca bulunabilen kişisel bilgiler parola olarak seçilmemelidir.
Hesap bilgileri kimseyle, en yakın çevreyle bile paylaşılmamalıdır. Parola ya da doğrulama kodu isteyen beklenmedik mesajlar karşısında temkinli davranmak da hesap güvenliğinin önemli bir parçasıdır.
Ortak kullanılan bir cihazda iş bitince oturumu kapatmak ve parolayı tarayıcıya kaydettirmemek yerinde olur. Hesaba erişebilen cihaz sayısını az tutmak da olası riski küçültür.
Uzun bir katalogu baştan sona tek ekranda sıralamak yerine kullanım amacına göre bölünmüş kategoriler daha sakin bir keşif alanı kuruyor.
Futbol, basketbol, tenis ve diğer spor branşlarının etkinlik takvimini birbirine karıştırmadan ayıran kategori düzeni.
Topun sahada olduğu karşılaşmaların maç öncesi programdan koparıldığı, değişen durum bilgisinin öne alındığı bölüm.
Geniş kataloglarda tema ya da içerik türü süzgeçleriyle kurulan, daha derli toplu bir keşif alanı.
Yeni içeriklerin koca katalogun içinde kaybolmaması için ayrı bir bölümde toplandığı yapı.
Başlangıcı ve bitişi belli olan dönemsel içeriklerin kalıcı kategorilerden ayrı tutulduğu bölüm.
Ziyaretçinin temel içerik gruplarına, uzun menülerde dolaşmadan ulaşmasını hedefleyen kısa navigasyon alanı.
Kampanya koşulları sık sık güncellendiği için burada doğrulanmamış sabit bonus yüzdelerine yer verilmedi. Onun yerine herhangi bir kampanya metninde mutlaka okunması gereken temel maddeler sıralandı.
Kampanyanın hangi gün başlayıp hangi gün bittiğine bak. Aylar önceki bir duyurunun hâlâ geçerli olduğunu varsayma.
Tekliften yararlanmak için ayrı bir katılım adımı ya da minimum gereksinim isteniyor mu, önce buna bak.
Kampanyanın hangi spor branşlarında ya da içerik kategorilerinde geçerli olduğunu kontrol et.
Varsa çevrim ve kullanım maddelerini kampanyaya katılmadan önce satır satır oku.
Minimum gereksinimin yanında maksimum kullanım ya da başka bir üst sınır var mı, ona da bak.
Eski ekran görüntülerine güvenme; kampanya koşullarını erişim anında sayfada yazdığı güncel haliyle esas al.
Mobil kullanımda ekran alanı daraldığı için bilgi sırası baştan kurgulanmalıdır. Öncelikli işlemler görünür kalırken ikincil içerikler sayfanın alt bölümlerine taşınabilir.
Bu rehberde masaüstünde yan yana duran bileşenler telefonda alt alta diziliyor. Buton yükseklikleri dokunmatik kullanıma uygun kalıyor, temel navigasyon ise mobil cihazlarda ekranın altına iniyor.
Hesap güvenliği, kampanya koşulları, mobil kullanım, spor ekranı ve bağlantı kontrolü başlıklarındaki temel soruların kısa yanıtları.
Hesap bilgisi yazılmadan önce tarayıcıdaki alan adı harf harf okunmalı, kaynağı belirsiz yönlendirmelere girilmemelidir. Önceden kaydedilmiş bir bağlantının her zaman güncel kalacağı varsayılmamalıdır.
Etkinlik programına göre tenis, voleybol, basketbol, futbol ve e-spor gibi kategoriler listelenir. Listenin içeriği turnuva takvimine ve güne bağlı olarak değişir.
Maç öncesi bölüm henüz başlamamış karşılaşmaları gösterir; canlı ekran ise süren etkinliklerde skoru ve karşılaşmanın durumunu, yani sürekli değişen veriyi öne alır.
Mobil ekranda metnin rahat okunması, dokunmatik alanların yeterince geniş olması, navigasyonun sadeleşmesi ve kartların ekran genişliğine oturması önemlidir.
Kampanyanın geçerlilik tarihi, katılım şartı, kapsamı, alt ve üst sınırları ile varsa çevrim koşulu bir arada değerlendirilmelidir.
Başka hiçbir yerde kullanılmayan benzersiz bir parola seçilmeli, bağlanılan adres her girişte doğrulanmalı ve hesap bilgileri kimseyle paylaşılmamalıdır. Ortak cihazlarda iş bitince oturum kapatılmalıdır.
