Yıkıcı Bir Tasarım Nasıl Oluşturulur (Böylece Görünür)

0
33

Gerçekten insanların görünmesini sağlayacak bir tasarım yaratmak istiyorsanız, bunun yıkıcı olması gerekir.

“Yıkıcı” biraz sıradan bir slogan olsa da, yeni bir şey yarattığınız zaman yaptığınız şeyin merkezinde yer alır. Amaç, insanların durmasını, bakmasını ve etkileşime girmesini sağlamaktır.

Bozulma, normdan farklı olduğu için işe yarar. Bu, yeni bir trendin ön saflarında yer almaktan ilginç bir yazı tipi, renk paleti veya tasarım deseni ile tasarlamaya kadar her şeyi içerebilir.

Layla Acaroğlu’nun bu açıklaması bunu mükemmel bir şekilde açıklıyor: “Tasarım, var olana ekleyen veya üzerinde yinelenen bir şey yaratmakla ilgilidir ve bozulma, bir sistemi değiştirmek amacıyla bir rahatsızlık yaratmakla ilgilidir. Birleştirildiğinde, Yıkıcı Tasarım uygulaması, farklı bir sonuçtan ve daha da önemlisi, olumlu sosyal değişim yaratması muhtemel bir sonuçtan yararlanmak için belirli bir amaç ile önceden var olan bir sisteme kasıtlı müdahaleler oluşturmaktır.”

Şimdi nasıl yapabilirsin? Sizin için birkaç fikrimiz (ve örneğimiz) var.

Ayrıntılarla Büyüyün

Bir tasarım şemasını kavramsallaştırmak için ayrıntıları daha büyük bir sanat eserine dönüştürdüğünüzde sonuç şaşırtıcı olabilir. (Ayrıca inanılmaz derecede düz düşebilir, bu yüzden burada dikkatli olun.)

Neredeyse her web sitesi tasarımında dev kahraman fotoğraflarına veya videolarına çok alıştığımız için ayrıntılı görüntüler rahatsız ediyor. Daha küçük bir şey, bir şeyin neden böyle yapıldığını merak eden bir bilinçaltı olsa bile, durup düşünmenizi sağlar.

Ocean Agency tam olarak bunu harika bir eşleştirilmiş animasyonla yapıyor (bunu görmek için örneğe tıklamanız gerekecek). Küçük detay okyanus görüntüleri temayı iyi bir şekilde birbirine bağlar, ancak daha ilginç olan, başlığın kahraman alanına nasıl girdiğidir.

İkinci teknik, gerçekten pek görmediğiniz bir şeydir ve ne olduğunu ve nasıl çalıştığını görmek istediğiniz için kaydırmayı teşvik eder. Şaşırtıcı derecede pürüzsüz ve bu tasarım fikrini ileriye taşımaya devam edebileceğiniz diğer tüm yolları düşünmenizi sağlıyor.

Beklenmedik Etkileşim Yaratın

Bazı web sitelerine girdiğiniz ve yalnızca etkileşimli bir öğe olduğunu bildiğiniz web siteleri var, diğerleri biraz daha incelikli. Daha az belirgin olan seçenek, ekranda dev bir harekete geçirici mesaj veya düğme olmadan gerçekleşir.

Büyük, tekil bir resim veya başlık olmadan durup nasıl ilerleyeceğinizi düşünmeniz gerekiyor.

Daha fazla, daha küçük öğeler tipik olarak etkileşimli bir bileşeni işaret etmez, ancak farklı tasarım türü kullanıcıların duraklamasına neden olacağından iyi bir giriş noktası olabilir. Bu an, onları oyunlaştırılmış veya daha etkileşimli bir modele çekmek için yeterli olabilir.

Bu sadece Can sıkıcı Deneyimler Müzesi’nin bankacılık yaptığı şey. İlk bakışta, bu eksiksiz tasarım, birçok küçük, görünüşte bağlantısız öğeyle kendi başına biraz can sıkıcı görünebilir. Tasarım deseni tuhaf ve tanıdık değil.

Renkler biraz donuk ve ilgi çekici değil.

Ama daha fazlasını bilmek istemen yeterince garip. İsim ilginç ve ekrandaki kontrolleri görmezden gelmek zor. Bozulma, önceki örnekte olduğu gibi, farklılık unsurundadır. Büyük, tekil bir resim veya başlık olmadan durup nasıl devam edeceğinizi düşünmeniz gerekiyor.

İnce Efektler Kullanın

O iğrenç kesintiler var – otomatik oynatılan ses, durmayan video döngüleri veya paniğe neden olan animasyon hızları – ve bir de bir şeyin biraz farklı olduğunu gösteren ince kesintiler var.

