30 Günlük Tasarım – Bir Markalaşma Vaka Çalışması

Müşterilerle çalışırken dikkat edilmesi gereken birkaç önemli husus vardır; beklentilerin karşılanması ve teslim tarihleri ​​bunlardan ikisidir. Her tasarımcının kariyerinin bir aşamasında, projeleriyle ilgili aciliyeti olan bir müşteri çıkacaktır. Bunlar, son teslim tarihlerini karşılama sanatını ve bunun ne kadar çılgın olabileceğini öğreten projeler.

Tipik olarak her tasarımcının kariyeri boyunca karşılaşacağı iki tür proje vardır: “Projeme uygun, kullanıcı merkezli bir tasarıma ihtiyacım var, kesin teslim tarihleri ​​yok; Ben sadece en iyi çözümü istiyorum”… Bu her tasarımcının hayalidir. Ama kabul edelim; gerçekte, işler her zaman daha zordur.

"Kutunun dışında, yenilikçi ve yaratıcı bir çözüm istiyorum - iyi bir UX, gerçekten güzel bir kullanıcı arayüzü… ve buna dün ihtiyacım var."

Peki bir logo oluşturmak ve ana marka öğelerini, bir web sitesini, mobil kullanıcı arayüzlerini ve sosyal medya reklamlarını/grafiklerini tasarlamak için 30 gün olduğunu fark ettiğinizde ne olur?

Küçük bir panik atak geçirdikten sonra, akıllıca çalışmanın tek yol olduğunu anlarsınız.

Bir plan yapmak ve her şeyi önceden düşünmek, üretkenlik, hassasiyet ve tasarım kalitesine yardımcı olacaktır. Her başarılı girişimde olduğu gibi, sıkı çalışma ve uzun saatler, bunun gerçekleşmesi için zorunlu koşullardan bazılarıdır.

Ne olursa olsun, her zaman şu dayanılmaz sorular vardır:

• Böyle zaman kısıtlamaları ile yapmaya değer mi?
• Zaman kısıtlamaları düşük tasarım kalitesine yol açar mı?
• Daha fazla zamanım olsaydı daha iyi bir iş yapar mıydım?

Kesinlikle evet!

Herhangi bir projede olduğu gibi, tasarımcılar olarak yaratıcı çözümler bulmak için bir yol bulmamız ve hatta avantajımıza kullanmamız gereken her zaman olumlu, olumsuz ve kısıtlamalar vardır.

Projenin başarılı bir şekilde tamamlanması için yerine getirilmesi gereken görevler hakkında net bir fikre sahip olmak ve müşteriye diplomatik olarak kısa zaman çizelgesinin genel tasarım kalitesini potansiyel olarak olumsuz etkileyebileceğini bildirmek çok önemlidir. Bununla birlikte, ezici bir son teslim tarihinin baskısı, zanaatınız için elinizden gelenin en iyisini yapmamak için bir mazeret değildir - mümkün olan en iyi işi sunmak için kendinizi zorlamak için kullanın. Harvard Business School tarafından zaman baskısı altında yapılan yaratıcı çalışmalar üzerine yapılan bir araştırma şu sonuca varmıştır:

Bu çalışma, yöneticilerin, özellikle çalışmaları yüksek derecede yaratıcılık gerektiren çalışanlar olmak üzere, çalışanların yaratıcı bilişsel işlemlere katılmaları için zamanı korumak için adımlar attığını göstermektedir. […] Yaratıcı fikirlerin, ister kendi kendine ister dışarıdan empoze edilmiş olsun, herhangi bir zaman baskısının tamamen yokluğunda üretilmeyeceği tamamen muhtemeldir.

Bu bulgular, yaratıcı çalışmaya karşı büyük bir baskının işe yarayabileceğini gösteriyor, ancak aynı zamanda çalışma, yaratıcı çalışmayla ilgili makul düzeyde bir baskının daha iyi tasarımlar üretmeye yardımcı olmada yararlı olabileceğini de gösteriyor.

