Etkileşim Tasarımı: Nedir ve Nasıl Kullanabilirsiniz?
Etkileşim tasarımı, 2015'in en çok konuşulan tasarım konsepti olabilir. Tüm dijital projeleriniz için düşünmeniz ve planlamanız gereken bir şey.
Ancak etkileşim tasarımından en iyi şekilde nasıl yararlanabilirsiniz? İnsanların etkileşim kurmak istediği bir şeyi nasıl tasarlayabilirsiniz? Bu cevaplardan bazıları teknoloji ile değişirken, bir unsur aynı kalır - insanlar sezgisel, fonksiyonel ve estetik olarak hoş olan tasarımı kullanmak ister.
Tasarım Kaynaklarını Keşfedin
Etkileşim Tasarımı Nedir?
Tasarımda, insan-bilgisayar etkileşimi ve yazılım geliştirmede, genellikle IxD olarak kısaltılan etkileşim tasarımı, “dijital şeyleri insanların kullanımı için şekillendirmekle ilgilidir”. - Wikipedia
Etkileşim tasarımı, dijital dünyayı insan dünyasına bağlayan bir süreçtir. Ekran tabanlı, gerçek görünen ve dijital alanda fiziksel alanda olduğu gibi işlev gören şeyler yapıyor. Bu bağlantı, kullanıcıların masaüstü bilgisayarlardan, telefonlardan ve saatlerden web sitelerine, uygulamalara ve oyunlara kadar dijital ürünleri ve cihazları kullanmasına ve bunlarla etkileşime girmesine yardımcı olur. Etkileşim tasarımı, tasarım ve işlev hakkında bildiğimiz her şeyi tek bir fikirde birleştiren bir kavramdır.
IxD, dijital ürünleri kullanıcılara en iyi şekilde bağlamak için fiziksel eylemlerin ve etkileşimlerin nasıl tasarlanacağını ve çoğaltılacağını daha iyi öğrenmeye çalıştığımız için tasarım topluluğunun modasıdır. Tasarımın arkasındaki fikirler, iyi görsel ilkelere dayanırken, teknoloji neredeyse tasarlayabildiğimiz kadar hızlı gelişiyor.
Dikkate Alınması Gereken Sorular
Etkileşim tasarımı hakkında düşünmenin en iyi yollarından biri aslında Usability.gov'un kullanılabilirlik standardıdır. Rehber, dijital etkileşimli bir proje oluşturmak için temel olarak kullanılacak bir dizi soru (ve hatta alt sorular) sunar ve “bu anlayışla, birisinin sistemle nasıl etkileşime girebileceğini tahmin edebilir, sorunları erken çözebilir ve bir şeyler yapmak için yeni yollar icat etti.
İlk önce düşünmeniz gereken kavramlar, Usability.gov'daki tüm alt soruları ve düşünceleri bulabilirsiniz.
- Kullanıcıların arayüzle nasıl etkileşime girebileceğini tanımlayın
- Kullanıcılara eylemler gerçekleşmeden önce davranış hakkında ipuçları verin
- Hataları tahmin etme ve azaltma
- Sistem geri bildirimini ve yanıt süresini düşünün
- Tasarımdaki her bir elemanı stratejik olarak düşünün
- Öğrenilebilirlik için basitleştirin
Bu kavramların çoğu tanıdık gelmelidir. Kavramlar ve fikirler, estetik olarak neyin işe yarayıp neyin işe yaramadığı hakkında konuştuğumuzda, tasarım topluluğunda sık sık tartıştığımız konu ile örtüşüyor. Tamamen etkileşimli bir tasarım oluşturmak için kullandığınız teknikler farklı olsa da, iyi tasarım ilkeleri nispeten aynıdır.
Rehber ilkeler
Etkileşim hakkında düşündüğünüz şeylerin çoğu tasarım ilkelerini insan duyguları ve etkileşim ilkeleri ile birleştirir. Bir dijital projenin nasıl çalışması gerektiğini belirlerken, favori araçlarınızı nasıl kullandığınızı ve onlarla nasıl etkileşim kurduğunuzu düşünün. Bu araçlar size hitap ediyor mu? (En iyi özelliklerin birçoğunun bilinçli olarak düşünmediğiniz şeyler olması muhtemeldir.)
Kullanıcının tasarımınızla nasıl bağlantı kuracağına karar verirken bu ilke veya kavramların her birini düşünün.
- Hareket: Hareket ve etkileşim tasarımını düşündüğünüzde, genellikle ilk zihinsel görüntüler tokatlamak veya dokunmaktır, çünkü bunlar tasarımdaki öğeleri aktive eden kullanıcı hareketleridir. Belirli bir efekt elde etmek için bir fareye tıklamak veya bir tablet ekranını çevirmek yaygın olarak kullanılan diğer hareketlerdir. Fotoğraflardaki görsel ipuçları, tasarım öğelerinden yönlü çekim ve video gibi hareketle ilişkili diğer estetikler de önemlidir.
- Alan: Kullanıcı ne tür bir ortamla etkileşime giriyor? Tasarım iki veya üç boyutlu bir alanda mı yaratılıyor? Bu alan ekranın yalnızca bir parçası mı yoksa eylemler ekranın ötesine geçerek fiziksel dünyaya mı yayılıyor?
- Zaman: Bir kullanıcının bir etkileşimle geçirdiği süre, etkileşimin devam edip etmediğini etkileyebilir. Bir etkileşimin uygun bir şekilde çekici ve / veya çok uzun veya kısa olması arasında hassas bir denge vardır. Etkileşimin amacını ve daha sonra baştan sona ne kadar sürmesi gerektiğini düşünün.
- Ses: Dijital tasarımın en çok tartışılan kısımlarından biri sağlam olabilir. Bazı kullanıcılar onu sevse de, diğerleri hızlı bir şekilde sinirlenir. Etkileşimlerde ses kullanırken, her zaman işlevi devre dışı bırakacak kullanıcıları dikkate alın; tasarımın onsuz da etkili bir şekilde çalışması gerekir.
- Estetik: Her tasarım öğesi burada devreye giriyor. Her şey nasıl görünüyor? Bu görünüm kullanıcıya doğru duygusal mesajı iletir mi? Mekan, renk, tipografi, kontrast ve okunabilirlik, etkileşim tasarımının görsel yönünde önemli roller oynar.
Tasarım Kavramları
Etkileşim ilkelerine geri dönelim ve gerçekten estetiği düşünelim. (Bu, tasarımcı olarak düşünmeyi ve tartışmayı sevdiğimiz başlıca şeylerden biri, değil mi?)
Tasarım hakkında bildiğimiz her şey tasarım etkileşiminde nasıl oynar? Görsel olarak diğer tasarım projelerinden farklı değil. Önemli - ve muhtemelen ilk - boyut ve ölçek. Birçok etkileşimli proje alışık olduğunuzdan çok daha küçük olabilir. (Yalnızca bir telefon veya saat tasarımına odaklanabilirsiniz, ancak tasarım başka bir şekilde masaüstü bilgisayarlara da dönüşebilir.)
Görsel olarak düşünürken, tasarımı barındıracak ve birikecek en küçük tuvalle başlayın. (Küçük çalışmasını sağlayabiliyorsanız, tasarımı “büyütmek” çok daha kolaydır; önceden tasarlanan şeyleri ortadan kaldırmak çok daha zor olabilir.
- Uzay: Bazıları küçük alanlardaki öğeler arasındaki boşluğu azaltmaya çalışsa da, aslında küçük tasarımlarda öğelere daha fazla yer vermeniz gerekir. Her bir öğenin onu tanımlamak ve doğru eylemi gerçekleştirmek için yeterli alana sahip olduğundan emin olun. (Düğmeler, ekranda başka bir öğeyi etkinleştirmeden dokunabilecek kadar büyük olmalıdır.) Gerekirse, küçük alanlardan en iyi şekilde yararlanmak için birden çok ekran kullanın (kaydırma eylemleriyle).
- Renk: Markanızın renklerini kullanmak önemlidir, ancak renklerin çeşitli ortamlarda görülmesi için yeterli kontrast sağladığından emin olmak istersiniz. Bu, etkileşim öğeleri için renk paletinize bazı isteğe bağlı renkler eklenmesini gerektirebilir. Özellikle mobil ve saat uygulamaları için parlak ve ilgi çekici tonlar düşünün.
- Tipografi: Yazı basit ve okunabilir olmalıdır. Orta, tek biçimli kontur genişliğine sahip modern tarzda bir yazı tipine (serif veya sans serif tamam) yapışır. Yoğun vuruşlarla yoğun, aşırı kalın veya hafif sürümlerden veya stillerden kaçının.
- Kontrast: Etkileşimli bir tasarımdaki her öğe, onu çevreleyen öğelere karşı yaşamalıdır. Bu, tasarım açısından sert gelebilir, ancak keskin kontrast, öğelerin okunmasını ve anlaşılmasını kolaylaştırabilir. Kontrast ayrıca etkileşime hızlı bir şekilde dikkat çekecek ve kullanıcıların ne yapacaklarını belirlemelerine yardımcı olacaktır. Renk, tipografi, uzay ve görüntü veya dil ile kontrast oluşturun.
- Okunabilirlik: Etkileşime dayalı projenizdeki tüm öğelerin bir bakışta “okunması” kolay olmalıdır. Tarama yeteneği ve işlevi için tasarım yaparken, kullanıcıyı istenen etkileşimi gerçekleştirmeye ikna etmek için yalnızca bir saniyenin bir kısmına sahip olabileceğinizi unutmayın. Bunu gerçekleştirmek için anlaşılırlık ve okunabilirlik çok önemlidir.
Okuma listesi
Etkileşim tasarımı hakkında çok iyi bilgi mevcut. (Ve neyin işe yarayıp neyin işe yaramadığı hakkında bolca fikir.)
Daha fazla bilgi edinmek istiyorsanız, değerli bulmanız gereken üç harika kaynak var ve her biri etkileşim tasarımını farklı şekillerde düşünmenizi sağlayacaktır.
- Diogenes Brito'ın “Üç Etkileşim Tasarımı Yasası”
- “Gelecek Arayüzü: Teknolojiyi İnsan Yapacak Tasarım” yazan Danielle Reid
- Creative Bloq'dan “Etkileşim Tasarımının 10 İlkesi”
Sonuç
Etkileşim tasarımı, düşünmeniz gereken bir şeydir. Kullanıcılar, tasarımın hemen hemen her alanında etkileşim beklemektedir. Çoğu kullanıcı web'e ve diğer dijital tasarım projelerine, yalnızca metin okumaktan daha fazlasını yapma beklentisiyle mobil cihazlar üzerinden erişir.
Bu etkileşimleri amaçlamak ve planlamak ilk başta korkutucu görünebilir, ancak tasarımın diğer yönlerinden kavramsal olarak çok farklı değildir. Büyük fark, etkileşimlerin nasıl çalışacağı konusunda gelir, bu, yanınızda iyi bir geliştiriciye sahip olmanız veya web geliştirme becerilerinizi geliştirmeye devam etmeniz önemlidir.
