Kurumsal Web & UI/UX

Site neyi başarmalı?

Kurumsal site bir broşür değildir. Ziyaretçinin üç sorusuna hızlı cevap vermelidir: ne yapıyorsunuz, benim işime yarar mı, size neden güveneyim?

Bu üç soruya cevap veremeyen siteler güzel görünse bile iş getirmez. Bu yüzden projeye tasarımdan değil, bilgi mimarisinden başlıyoruz.

Süreç nasıl işliyor?

Önce kullanıcı tiplerini ve her birinin hedefini yazıyoruz. "Ziyaretçi" yeterli bir tanım değildir.

Ardından bilgi mimarisi: hangi içerik nerede duracak, menü nasıl gruplanacak. Yanlış kurulmuş bir yapıyı güzel tasarımla kurtarmak mümkün değildir.

Sonra renk ve görsel olmadan tel çerçeve çiziyoruz. Bu aşamadaki tartışma "mavi mi olsun" değil, "bu düğme burada mı olmalı" sorusudur; doğru tartışma budur.

Görsel tasarımda tek tek ekran çizmek yerine bir sistem kuruyoruz: renk paleti, tipografi ölçeği, boşluk düzeni ve bileşen kütüphanesi. Sistem kurulduğunda yeni ekran üretmek hızlanır ve tutarlılık kendiliğinden gelir.

Yönetim paneli

İçeriğinizi kendiniz güncelleyebilmelisiniz. Her küçük metin değişikliği için ajans aramak zorunda kalıyorsanız site sizin değil sağlayıcınızın kontrolündedir.

Panelde gerçekten değişecek alanları açıyoruz: hizmet açıklamaları, ürün bilgileri, blog, iletişim bilgileri, yasal metinler, analitik kimlikleri.

Yüklenen görseller otomatik olarak doğru boyutlarda ve modern biçimde üretilir; kullanıcıdan doğru boyutta dosya yüklemesini beklemek gerçekçi değildir.

Hız bir tasarım kararıdır

Sayfa deneyimi üç ölçüyle değerlendirilir: en büyük içerik ne zaman göründü, tıklamaya ne kadar geç cevap verildi, içerik yüklenirken zıpladı mı.

En sık suçlular şunlardır: ekrandaki alanına göre fazla büyük görseller, render'ı engelleyen üçüncü taraf kaynaklar ve boyutu belirtilmemiş görseller.

Kendi sitemizde yazı tiplerini üçüncü taraf bir servisten çekmek yerine kendi sunucumuza aldık ve yalnız gereken karakterleri içeren alt kümeye indirdik; yazı tipi yükü beş yüz kilobayttan doksan beş kilobayta düştü.

Erişilebilirlik herkes için iyileştirmedir

Klavyeyle gezilebilen bir site güç kullanıcılar için de hızlıdır. Yüksek kontrastlı metin güneş altında telefon kullanan herkes için okunaklıdır.

Her etkileşimli öğeye sekme tuşuyla ulaşılabilmeli, odaklanılan öğe görünür olmalı, her görselin anlamlı bir alternatif metni bulunmalıdır.

Bu kontroller yayın öncesi kontrol listemizin standart parçasıdır.

Teslim kontrolü

Görsel benzerlik tek başına kabul ölçütü değildir. Her ekranda üç şeyi kontrol ediyoruz: her düğme bir yere gidiyor mu, her form gerçekten kaydediyor mu, her bağlantı var olan bir sayfaya çıkıyor mu?

Boş durum, yükleniyor durumu ve hata durumu da tasarlanır. Bunlar unutulduğunda kullanıcı kırık bir ekranla karşılaşır.