Kullanıcıların ilk olarak ulaştığı sayfa hangisi olursa olsun, bu ilk ekranda, sayfanın üst kısımdaki alanla dikkatlerini çekmek ve hakkınızda bilgi vermek için yalnızca birkaç saniyeniz vardır. Basit bir hiyerarşi kullanmak sayfanıza, kullanıcılara yol gösteren ve görmelerini istediğiniz öğeleri öne çıkaran net bir yapı kazandıracaktır.
Unutulmaması gereken bir başka nokta ise, sitenizin bilgi mimarisidir. Kullanıcılar, sitenizde bilgileri tutarlı bir şekilde düzenleme ve görüntüleme tarzınıza dayanarak tanıdık sayfaları, tanıdık olmayanlardan ayırt edebilir. Web sitenizin yapısı mantıklı veya bekledikleri gibi değilse, kullanıcılar kaybolacak ve bir sonraki adımda nereye gideceklerinden emin olmayacaklardır. Bu, genel hayal kırıklığının artırır ve kullanıcıların sitenizden ayrılmasına yol açabilir.
İpuçları:Sayfanızı yapılandırmak üzere aşağıdaki basit ipuçlarından yararlanın:
- Kontrast: Sayfadaki öğeleri yan yana getirirken renk, doygunluk veya opaklık unsurlarından yararlanma.
- Boyut: Boyut, kullanıcılara yol göstermek için en kolay tasarım araçlarından biridir. Kullanıcıların dikkatini sayfadaki en önemli bilgilere çekmek için BÜYÜK ve KALIN öğeler kullanmaktan korkmayın.
- Hizalama: Ortak bir eksene yerleştirilen öğeler birbirleriyle alakalı görünür.
- Boş alan: Belirli öğelere, etraflarında boş alan bırakarak dikkat çekme. Bu aynı zamanda, tasarımınızın göze daha fazla hitap etmesine yardımcı olur.
- Yerleşim düzeni: Öğelerin sayfanıza basit bir düzende bulunması, tertiplilik hissi uyandırır.
Örnek:
Gazete siteleri hiyerarşiden yararlanarak yapı oluşturmada genellikle çok başarılıdır. Flaş haber yazısı veya haberlerin en önemli parçası ekrana hükmeder. Böylece, bunların ilk gördüğünüz unsurlar olması sağlanır. Diğer bölümlerden önemli manşetler de büyük ve kalın yazı tipleriyle görüntülenir. Bu sayede, ekrana göz atan bir kullanıcı bu manşetleri hızlı ve kolay bir şekilde ayırt edebilir. Fotoğrafların ve manşetlerin boyutları ve oluşturdukları kontrastlar, kullanıcıları sayfada yönlendirmeye yardımcı olur.