Birden fazla aktif projeyle serbest çalışan olarak çalışırken her şeyi halletmek her zaman zor bir iştir, ancak programınıza özen göstermek ve sınırlı zamanınızın sizin için çalışmasını sağlamak için harika bir fırsat! Uzaktan çalışmayı sizin için yapmak basit ama kolay değil. Bunu sağlam bir planla birleştirin ve kendinize başarı için bir reçete edin.

1-2. Günler: Önce İlk Şeyler—Planlayın!

İlk adım, projeyi daha küçük parçalara bölmek ve projenin her bir aşamasını bitirmenin ne kadar zaman alacağını hesaplamaktır. Hedef belirlemek motivasyonu ve başarıyı artırır. Hedefe ulaşma bilimi, büyük hedefinizi net, tanımlanmış eylem adımlarına bölmenizi önerir; bunu yapmak, ona ulaşma çabalarınızda size büyük bir avantaj sağlayacaktır.

Marka bilinci oluşturma tasarımıyla ilgili olarak, müşterinin seçim yapabileceği farklı seçeneklere sahip olması için tasarımın birkaç versiyonunu oluşturmak iyi bir uygulamadır. Kişisel tercihim, tipografi, renk paletleri, görüntüler ve simge setleri gibi logo tasarımlarının ve ana marka öğelerinin üç tekrarını oluşturmaktır. İlk önce bunu yapmak, konsepti ve görsel fikirleri bir sonraki adıma geçirmenizi sağlayacaktır.

İş süreçleri oluşturun ve takip edin.

İş süreçleri oluşturmak, iş akışını ve her projeyle gelen sorumluluğu kolaylaştıracaktır. Markalama veya kullanıcı arayüzü tasarımı gibi tipik bir tasarım projesi için genel yaklaşımım aşağıdadır:

Araştırma

Müşterinizin işiyle ilgili her şeyi öğrenin:

• İşlerinin özü nedir ve ana faaliyetleri nedir?
• Hedef kitleleri kimlerdir ve ihtiyaçları nelerdir?
• Hedefleri nelerdir ve tasarım kullanılarak hangi problemin çözülmesi gerekiyor?
• Rakip kim ve nasıl daha iyi olabilirsiniz?

Bir anket veya tasarım özeti, yukarıda belirtilen bilgileri toplamanın en uygun ve etkili yollarından biridir.

Bir Mood Panosu Oluşturun

Bir ruh hali panosunu kullanabileceğiniz şeylerden biri, herhangi bir projenin önemli bir parçası olan konsepti oluşturmaktır. Daha büyük resmi görün—tüm araştırmanızı alın ve tasarımlara dahil edilmesi gereken tüm öğeleri görebilmeniz için tek bir büyük tuvale koyun. Kolayca ruh hali panoları oluşturmanıza yardımcı olan birkaç ücretsiz araç vardır.

Çevrimiçi araçlarla ilgilenmiyorsanız, Adobe Illustrator'ı kullanmak, öğeler oluşturabileceğiniz, ekleyebileceğiniz ve özgürce taşıyabileceğiniz kadar iyi çalışır. Bunu bir kolaj olarak düşünün—ayrıntıların konumlandırılması konusunda çok fazla endişelenmeyin; her şeyi beğeninize göre düzenlemekte özgürsünüz. Birincil hedef, renklerin, fotoğrafların, simgelerin, tipografinin vb. görsel olarak ve hikaye anlatımında birbirleriyle nasıl çalıştığını görmektir.

3. Gün: Bir Tasarım Konsepti Oluşturun

Bir konsept oluşturmak, ruh hali tahtanızı tamamladıktan sonraki adımdır ve gelecekteki tüm çalışmalarınızın temelidir. Tasarım özelliklerinin uygulanabilirliğini test etmek için deneysel bir model olarak bir konsept üretilir.

