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

Yeni Medyada Dijital ve Kurumsal Kimlik

Ali Kaan ŞibayUX - UI Designer

cropux.com

Yeni Medyada Kurumsal Kimliksadece 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.

Kurumsal Kimlik Haritası

ANAMARKA

Alt Markalar

Ana Sayfa, Arama, Kapak

Temel Kategoriler

Türler

Kanallar

Programlar

TEMEL KURALLARBasics

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.

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.

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.

TEMEL TASARIM ÖĞELERİDesign Patterns

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.

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.

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.

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.

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.

NASIL UYGULANIR?How to

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.

Erişebilirlik - Engelsiz DeneyimKapsamlı 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.

Ç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ç

“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.

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.

Yeni Medyada Kurumsal Kimliksadece 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.