Söylemesi zor – ve hecelemesi daha zor – ancak skeuomorfizm, web ve cihaz kullanıcı arabirimi tasarımının temel bir parçasıdır. Bu teknik, kullanıcıların amaçlarını daha kolay belirlemelerine olanak tanıyan tanıdık gerçek dünya öğelerini dijital analoglar olarak yeniden oluşturmaya odaklanır.
Bununla birlikte, tasarım yaklaşımının eleştirmenleri de yok değil. Bazıları bunun çok karmaşık ve hantal olduğunu savunurken, diğerleri UI tasarımındaki bir sonraki büyük şey olarak “nömorfizm”i öne sürüyor.
Bu parçada, skeuomorfizmin gizemini çözeceğiz: Bu nedir? O nasıl çalışır? Harika örnekler neye benziyor? Ayrıca, skeuomorfik hassasiyetlerin temel avantaj ve dezavantajlarını inceleyeceğiz ve potansiyel tasarım alternatifleri sunacağız.
Skeuomorfizm nedir?
1889’da İngiliz doktor ve amatör arkeolog Henry Colley March tarafından icat edilen skeuomorfizm, iki Yunanca kelimenin bir birleşimidir: “kap” veya “alet” anlamına gelen Skeuos ve “şekil” anlamına gelen morf. Kelimenin tam anlamıyla alındığında, terim “bir şekil içermek” anlamına gelir – peki bu tasarım için nasıl geçerlidir?
Önerilen makale: sosyal medya uygulamaları hakkında bilgi almak ve güncel sosyal medya haberlerine ulaşmak için ilgili sayfayı ziyaret edebilirsiniz.
Etkileşim Tasarımı Vakfı basitçe şöyle ifade eder: “Skeuomorfizm, grafiksel kullanıcı arayüzü tasarımında, nasıl göründükleri ve/veya kullanıcının onlarla nasıl etkileşime girebileceği konusunda gerçek dünyadaki benzerlerini taklit eden arayüz nesnelerini tanımlamak için en sık kullanılan bir terimdir.”
Sözcük başlangıçta, önceki yinelemelerden tanıdık tasarım öğelerini taşıyan yapıları veya fiziksel ürünleri tanımlamak için kullanıldı.
Klasik Amerikan sosisli sandviçini düşünün. Markalar arasında farklılıklar olsa da, sosisli sandviçlerin temel boyutu, şekli ve rengi onları hem kolayca tanımlanabilir hem de tanıdık kılar. Piyasadaki yeni teklifler – bitki bazlı alternatifler gibi – tipik sosisli sandviçlerin tasarımını ve ambalajını taklit etmek için fiziksel skeuomorfizmi kullanır ve tüketicileri bunalmış hissetmeden yeni bir şeyler denemeye teşvik eder.
Dijital skeuomorfizm, sanal bir alanda aynı şeyi yapar. Birinci nesil iPhone’lar harika bir örnek sunuyordu – mobil cihazlarla hiç deneyimi olmayan kullanıcılar bile temel işlevleri kolayca tanıyabilirdi: “telefon” simgesi klasik bir telefon görüntüsüne sahipken, kamera düğmesi – tahmin ettiğiniz gibi – bir kamera merceği gibi görünüyordu. .
Skeuomorfların Yükselişi
Dijital cihazlar ana akım haline geldikçe, skeuomorfizm, kullanıcılara tanıdık işlevleri yeni UI öğeleriyle bağlamanın kolay bir yolunu sundu.
Windows Geri Dönüşüm Kutusu kolay bir örnek sunar. Kullanıcılar form ve işlevi anında birbirine bağlar; artık istemedikleri dosyalar, belgeler ve görüntüler bu dijital çöp kutusuna atılır. İOS ve Android cihazlardaki hesap makinesi uygulamaları, fiziksel sayı hesaplayıcı cihazların ortak düğmesini ve renk şemasını benimserken, gelişmekte olan e-ticaret siteleri, yeni ürünler eklerken veya kasaya giderken kullanıcıları doğru yöne yönlendirmek için market alışveriş sepetlerinin görüntüsünden yararlandı.
Skeuomorfizmin belki de en ilginç uygulaması, tanıdık bir deneyim sunmak için dijital ve fiziksel bileşenlerin birleşimidir. Akıllı telefonunuzdaki veya tabletinizdeki kamera uygulamasını düşünün. Genel kamera şeklini taklit eden simgeye ek olarak, çoğu cihaz resimler çekilirken klasik “deklanşör” sesini içerir ve bu da tamamen dijital bir süreç için fiziksel geri bildirim sağlar.
Skeuomorfizmin Faydaları ve Dezavantajları
Skeuomorfizm, dijital tasarım duyarlılığı haline geldikçe, hem şampiyonları hem de muhalifleri cezbetti. Her ikisi de skeuomorfik tasarımın kullanımı (ve kötüye kullanımı) hakkında harika noktalara değindi, bu yüzden en önemli fayda ve dezavantajlardan bazılarını inceleyelim.
Temel Avantajlar
Sadelik — Skeuomorfik tasarım öğeleri, işlev biçimle eşleştiği için açıklama gerektirmez. Bu, kullanıcı etkileşimini kolaylaştırmaya ve hayal kırıklığını sınırlamaya yardımcı olur.
Sürükleyicilik — Skeuomorfik simgeler veya arka planlar eklemek, beklentileri deneyimle uyumlu hale getirerek kullanıcının etkileşimini artırmaya yardımcı olabilir.
Geribildirim — Kamera deklanşör sesleri veya dokunsal titreşim gibi fiziksel özellikleri dijital formlarla entegre ederek, kullanıcılar anında geri bildirim alır.
Potansiyel Tuzaklar
Modası geçmiş – Eleştirmenler, birçok skeuomorfun artık alakalı olmadığını ve bu nedenle değersiz olduğunu savunuyor. Örneğin, birçok kelime işlemcide disket simgesi hala “kaydet” işlevini temsil ederken, bu diskler onlarca yıldır kullanılmamaktadır.
Karmaşık – Karmaşıklıkla ilgili endişeler de var. Örneğin, skeuomorfik tasarımın zirvesinde, birçok web sayfası ve uygulaması, aşinalık sunan ancak işlevsiz olan, karmaşık ve aşırı derecede karmaşık bir tasarım yaratan bir dizi kullanılamaz öğe içeriyordu.
Performans — Skeuomorfik bileşenlerin sınırsız eklenmesi, bu öğeler sürekli olarak yüklenip yenilendiğinden, uygulama veya web sitesi performansını olumsuz etkileyebilir.
Skeuomorfik Tasarım Örnekleri
Skeuomorfik tasarımlardan bahsetmek bir şey ama günümüzün dijital ortamında neye benziyorlar? Birkaç örneğin altını çizelim.
1. Takvim
Bu takvim hemen tanıdık geliyor. Notlar, etkinlikler ve bildirimler için alan gibi yaygın planlayıcıların ve programlayıcıların tüm ayırt edici özelliklerine sahiptir, ancak aynı zamanda bir dijital saat ve sıcaklık okuması da içerir.
2. Arşiv
Bu skeuomorfik tasarım, tek bir uygulama düğmesidir – ancak bir “çekmece” efekti ve “kilit” sembolü ile mesajı net bir şekilde iletir.
3. Saatli Radyo
Dijital saatli radyoların halcyon günlerine geri dönen bu uygulama, temiz ve kullanımı kolay tanıdık öğeler içerir.
4. Işık Anahtarı
Sadelik burada oyunun adıdır. Bu anahtarlar için herhangi bir açıklamaya gerek yoktur — hızlı bir dokunuşla yanarlar, bir başkası ve kapanırlar. Temiz, kolay ve anlaşılır.
5. Kağıt
Bu tasarım, birden çok sayfa kullanıldığında ortaya çıkan kusurlu “yığını” ustaca sergileyerek kağıdın dokunsal hissini uyandırır.
Skeuomorphic vs. Flat Design vs. Minimalizm vs. Neumorphism
Skeuomorfizm, dijital cihazlarda ve web sayfalarında yaygın olmaya devam ederken, yeni bir yaklaşım sunmak için başka tasarım stilleri ortaya çıktı.
Düz Tasarım — Düz tasarım, aşinalık yerine okunabilirlik ve temizliğe önem verir. Her öğenin tek bir amacı ve gerçek dünyadaki işleve bağlı olması gerekmeyen basit bir tasarımı vardır.
Minimalizm — Minimalizm, mümkün olan en az öğeyi kullanmaya odaklanarak düz tasarım duyarlılığını bir adım öteye taşır. Hiçbir şey boşa gitmez ve beyaz alana genellikle öncelik verilir.
Neumorphism — Neumorphism, daha modern bir kullanıcı deneyimi sunmak için skeuomorfizm ve düz tasarım öğelerini birleştirir. Düğmeler ve görüntüler, genellikle tanıdık tasarımların yanı sıra hafif gölgelere ve ince renk gradyanlarına sahiptir, ancak birinci nesil Skeuomorph’ların yüzünüzde tanıdıklığı yoktur.
Aşinalığın Geleceği
Dijitale öncelik veren bir dünyada potansiyel dezavantajlara rağmen, skeuomorfizm, aşinalıkları iletmenin ve kullanıcıların fiziksel/sanal ayrımını aşmasına yardımcı olmanın bir yolu olarak popüler olmaya devam ediyor.
Düz tasarım ve minimalizm gibi alternatifler son yıllarda zemin kazanmış olsa da, tasarımcılar UI performansını veya kullanıcı deneyimini olumsuz etkilemeden skeuomorfların gücünden yararlanmaya çalıştıklarından, neumorfizm gibi birleşik yaklaşımlar muhtemelen ön plana çıkıyor.
Pazarlama Uygulamaları 