Mood board, hedeflediğiniz kitleye ve işin amaçlarına uygun olması gereken erken bir görsel yön belirlemede yardımcı olacaktır. Konsept, UX yönünüzün temeli olacak ve bu nedenle, en iyi tasarımcıların kullandığı 10 UX Teslimatının bir parçasıdır.

Bu adımın ne kadar önemli olduğunu anlamak önemlidir çünkü sağlam bir konsept, projenin ilk aşamalarında bile zorlayıcı bir hikayeyi yeniden anlatmaya yardımcı olur. Ana odak, görsellerin kendilerinin ne olduğundan çok, kullanıcıların görsellerle uğraşırken karşılaştıkları duygu ve deneyimleri dikkate almalıdır.

Sektörün en etkili pazarlama danışmanlarından ve motivasyonel konuşmacılarından biri olan Simon Sinek, bu konuda mükemmel bir TED konuşması yaptı.

Mood board, birkaç kısa slogan oluşturmanıza veya bir konsepte ikon ve fotoğraf stilleri koymanıza yardımcı olabilir. Ortamdan bağımsız olarak hızlı bir şekilde okunabilen tipografiye sahip olmak iyi olduğundan, web ve baskı dostu tipografiyi düşünmek de önemlidir. Bu, harika tasarımın kilit bir unsurudur ve aynı zamanda evrensel tasarım uygulamalarının kabul ettiği ilkelerden biridir.

4. Gün: Marka Görselleri Tasarlayın

Baştan yanlış yaklaşımı takip ettiğinizde yakalanırsanız, marka oluşturma süreci sıkıcı ve zaman alıcı olabilir. Logo yinelemeleri oluşturmaya başlamanın en iyi yolu, onaylanmış bir konsepte sahip olduğunuzda ve görsel kılavuz dosyaları tamamlandıktan sonra yapılır. Bu size doğru yönde ilerlediğinize dair güven verecek ve marka bilinci oluşturma zorluklarının üstesinden akıllı ve zaman açısından verimli bir şekilde geçmenizi sağlayacaktır.

Tasarım fikirlerinizin küçük kalem ve kağıt eskizlerini yapmak çok önemlidir. Önce çizim yapıp ardından logonuz üzerinde çalışmak için Illustrator, Sketch vb.'ye geçerseniz daha az zaman alacaktır. Bu adım, tümü marka için seçilen görsel yönde olan üç farklı logo önerisi tasarlamama yardımcı oldu. Bunun tamamlanması birkaç gün sürdü:

Logo tasarımında bazı ek değişiklikler ve ince ayarlar olabilir, ancak müşteri logoya karar verdiğinde ve renkler, tipografi, simgeler ve fotoğraf stili gibi diğer öğeleri onayladıktan sonra, temel marka öğeleriyle işiniz biter.

7-15. Günler: Web Sitesi Tasarımı

Marka geliştirme, logodan daha fazlasını içerir; web sitesi de dahil olmak üzere tasarımın neredeyse tüm yönlerini kapsar. İlk önce web sitesine başlamak faydalı olabilir, çünkü görsel kurallar uygulayarak ve birlikte nasıl çalıştıklarını görerek görsel konsepte katkıda bulunabilirsiniz. Bu özellikle, nihai olarak mobil uygulamaya benzer bir amacı ve unsurları olan bir web sitesi oluştururken geçerlidir.

site haritası

Site haritası, tarayıcılar veya kullanıcılar tarafından erişilebilen bir web sitesinin sayfalarının listesidir. Web tasarımı için bir planlama aracı olarak kullanılan bir belge veya bir web sitesinin sayfalarını hiyerarşik bir şekilde gösteren bir sayfa olabilir.

Bir müşterinin zaten bir site haritasına sahip olması büyük bir yardımdır çünkü size bir web sitesine ait tüm sayfaların net bir görünümünü verir. Site haritasının gerekli olduğu bir projeye hak kazanırsanız, bir site haritası oluşturmak için müşteriyle birlikte çalışmanız gerekir.

