Ali Kaan SİBAY - Yeni medyada dijital ve kurumsal kimlik (Digital and Institutional Identity in New Media)

3. Yeni Medyada Dijital ve
Kurumsal Kimlik
Ali Kaan Şibay
UX - UI Designer
cropux.com

4. Yeni Medyada Kurumsal Kimlik
sadece logo, renk veya kartvizit değildir.
Günüzmüzde;
Kurumsal kimlik, kullanıcı deneyimi anlamında tüm ekip
tarafından yapılan herşeyin toplamını oluşturur.
Servisin görünüşünü bütüncül hale getirir ve tüm kurumun
davranışını, iş yapış şeklini ortak bir noktada buluşturur.

5. Kurumsal Kimlik Haritası
ANA
MARKA
Alt Markalar
Ana Sayfa, Arama, Kapak
Temel Kategoriler
Türler
Kanallar
Programlar

6. TEMEL KURALLAR
Basics

7. Grid
Yüzde tabanlı sütunlar, sabit kenar boşlukları ve oluklar içeren esnek bir
grid kullanırız. Sütunlar, mevcut alanı en iyi şekilde kullanarak genel ve
cihazlar arası bir uyum yakalamak için kullanılır.

8. Iconography
Simgeler birçok anlam taşır ve eylem, statü ve
kimliği göstermek için kullanılabilir. Simgelerin
kendi içinde anlatım şekli, ölçek, renk ve stil
anlamında uyumlu olması kurumsal kimlik
açısından kritiktir.

9. Typography
Öncelikle bir Font - Yazı karakterinde karar vermek gerekir. Tüm cihazlarda
çalışacak şekilde ölçeklendirilmiş tek bir tip yazı hiyerarşisi kullanmak önerilir.
Tip boyutlarının ekran boyutuna ve dokunmatik, yüksek/düşük çözünürlüklü
ekran gibi cihaz yeteneklerine göre değiştirilmelidir.

10. TEMEL TASARIM ÖĞELERİ
Design Patterns

11. Header - Başlık Alanı
Başlık alanı, bütüncül gezinme ve marka bilinci
oluşturma amacıyla kullanılan ekranın en
üstündeki alandır. Her sayfaya tanıdık bir yapı
kazandırır; ancak aynı zamanda birçok tasarım ve
marka seçimi işine yarayacak kadar esnek
olmalıdır.

12. Promos
Promosyon alanı bir özet kutusudur.
Web sitesinden veya uygulamadan, başka yerde
bulunun bir içeriğin tamamına bağlantı verir.
İçerdiği detaylarla kurumsal kimliğin çalışmanın
geneline yayılmasında çok etkilidir.

13. Cards
Kartlar, bulunduğunuz sayfadan ayrılmanıza
gerek kalmadan, içeriği hızlı bir şekilde
göstermenize ve paylaşmanıza izin verir.

14. Tabs
Sekmeler, ilgili içeriğin farklı kırlımlarını
görüntülemeyi ve gezmeyi kolaylaştırır. Bunlar
küçük bir alanda birçok içeriği göstermeniz
gerektiğinde özellikle yararlıdır.
Sekmeler, uygulamalarda temel özellikleri
birbirinden ayırmak için kulllanılır.

15. Carousel
Bir carousel/atlıkarınca, çok miktarda içeriği
sınırlı bir dikey alan boyutunda görüntülemek
için harika bir yoldur. Kaydırılabilecek daha fazla
içerik olduğunu belirtir. Kullanılacak tarz ve
tasarım genel uygulama karakterini belirler.

16. NASIL UYGULANIR?
How to

17. Uygulamalar için Kurumsal Kimlik
Günümüzde kurumsal
kimliğin en belirgin
yansıması uygulamalardır.
Gün boyu yanımızda
taşıdığımız veya
kullandığımız cihazlarda,
iconları, arkaplan
görselleri ve renkleri ile
markaları sürekli
deneyimliyoruz.

18. Erişebilirlik - Engelsiz Deneyim
Kapsamlı bir deneyim sunmak
için erişilebilirlik, kullanıcı
deneyimi tasarımının ayrılmaz
bir parçası olmalıdır.
Ayrıca, geliştirme ve test
sürecinin önemli bir maddesi
olmalıdır. Yardımcı teknoloji
(ekran okuyucuları veya
anahtar cihazları gibi yazılım
veya teçhizat) yeteneklerini
geliştirebilir ve oluşan deneyim
boşluğunu bu şekilde
kapatabiliriz.

19. Çocukları unutmayın!
• Ödüllendirici
• Sürpriz Anları
• Hoş Etkileşimler
• Doğal Keşif
• Bağışlayan tasarım
• Kişilik sahibi tasarım
öğeleri
• İlgi çekici sesler
• Sürekli büyüleyici ve ilginç

20. “Responsive” Web Tasarımı
Sitelerimizin, giderek artan sayıda cihaz ve tarayıcı tarafından ziyaret
edilmesi hedeflenir. Responsive tasarım, akışkan gridler ve esnek
görseller gibi uyarlanabilir teknikler ile cihazı ne olursa olsun,
herkese uyacak deneyimler oluşturabileceğimiz anlamına gelir.
Bir masaüstü ekranın dışında, cep telefonlarından tabletlere, akıllı
TV'lere ve ötesine kadar her yerde çalışan deneyimler üretmek
gereklidir.

21. Dokumatik için Tasarlamak
Hibrid fare/mouse ve dokunmatik ekranlı cihazların sayısının artmasıyla,
kullanıcının kullanım tercihini tespit etmek gittikçe zorlaşıyor. Bu nedenle
sadece bir fare için değil, “Dokunmatik” için de tasarım yapmalıyız.
• Tüm hedefler dokunma için doğru boyutta olmalı.
• Arayüz, mümkün olan yerlerde doğal hareketleri desteklemelidir.
• Üzerine gelince açılan (hover) fonksiyonlardan uzak durulmalıdır.

22. Yeni Medyada Kurumsal Kimlik
sadece logo, renk veya kartvizit değildir.
Örneklerde gördüğümüz gibi;
Kurumsal kimlik, kullanıcı deneyimi anlamında tüm ekip
tarafından yapılan herşeyin toplamını oluşturur.
Servisin görünüşünü bütüncül hale getirir ve tüm kurumun
davranışını, iş yapış şeklini ortak bir noktada buluşturur.