A (Pek değil) Jilted English Profesör'ün Yaratıcı Web Tasarım Rehberi
Duyarlı tasarımın geç ve belirli bir sebebi olan kesin bir sesi vardır. Bu, web sitelerini dakikalarla çarparak sayısız yeni cihazlara adapte etme konusundaki giderek karmaşıklaşan görevi basitleştirmeyi vaat ediyor.
Ekran boyutu gibi birkaç ortak değişken göz önüne alındığında, bir siteyi ziyaretçilerin özel ihtiyaçlarına uyarlamak, akıllı CSS planlama ve Javascript Çok sayıda paralel sitenin ayrıntılı tasarımı yerine. Çok-alanlı koordinasyonun lojistik mayın tarlasıyla yüz yüze kalan herkes için, duyarlı tasarım, hafifçe çok iyi bir şeydir.
Bildiğiniz gibi, kavramın kendisi aslında mimarlıktan, insanlar ve yaratılan ortamlar arasındaki ilişkiye odaklanan başka bir disiplinten ödünç alınmıştır. Geçit anlamlıdır.
Steven Johnson'un İyi Fikirlerin Geldiği yer (2011) kitabına göre, bu tür kavramsal çapraz döllenme, düşünce ve icat tarihi boyunca birçok önemli atılımdan sorumlu olmuştur. Bu içgörü bana bir fikir verdi. Her ne kadar internet sitemde olduğu kadar etrafta geziniyor olmama rağmen, yaklaşık altı ay öncesine kadar çoğu benim için öncelikle bir İngiliz profesörü olarak düşünebilirdi. Yakın zamanlı bir geliştiriciye / tasarımcıya, kariyer çalışmalarında edindiğim bilgilerle bir araya gelen yeni bir kariyer değişimi, bana tasarım dünyasında benzersiz ve belki de tuhaf bir bakış açısı kazandırdı.
Şimdi, bir üniversitede ayak basmayacağımı yemin ettiğim soğuk kalpli piçleri patlatmak için burada durmak isterdim, çünkü bu çok kötü bir şey olurdu, ama gerçek şu ki aslında amaca ve iyi şartlara öğretmeyi bıraktım. Teknoloji ve kültür arasındaki ilişkiyi araştırdım, en azından ilk oturduğumdan beri beni büyüledi ve 1986'da King Quest II'yi oynadım. Bu makaleyi yazmam istendiğinde, üretken çaprazları düşünmeye başladım. tasarım ve mimarlık arasında gübreleme. Edebi çalışmalardan elde edilen kavramların, web tasarımına ne kadar yararlı bir şekilde uygulanabileceğini merak ettim.
Bazı musinglerden sonra, altı olasılıktan oluşan bir liste hazırladım. Bunlar sorudaki ilk geçişi temsil ediyor, ama umarım en azından müstehcen ve belki de kışkırtıcı olabilirler. Edebi geek şartlarında, küçük bir oranlandırma yapıyorum. Kavramlarla birlikte…
1. Metafor
Bu çok açık, ama son metafor kontrol hala büyük ölçüde İngilizce profesörlerin uzmanlık. İnsanların her zaman mesleği hakkında söyledikleri bu can sıkıcı zingerlerden biri için kendinizi geliştirin: inanın ya da inanmayın , web tüm metafor! Yanmak! (Hayır gerçek değil). Metafor - hiç bir ilişkiye sahip olmayan iki maddeyi kullanarak yapılan bir karşılaştırma - yeni teknik medyayı işlemek için kullandığımız şef (ve bazıları sadece söyler) paradigmasıdır.
Bir bağlantı fikri bir metafordur - bir IP aktarım düğümü olarak kolayca çağrılabilirdi, ancak bu, teknik olmayan bir kullanıcıyı anlamada daha uzun sürebilirdi. Tim Berners-Lee interneti kendi kendine kavramsallaştırmaya çalışırken, madenlerin ve kafeslerin metaforlarını araştırdı. Web, Windows, Tweet'ler, Digg, Facebook, Canvas - bunların hepsi metaforlardır (ve Reddit bir puntadır).
İşte bu işten uzaklaşmak için asıl önemli olan şudur: Bir metaforun farkında olmak, başarılı bir tasarım için harika bir yoldur. Çok sayıda tanınmış internet sitesinin sırrı kullandıkları metaforların tamamen farkında olmalarıdır: fikirleri kodun etiğinden dünyaya indirirler (en azından benim için metaforda karşılaştırma noktası olarak adlandırılır) "zemin"). Metaforlar, insanların görsel ve dokunsal duyularına hitap eder ve bu onların hatırlanması çok daha kolay hale getirir, özellikle de giderek artan görsel ve dokunsal teknolojilerle yaşıyoruz.
Bu kelimeyi yönetici kulak (tsk, tsk) 'ye daha uygun hale getirmek için, onu “görsel tutarlılık” ya da “dokunma tutarlılığı” olarak tanıtabilirsiniz. Bir köpeğin kahvaltısı gibi yiyebilirler (oops, simile).
2. İmza
İlk yıl kompozisyon derslerini öğretirken, imza iletişimde çalıştığım en önemli kavramdı. Bu sadece John Hancock'unuzu bir şeyin altına koymak anlamına gelmez. Bu kelimeler ve fikirler üzerinden zirveye çıkan kişinin eşsiz izini ifade eder. Yakın ilişkili ses fikridir: belirli bir projede konuşan hayati, benzersiz güç.
En iyi uygulamalar sizi uzun bir yoldan alabilir, ancak iyi bir tasarım genellikle açık bir imzası ve bir sese sahiptir ve yine en iyi kodlayıcılar benzersiz tarzlarının bilincinde olanlardır. Bir huysuz müşteri imzanızı tamamen yok etme düşüncesinden başka hiçbir şeyden hoşlanmıyor gibi görünse de, renkli damaktan, fonttan mizanpaja ve tarayıcılar arası çözümlere kadar her şeyi (ve evet, hatta duyarlı tasarımın özel uygulamanızı) göz atar. Marka ile aynı şey değildir, çünkü her zaman açık olmaktan çok örtüktür. İzlerini aramak için Google veya Facebook’u nasıl yeniden tasarlayacağınızı düşünün.
Eğer bu biraz fazla soyut olursa, her zaman "tasarım alt metni" veya "alt tema" veya "örtük düzen" veya "abone yapma" buzzwords'in dilinizi nasıl sildiğini görebilirsiniz.
3. Döngüyü Aşmak
Tamam, bu bir İngiliz sınıfından kesinlikle değil. Aslında onu çaldım bir bölüm Ze Frank ile The Show of the show, ama sık sık A + kağıtları nasıl yazılacağı üzerine derslere başvurdum. En parlak makaleler, sadece mevcut düşünce biçimlerini değil, aynı zamanda bir adım daha ileriye götüren de.
Örneğin, CSS3'ün “sınır-yarıçapı” özniteliğinin kıvrımlı eğlencelerine hâlâ aşığım olsa da, Twitter'ın yeni sunumunun, 3px şeklinde bir şekilde, geriye doğru bir ölçekle döndüğünü fark ettim. Bu hatlar boyunca, çok az sayıda tasarımcı asimetrik eğrilerin olanaklarını etkili bir şekilde araştırmışlardır (birileri bunun üstesinden gelir!).
Gerçek yaratıcı yetenek, bir klişeyi belirleme ve söndürme becerisinde - son anda yaratıcı çıkmazdan uzaklaşmak için - yaşıyor. Sadece orada olanı kopyalıyorsanız, o zaman zaten geride kaldınız. Mevcut sıcak siteleri tasarlayan insanlar zaten bir sonraki aşamada çalışıyorlar.
Klişeleri tespit etmek ve çevrimi bozmak için tek bir kesin ateş yöntemi var: araştırma. İnatçı olmadan ve acı içinde yazmadan önce, sadece bu durumda araştırmanın gerçekten fantastik web siteleri olduğunu düşündüğünüz şeylerin çoğunda sörf yapmak anlamına geldiğini anlayın. Steven Johnson, araştırmanın bu kadar etkili olduğunu, çünkü “bitişik olası” olarak adlandırılan şeyin daha iyi bir nesle götürülmesine yol açtığını söylüyor. Bu, mevcut şeylere bakmanın sınırlarını aşan olasılıklar.
Tek bir vuruş için bu “tahminli gelişim” veya “proaktif tasarım” veya “taktik sınırlama” olarak nitelendireceğim.
4. Gayri Taksonomi
Ne, bu noktada kendini soruyor olabilirsin, bu adam tüm bu rastlantısal terimler için var mı? Açıklamama izin ver.
Edebi-eleştirel kahraman Eve Kosofsky Sedgwick'im çok yakında ölen bir kadından “non taksonomi” denir. Nonce “bir kerede” anlamına gelir ve bir taksonomi elbette bir adlandırma sistemidir. Bu nedenle, “bir taksonomi”, eldeki proje için özel olarak yapılmış ve hantal veya anlamsız hale gelir gelmez imha edilen veya yeniden geliştirilen bir kavramlar ve terminoloji sistemidir.
Bir proje hakkında düşünmenin bu yolu sadece iyi bir fikir kaynağı sağlamakla kalmaz, aynı zamanda her bir projeyi müşterinin özel (ve özel) taleplerine göre uyarlamanızı sağlar. Bir taksonomiyi icat etmenin basit bir yolu, bir süre için çalışmak ve daha sonra, proje ile en alakalı görünen terimler, temalar, fikirler, yinelenen kalıplar ve kod unsurlarının bir listesini oluşturmaktır. Bunların başka kalıplara veya şartlara uygun olup olmadıklarına bakın ve düzenli olarak listeyi uygun gördüğünüz gibi ekleyip çıkartabilirsiniz. Buradaki fikir, herhangi bir yaratıcı projenin gerektirdiği hareketlilik ve esneklikle arkadaş olmaktır.
Diğer bir not olarak, XML ve OOP dilleri, bir şekilde daha kurallara bağlı oldukları halde, taksonomik olmayan sistemlerdir. Daha spesifik uygulamalar açısından, taksonomik olmayan tasarım, değişken isimlerden belgelere kadar her şeye dahil edilebilir ve kesinlikle müşteri etkileşimlerini hızlandırmak için kullanılabilir (Jargon seksi ). Böyle bir şeye girerseniz, proje için “ruh” sağladığını söyleyebilirdiniz. Burada ateşli bir kelime ile geldim, ama bence bu kendi başına bir güzellik. RIP Eve.
5. İletişim Bölgesi
Bu terim, West Louise Pratt adındaki bir eleştirmen tarafından, sınırların düşüncesine (Vahşi Batı sınırlarında olduğu gibi) yanıt olarak geliştirilmiştir. Sınırların bu durumun yanlış metaforu olduğunu iddia etti, çünkü onlar sadece eylemin bir yönden tek bir yönde gerçekleştiğini öne sürüyorlar. Gerçek şu ki kovboy ve Kızılderililer gibi aşırı güç dengesizliği durumlarında bile, her iki taraftaki çoklu perspektif ve motifler sonucu şekillendiriyor. Bu çoklu arzuların etkisini kabul ederek, belirli bir durumda başarılara ve başarısızlıklara yol açan şeyin daha gerçekçi bir değerlendirmesi yapılabilir.
Peki bu küçük revizyonist tarih dersinin web tasarımı ile ne ilgisi var? Bir web sitesi, bir tasarımcı ve bir kullanıcınız olması anlamında bir iletişim bölgesidir ve genellikle çok dengesiz bir etkileşimdir. Web 2.0 siteleri biraz tema özelleştirmesi ve elbette iletişim platformları sunsa da, dizginleri kodlara teslim etmekten ve herkesin istediklerini yapmalarına izin vermekten çok uzaktırlar. Öyleyse neden başarısız oluyorsunuz ve başarılı oluyorsunuz?
Reddit gibi bir sitenin gücü, yaratıcılarının kullanıcılarını oluşturma ve değiştirme döngüsünde tutmasıdır. Mahremiyet ve hatta mizanpaj olarak mümkün olduğu kadar bir siteyi mümkün kılmamakta ve böylece bir temas bölgesi olma hissi ön planda kalmaktadır. Demek istediğim, hiç Reddit'e gerçekten baktın mı? Orada hiçbir şey yok (ama binlerce Redditor). Tasarımcılar ve kullanıcılar, siteyi kendi tasarlayan bir geri bildirim döngüsü oluşturur.
“İletişim bölgesi” terimi kendi başına oldukça iyi olmasına rağmen, birkaç tane daha eğlenceli tasarım vızıltıları fırlatalım: “geçirgen arayüz” veya “üretken geri bildirim”.
6. Orta mesajdır
Ünlü tekno-vizyoner Marshall McLuhan, “sıcak” ve “soğuk” teknolojileri fikrini dile getirdi. Eğer bir teknoloji “sıcak” ise, ihtiyacınız olan tüm bilgileri size verir, hayal gücüne birazcık varabilir - 80 inç büyük ekran TV veya 3D filmleri düşünün. Bir teknoloji ne kadar soğuksa, katılım ve katılımı gerektirir (Reddit soğuk… çok soğuk, bebeğim).
McLuhan, aracın mesaj olduğunu söylediğinde, medyanın dünyayı düşündüğümüz ve bildiğimiz yolu dönüştürdüğü anlamına geliyordu. Web üzerindeki soğuk teknolojilere tamamen kapıldığımızda, tam anlamıyla algılarımızı yeniden şekillendirmeye başlıyorlar. Dünya Facebook olmadan ne olurdu? O dünyada yaşamak istemiyorum. Pekala belki. Son zamanlarda benim zevklerim için biraz fazla ısındı.
Buradaki dikenli bir teknophobun tokmaklarına çok fazla çekilmeden önce McLuhan'ın gözlemlerinin neden önemli olduğuna bir bakayım. Bir web sitesinin etkisi hakkında düşünmek için bize yeni bir terminoloji sunar. Çoğunlukla, web geliştikçe, özellikle son yıllarda Web 2.0 tasarımının yükselmesiyle birlikte, sıcak bir teknolojiden soğuk bir teknolojiye doğru giderek daha fazla bir döneme dönüşmüştür. Artık gördüklerinizden daha fazlasını özelleştirebilir ve içerik ile etkileşime girebilir ve kısa bir süre önce hayal bile edilemeyen şekillerde içerik üretebilirsiniz. Daha bitmedi. Özellikle akıllı telefonlarda, ortam / mesaj tekrar değişir, daha sıcak olanı düşünüyorum çünkü arayüz çok kesintisiz hale geliyor çünkü kaçmak zor.
Her zaman baskın “sıcaklığın” zıddı olanlar olacak ve bu da yeni trendlerle eski trendleri ortaya çıkarmaya çalışırken akılda tutulması akıllıca olacaktır. Müşterileriniz ve onların müşterileri için konforlu sıcaklık aralığının ne olduğunu düşünmeye de değiyor - çok fazla etkileşim istiyorlar mı, yoksa eskiden eski günlerde insanların ne alacaklarını söyleyecekleri uzun zamandır mı? Onlar sürükleyici Flash türü var mı? PHP ve diğerleri tarafından sunulan dinamik içerik için çılgın mı? Ya da bazı eski moda statik HTML'lere geri dönüşler mi? Yeni bir ortama yönelik tasarıma yaklaşırken, aracın kullanıcının beklentilerini ve yeteneklerini nasıl dönüştürdüğüne ve bunun sitenin kapsayıcı amacını nasıl etkilediğine dair soruları düşünmek de değerli olabilir.
Burada bir tasarım konseptine ihtiyacımız varsa, belki de buna “medya ölçme” veya “sıcak mesajlaşma” ve “soğuk mesajlaşma” gibi bir şey diyebiliriz.
Ayrılık Atış
Sonuç olarak, duyarlı tasarımın dehası, yabancı ama tatsız olarak alakalı bir kavramı tamamen yeni bir bağlam içine alma biçimidir. Bunu yaptığınızda, eski fikirler hayata yeni yollarla yayılır. Fikirlerin çapraz gübrelenmesi, TED, IFTF ve bu çok eZine gibi forumları harekete geçiren şeydir. Aynı vızıltılardan tekrar tekrar fazla zaman geçirirseniz, durgunlaşırsınız ve işiniz acı çeker - işler evrim geçirmeli veya ölmeli. Bu fikirleri burada sunarak, zaten akıllı ve motive olmuş tasarımcılar alanında istenmeyen önerileri denemek ve zorlamak niyetim değildir. Temel amaç sadece biraz provokatif olmaktır. Eğer bu türden disiplinler arası araştırmayı Felsefe, Tarih, Siyaset ya da Psikoloji'ye, yani küçümseyici liberal sanatlara doğru genişletirsek, sadece yeni kavramların ortaya çıkabileceğini hayal edin.