Bu, müşterinize birkaç soru sormak anlamına gelebilir:

• Web sitesindeki sayfa sayısı nedir?
• En önemli sayfalar hangileridir?
• Alt sayfalar var mı?

Bu, web sitesinin yapısının net bir resmini çizecek ve size projenin kapsamı hakkında iyi bir fikir verecektir.

Önce Kopyala

Müşteriden siteye eklemek istediği tüm kopya ve içeriği önceden bana vermesini istemeyi faydalı buluyorum. Önce kullanıcı arayüzünü oluşturup daha sonra kopyayı sığdırmaya çalışmak yerine tasarımın kopya etrafında çalışmasını sağlamak en iyi uygulamadır.

Önce kopyala yaklaşımı size ve geliştiricilere çok zaman kazandırır. Diğer yöne giderseniz, sorunlarla karşılaşabilirsiniz. Zaman zaman yararlı olsa da, sahte metin kullanmak, özellikle tasarım ağırlıklı olarak tipografiye dayandığında ve içerik etrafında tasarlandığında, gerçek bir projeyi olumsuz etkileyebilir. Kopya merkezli bir tasarımın dezavantajı yoktur ve yalnızca olağanüstü kalitede yaratıcı işlerin ortaya çıkmasına yardımcı olur.

Ana Sayfa Tasarım

Önceki tüm adımları izleyerek zaten genel görsel yönergelere, bir site haritasına ve kopyaya sahip olursunuz. Artık web sitesi için sayfaları tasarlamaya geçebilirsiniz.

Ana sayfa, kullanıcıların bir web sitesine geldiklerinde ilk gördükleri şeydir ve bu nedenle en önemli sayfadır. Pareto ilkesinin uygulanması, ana sayfanın tasarım yönünün (bağlam, tipografi, renkler, tekrarlanabilir öğeler vb.) %80'ini ve sayfaların geri kalanını %20'sini elinde tuttuğunu gösterir.

Ana sayfa için bölümleri gruplayarak ve seçerek sürecinize başlamak iyi bir fikirdir. Tam içerik ve kopya genellikle tüm sayfayı düzenlememe ve etkiyi en üst düzeye çıkarmak ve kullanıcıları ürünü veya hizmeti satın almaya/kullanmaya yönlendirmek için eklenebilecek bölümlerin yanı sıra hangi yönlerin eksik olduğunu görmeme yardımcı olur.

Hizmeti veya ürünü vurgulamak için öne çıkan harekete geçirici mesaj bölümlerini kullanmayı deneyin. Bir ürün satın almak, bir bültene abone olmak, kaydolmak vb. için kullanıcıların dikkatini çekmenin yanı sıra reklam vermenin mükemmel bir yoludur.

Teknoloji, hedef kitle ve müşterinin iş türü izin veriyorsa, GIF veya animasyon gibi hareket tasarımı eklemek, tüm siteye alt bağlam sağlayabilir ve harekete geçirici mesaj bölümünü vurgulayabilir. Ancak tasarımcılar çok ileri gitmemeye ve geliştirmesi çok zaman alacak bir şey yaratmaya özen göstermelidir.

15-25. Günler: Evrensel Tasarım Uygulayın

Geliştiricileri tarafından tanımlandığı gibi evrensel tasarım, "mevcut tasarımları değerlendirmek, tasarım sürecine rehberlik etmek ve hem tasarımcıları hem de tüketicileri daha kullanışlı ürün ve ortamların özellikleri hakkında eğitmek için uygulanabilir."

Evrensel tasarım kavramı, geniş kapsamlı bir projeyle uğraşırken kullanılacak en uygun çözümlerden biridir; marka bilinci oluşturma, web sitesi ve mobil uygulamalar için birleşik bir konsept ve odaklanmış görsel yön, zaman kısıtlamaları altında tasarım yaparken büyük fayda sağlar.

