Login Ekranı Tasarımları: İyi ve Kötü 6 Örnek
Login kutuları (Oturum açma ekranları - C.A) basit, kolay kullanılır ve kullanıcıların hayatlarını kolaylaştıracak şekilde olmalıdır. Login kutularının sadece işlevselliği ve tasarımı değil çevresi de çok önemlidir. Kullanıcıların dikkatinin dağılmasını önleyerek daha kolay login olmalarını sağlayabilirsiniz.
Aşağıda login kutuları tasarımları için topladığım örnekler var:
WordPress
WordPress blog yönetimi login ekranı, tasarım açısından tek kelimeyle mükemmel. Sayfa beyaz renkte ve kullanıcının o an ihtiyaç duyduğu tek şeye sahip: Login kutusu. Kullanıcıların kafasını karıştıracak hiçbir fazlalık yok. Basit tasarımın bir örneği.
.png)
WordPress login ekranı detayı:

Eğer bir kullanıcı Gmail hesabına sahipse uzun süre oturum açmış konumda bulunması normaldir. Fakat kullanıcı bu sırada Google Analytics'e oturum açmak istediğinde tekrar parola girmesi gerekir. Çünkü, birçok kullanıcının Gmail için bir hesabı ve Google Analytics için ayrı bir hesabı var. Google bu durum için oldukça iyi bir çözüm üretmiş. Yine de beni hatırla gibi bir sçenek faydalı olabilirdi.

Google Adwors login işlemi ise daha farklı çalışıyor. Eğer kullanıcı Gmail'e login olduysa ve oradan Google AdWords'e geçerse otomatik olarak sisteme giriyor (eğer önceden kayıt olduysa). İki servis için de aynı hesabı kullanmayan kullanıcılar için büyük bir handikap.
Gmail hesabıyla AdWords'e kayıt olmamışlar içinse durum daha vahim. Bu durumda kullanıcı Google Adwords hesabı açma sayfasına yönlendiriliyor fakat ortada bir login kutusu yok.

Kullanıcı bir şekilde bu sayfaya düştüğünde ortada login kutusu olmadığı gibi önceki sayfaya dönmek de mümkün değil (tarayıcının Geri düğmesinden bahsetmiyoruz. - C.A). Tek çözüm ise Gmail'e gidip, oturumu kapatıp tekrar Google AdWords'e gitmek. Google'ın bu davranışı ustaca düşünülmüş olsa da tasarımsal açıdan kullanıcıların kafasını karıştıracak biçimde.

FotoFlexer
FotoFlexer'in login ekranını neden sevdim? Çünkü, kullanılabilirliği artıran güzel detaylar var.
- Oturum açma işlemi kullanıcının e-posta adresiyle yapılıyor. Birçok kullanıcı FotoFlex hesabının parolası ile e-posta hesabının parolasını aynı seçmiş olabilir fakat bazıları da farklı parola kullanıyor olabilir. Bu sebepten FotoFlex parola alanında FotoFlex Password yazıyor. Bu sayede kullanıcıların kafası karışmamış oluyor.
- Kocaman login düğmesi.
- Kocaman Register Here düğmesi.
Forgot Password ve Change Password bağlantıları ise daha link gibi görünebilirmiş (altı çizili ve mavi).

Auctomatic.com
Auctomatic.com ise minimalistik bir login ekranına sahip. Kullanıcı Login bağlantısına tıkladığında login kutusu menünün üzerinde görünüyor. Bence bu çok da güzel görünmüyor ama tümüyle kişisel tercih olarak değerlendirmek gerek. Esas sorun ise Forgot? linkinde. Bu siteden her deneyim seviyesinden kullanıcı faydalanıyor olabilir ve sadece Forgot? kullanıcıların kafasını karıştırabilir.

Daha az minimalistik olsa da Forgot Password? gibi bir bağlantı metni sunmak daha açıklayıcı olurdu.

Dash.net
Dash.net sitesinin login kutusu güzel görünse de bir sorunu var. Kullanıcı, adını ya da parolasını yazmak için kutulardan birine tıkladığında kutunun başlığı kayboluyor. Bu, bazı kullanıcılar için sorun yaratabilir, tabii ki bir şekilde oturum açmanın bir yolunu bulabilirler ama kullanıcı dostu tasarımlar daha iyi olacaktır.


Bu siteleri eleştirmek istemiyorum çünkü genellikle güzeller. Siteleri sadece örnek olarak kullandım (iyi ve kötü örnekler). Tasarım hatalarının zaman ve finansman eksikliklerinden ya da kısıtlamalarından kaynaklanabileceğini de unutmamak lazım.
NOT: Bu yazı 27 Mart 2008 tarihinde Design vs Art Blog sitesinde Alexis Brion tarafından İngilizce olarak yayınlanmıştır.