İnce kesintiler, genellikle en iyi uygulama olarak kabul edilmeyen bir şeyin daha hafif bir versiyonu olduğundan, bu, çıkarılması en zor yıkıcı tasarım modellerinden biri olabilir.

Burada Nasdaq bunu sorunsuz bir şekilde yapıyor. Yumuşak, akıcı bir animasyon ve yatıştırıcı müzikle, kullanıcılar sakin arka plana çekilir. Renk değiştiren gradyan ve hareketli noktalar, etkileşimli öğeleri oyuna çekmeye yardımcı olacak kadar ilgi uyandırıyor.

Eğlenceli bonus: Başka bir sekmeye gittiğinizde müzik duraklar, böylece web’de gezinme deneyiminizin geri kalanının önüne geçmez. Bu başlı başına güzel bir yıkıcı teknik!

Bazı “Aynı Şey” Başka Bir Şekilde

Hemen hemen her tasarımcının kişisel bir portföy web sitesi vardır. Bu web sitelerinin çoğu büyük bir başlıkla başlar – genellikle tasarımcının adı veya basit bir karşılama mesajı – ve çalışmalarına ve iletişim bilgilerine bağlantılar.

Sunum da aynı derecede ilginç ve portföy öğelerini görmenin güzel bir yolunu sunuyor.

Bu aynılık modelini bozmak neredeyse başka bir şeydir.

Çalışmasını sağlayan şey, kullanıcıların hala bir portföy web sitesi tasarımına ulaştıklarını ve iş ve iletişim bilgilerini nasıl bulacaklarını bilmeleridir. (Ve iyi tasarlanmış olmalı.) Tasarımla ilgili hemen hemen her şey kapmak için hazır.

Yukarıdaki portföy web sitesi örneği, tüm kutuları kontrol eder. Farklı ve etkileşimlidir. Tasarım basit ve temiz. Tasarımcının çalışmasının bağlantısını kaçırırsanız… peki, nasıl olur?

Yine de çalışma bağlantılarını tıkladığınızdan emin olun. Sunum da aynı derecede ilginç ve portföy öğelerini görmenin güzel bir yolunu sunuyor. Buradaki tek gerçek zorluk, sitede gezinmek için ne kadar tıklamanız gerektiği olabilir, ancak bu, portföylerde zaten oldukça yaygındır.

Yararlı Bir Şey Sağlayın

Bazen aksama, birine bilmediği ama temasa geçtiği için mutlu olduğu bir şeyi göstermektir. Bu kısmen öğretme ve kısmen sadece yararlı bir şey sağlama.

Bu yıkıcı tasarım kavramını ve yöntemini açıklamak biraz zor olabilir çünkü çoğunlukla onu gördüğünüzde bilirsiniz.

Parmakla heceleme tam da bunu yapar. Amerikan İşaret Dilinde alfabeyi öğrenmenize yardımcı olmak için web kameranızı ve makine öğrenimini kullanır. Pratik, kullanışlı, ilginç ve son derece etkileşimlidir.

Geleneksel Kalıpları Kırın

Görsel normlardan her koptuğunuzda tasarım kesintisi olur.

Bu, tipografi stillerinden kullanıcı akışlarına ve desenlerden görüntülerin görüntülenme şekline kadar her şeyi içerir. Bozulma, bir kişinin beyni “bekle… bu tam olarak doğru değil” dediğinde mikrosaniyede gerçekleşir, ancak yine de anlarlar.

Bauwerk tasarımında tam olarak olan budur. Kesintiye uğrayan ancak yukarıdaki örnekteki metne odaklanan birkaç şey var.

Yazı tipi, ilginç vuruşlar ve bölümlerle beklediğinizden biraz daha eğlenceli “vizyoner” gibi uzun kelimeler tireleme veya açıklama olmadan kesiliyor Tam başlığı görmek için kaydırmanız gerekiyor Bazı kelimeler neredeyse video arka planında kayboluyor ve sonra renk kontrastı nedeniyle geri açılır

Çok şey oluyor. Hiçbiri “normal” şekilde değil. Ancak kullanıcı açısından bakıldığında, anlaşılması çok fazla bir şey değil, bu da bozulmayı hoş bir görsel kalıp haline getiriyor.

Sonuç

Yıkıcı tasarım, düşündüğünüzde aklınıza pek çok şey getirebilir, ancak günün sonunda, gerçekten yıkıcı tasarım, sizi durduran, düşündüren ve ekranda olanla meşgul eden her şeydir.

Tasarım veya göz atma deneyimi, sürekli tıklamayı bozdu, böylece mesajlaşmaya veya ekranda ne olduğuna dikkat edin. Herhangi bir web sitesi tasarımının amacı bu olmamalı mı?

CEVAP VER

Lütfen yorumunuzu giriniz!
Lütfen isminizi buraya giriniz