Tekrarlayan öğelerin gerekliliği başlı başına bir zorluk olabilir. Bu, teknik gereksinimlerle karşılaştığınızda olur. Duyarlı web sitesi ve mobil platformlar tamamen farklı bir felsefeye ve kurallara sahiptir ve bu nedenle uygun şekilde ele alınmadığı takdirde sorun haline gelebilir. Bununla birlikte, birden fazla platformda kullanılabilecek öğeler oluşturmak, herhangi bir projenin başarısının omurgalarından biridir - bu özel durumda, markanın yönünü açıkça belirleyen birleşik bir tasarım olmadan bu kadar çok platformu/cihazı kapsamak mümkün olmazdı. gelişim.

Sınırlı bir son teslim tarihi ve birden fazla platform için tasarım yapmanın dezavantajı, tasarladığınız platformların her birinin potansiyelini tam olarak kullanamıyor olmanız olabilir. Bu gibi durumlarda, zaman kısıtlaması nedeniyle, kullanıcı tabanına aşina olan basit bir “kurşun geçirmez” çözüm değerli bir fikir olabilir.

Örneğin: Bir fikri birden çok sayfada yeniden uygulayın ve her cihaz için yeniden şekillendirin. Desenler özünde benzer, bu da sizin lehinize. Temel bilgileri gösterme veya kullanıcıları bir ürünü satın almaya davet etme şekliniz olabilir. Bu durumda, aynı olmasa bile bir arama çubuğu bile benzer olabilir.

akış şeması

Web sitesinin tasarımı tamamlandı ve uygulamalar için UX hakkında daha net bir vizyona sahipsiniz.

UX oluşturma sürecini daha kolay ve net hale getirmenin yollarından biri, bir kullanıcı akış şeması oluşturmaktır.

Akış şemaları oluşturmak için kullanabileceğiniz birden çok yöntem ve araç vardır; genel uygulama, kısa başlıklar ve gerekirse açıklama metni içeren grafik diyagramlar oluşturmaktır. Bunun için Sketch veya Illustrator kullanmak benim tercihim, ancak öğeleri oluşturmanıza ve taşımanıza izin veren herhangi bir araç bu görev için uygundur.

Will Little bunun harika bir yorumunu yaptı:

Mühendis(ler)in ve yaratıcı(lar)ın, amaçlanan arayüzleri ve tıklama/kaydırma davranışını en iyi şekilde ne tür yazılım araçlarının destekleyebileceğine karar vermek için her son sekmeye, araç ipucuna, ışık kutusuna, simgeye vb. .

Düşük Yaparak Yüksek Hale Getirin

Uygulamanın birincil amacını keşfetmek, UX'i tanımlamaya yardımcı olacaktır. Bu, bir kullanıcının bir ürün satın almasına veya bir ürünü kullanmasına yardımcı olabilir; kullanıcı deneyiminin buna uyum sağlaması gerekir. Kağıt üzerinde oluşturulan ve ardından Sketch veya Photoshop'ta aslına uygun hale getirilen düşük kaliteli tel çerçeveler, süreci önemli ölçüde kolaylaştırabilir.

Bu durumda, uygulama basit olduğundan ve yalnızca web sitesindeki görsel ayrıntıları takip etmesi gerektiğinden, düşük kaliteli tel çerçeveler yeterliydi.

Mümkünse, UX'iniz için küçük bir test düzenleyin. Tel çerçevelerin ve UX akışının anlamlı olup olmadığını görmek için gelecekteki kullanıcılardan oluşan bir test grubuna ihtiyacınız olacak. Testten sonra, değerli bilgilerle donatılacaksınız ve bir sonraki adıma (bir kullanıcı arayüzü oluşturma) geçebilirsiniz.

Birleşik Tasarım

UX'te bazı ince ayarlar yaptıktan sonra, mantıksal ve iyi tanımlanmış bir UI oluşturmak için ihtiyacınız olan her şeye sahip olursunuz ve onu iOS ve Android platformlarının görsel gereksinimlerine göre ayarlamanıza olanak tanır. iOS, Apple App Store'a girmenizi engelleyebilecek bazı çok özel tasarım yönergelerine sahip olduğundan, bu kuralları öğrenmeniz ve geliştirme aşamasında tasarımınızın nasıl uygulandığını dikkatlice kontrol etmeniz gerekir.

Kullanıcı arayüzünü tasarlarken yönergeleri ve kuralları izleyerek en güçlü yanlarını kullanmaya devam ederken hem iOS hem de Android platformları için birleşik bir tasarım oluşturabilirsiniz.

25-30. Günler: Markalama ile Senkronize Reklamlar Oluşturun

Bu noktada bir logotype, marka öğeleri, bir web sitesi ve mobil uygulamalar tasarlamış olmalısınız. Her şeyi 25 günden kısa bir sürede tasarlamış olsanız da, dikkate alınması gereken bir adım daha olduğu için kutlamak için henüz çok erken: sosyal ağlar ve basılı yayınlar için reklamlar oluşturmak. Başta yarattığınız konseptin çok yardımcı olacağı yer burasıdır.

Reklamları ve sosyal medya materyallerini tasarlarken bu ipuçlarını takip etmek, görsellerinizin kalitesini, katılım düzeylerini ve genel yaratıcılığını büyük ölçüde artıracaktır:

• Öne çıkan canlı ve parlak renklerden yararlanın.
• Mutlu ve aktif insanları göstermek, grafiklerinizle ilgili dinamik ve hislere yardımcı olur.
• İnsanların hareketi, etkinliği ve heyecanı her zaman göz alıcıdır ve genel olarak aktarılan duygulara yardımcı olur.

Bu kuralların tümü, reklamlar için olağanüstü grafikler oluşturmanıza yardımcı olacaktır. Uygunsa, web siteniz, markanız ve uygulamalarınız boyunca kullandığınız renk paletini, tipografiyi ve diğer görselleri kullanın. Bu, tasarımlarınızda tutarlı olmanıza yardımcı olacak ve zaman kısıtlamaları altında çalışırken lehinize çalışacaktır.

Karşılaşamayacağınız Bir Son Tarihe Asla Taahhüt Etmeyin

Bazı durumlarda, herkes bir projenin alabileceği çaba ve çalışma miktarını hafife alabilir; bu nedenle, bir projenin başlangıcında her adımı planlamak çok önemlidir. Küçük parçalara ayrılmış hedefler ve gerçekçi hedefler, sağlam bir çalışmayı zamanında teslim etmek için kritik öneme sahiptir.

Benjamin Franklin bunu en iyi şekilde ifade etti: "Hazırlanamayarak başarısız olmaya hazırlanıyorsunuz."

Her zaman, hazırlanmaktan asla vazgeçmeyin ve işi teslim etmek için gereken süre açısından hafife alma olasılığını asla tahmin etmeyin. Müşterilerin son teslim tarihleri ​​olsa da, bir projenin yapılabilir olup olmadığını veya ilk etapta dikkate alınmaya değer olup olmadığını belirlemenize yardımcı olacak becerilere sahip olmalısınız. Ancak bunun, nihayetinde sizi daha yetenekli bir tasarımcı ve zamanınızın yöneticisi yapmanıza yardımcı olabilecek kişisel bir mücadeleye girişmemeniz için bir bahane olmasına izin vermeyin.

• • •

Toptal Tasarım Blogunda daha fazla okuma:

• Kullanıcı Arayüzü Tasarımı En İyi Uygulamaları ve Yaygın Hatalar
• Boş Durumlar – UX'in En Çok Gözden Geçirilen Yönü
• Basitlik Anahtardır – Minimal Web Tasarımını Keşfetmek
• Mobil Arayüzler için Sezgisel İlkeler
• Okunabilirlik için Tasarım – Web Tipografisi Kılavuzu