Sketch'de UX Design ile Başlarken

Yeni UX tasarımcıları ve tasarım öğrencileri için bir astar

Son iki yılda UX Elektrikli El Aletleri'nde Sketch ipuçları hakkında çok şey yazdık ve onları UX’e yeni başlayan tasarımcılara yardımcı olacak şekilde düzenlemek istedim.

Ayrıca, hangi aracın en iyisi olduğunu tartışmayacağımı da söylemeliyim - Sketch'in zaten en iyisi olduğunu (şu an için) anladığımı ve UX Designer olarak nasıl kullanılacağını bilmek istediğimi farzedeceğim

Yeni tasarımcıların acemilikten ustalığa nasıl ilerlediğini düşündüğümü haritalayan makalelerimizi 5 bölüme ayırdım:

  • Fikir Kazandırma
  • Başlamak
  • Daha Hızlı Başlarken
  • Daha Akıllı Başlarken
  • Görsel Başlarken

Fikir edinmek

UX tasarımı, araçlara ulaşmadan önce başlar - fikirlerinizi kafanızdan çıkarma noktasında başlar (… aslında araştırmadan çok önce bir araştırma ile başlar, ancak bu makaleyi 20 dakikadan daha kısa tutalım).

Kuşkusuz, hemen erkenden dijital araçlara atladım. Ama bu büyük ölçüde çünkü kafamda daha fazlasını yapıyorum ve tasarım ekibimle birlikte bir beyaz tahta üzerinde işbirliği yapıyorum. Yeni başlayan UX tasarımcıları problem alanını keşfederken ve hatalar yaparken gerçekten düşük kalmalıdır.

Ekranda bir şey almaya hazır olduğunuzda, bunu gerçekten kolaylaştıracağını düşündüğüm iki araç var. İlki, incelediğimiz Freehand adlı bir InVision aracıdır:

Tasarımın bu aşamasını kolaylaştıran ikinci araç, Matt D. Smith tarafından Sketchkit adlı eskiz kütüphaneler seti. Fiyatı 29 dolar değerinde.

Sadakatte tel kafesleme için sadece mükemmel olmakla kalmaz, aynı zamanda tasarımınızı iletmek için yüksek kalitede anahtar iş akışlarını belirlemeniz gerektiğinde tasarımınızın sonraki aşamalarında kullanılabilir.

Başlamak

Sketch'in UX Design için en büyük gücü, tekrarlanabilir ve hızlı hale getirme vurgusudur.

Kaç tane Sketch tasarımcısının, Paylaşılan Stiller kadar basit ve güçlü şeyleri veya Yuvalanmış Semboller gibi daha yeni gelişmeleri kullanmadığını görmek oldukça endişe verici. Sanırım tasarımcılar sabırsızlanıyor ve sadece bir şeyler çıkarmak istiyorlar. Tamamen anladım.

Ancak harika tasarım, yalnızca bir tasarımcının organize olduğu kadar iyidir. Yemek pişirme metaforunu seviyoruz:

Ayrıca Stil Sayfaları kavramını koddan tasarıma genişletmeyi de seviyoruz (bunu yazdığımızdan beri tasarım sistemleri sahneye gerçekten patladı, ancak bu tekniklerin çoğu bugün hala geçerli):

Ve son olarak, hepsini kapsayan bir projenin nasıl başlatılacağına dair kutsal bir grail için (klasör yapısına kadar):

Sketch'deki düzenlerin nasıl hazırlanacağına dair bir bonus makalesiyle:

Daha hızlı almak

Tamam, artık bir Sketch projesini etkili bir şekilde başlatmanın bir yolunu kavradığınıza göre, araçla daha hızlı bir şekilde çalışmaya başlamanın zamanı geldi. Şahsen, tasarım yaparken herhangi bir kısayol kullanmayan bir tasarımcının görülmesini çok rahatsız edici buluyorum - demek istediğim, bu gerçekten ruhumu incitiyor. Bu adam / gal olmayın:

Bu makaleyi yazdığımızdan bu yana yaklaşık bir buçuk milyon yeni araç ve eklenti ortaya çıktı, ancak doğrusu, Sketch'in en iyi yoldaşları benim görüşüme göre gerçekten değişmedi (Nudg.it artık doğal olarak Sketch, Anima'da destekleniyor) bir kısmı Sketch düzeninin işlevselliğine eklense bile hala kullanışlıdır):

Ipuçları ve Püf noktaları

Jon Moore, akılcı kullanıcı bilgeliğini, sadeliği ve gücüyle aklınızı başınızdan alacak birkaç makalede verdi:

Daha Akıllı Başlarken

Bir projenin nasıl kurulacağını biliyorsunuz, Sketch ile nasıl daha hızlı çalışacağınızı öğrendiniz ve şimdi tüm bunları UX tasarımına uygulamanın zamanı geldi.

Daha önce de söylediğim gibi, Sketch UX tasarımı için mükemmel çünkü tekrarlamayı, tutarlılığı ve modülerliği kolaylaştırıyor. İşte UI öğelerini akıllıca yapmak için Sketch'i nasıl kullanacağınıza dair birkaç örnek (ve hepsi de freebies ):

Simgeleri ve grafikleri verimli şekilde kullanma

Bir sonraki bölümde UX’in görsel tasarımını ele alacağız, ancak grafiklerle uğraşmak genellikle bir UX tasarımcısının tekerlekli evinin dışındadır. Simgeler oluşturma konusunda endişelenmek yerine, onları nasıl kullandığınız konusunda daha akıllı olun:

İç içe semboller aslında biraz otomatikleştirebilir:

Son olarak, Sketch’in son 12 aydaki en büyük ilerlemesine dikkat çekmeseydim, hatırlanmam gerekirdi - Kütüphaneler:

Görsel Başlarken

Bütün bunlar yetmediyse, UX tasarımcıları bugün görsel tasarıma gelince karşılamak için daha yüksek bir standarda sahipler.

UX tasarımına başlarken, tasarlamam gereken “malzemeler” hakkında bilgi sahibi olmayı zor buldum: görünüş oranları, yazı tipi boyutları, ağırlıklar, renk kontrastı vb.

Daha iyi olmak için, var olan ürünleri kopyalayarak başladım, böylece UI'nin nasıl oluştuğuna dair bir fikir edinebilecektim.

Geçen yıl bu konuyu ele aldık ve Sketch'de yeniden oluşturulan birkaç ortak ürüne bağlantılar sağladık (bazıları yeniden tasarlanmasına rağmen):

Oradan, tasarımlarınıza biraz yetenek katmak için bazı küçük teknikleri kullanmaya başlayabilirsiniz:

Ancak, doğru örnek verilerinin görseller için görseller kadar önemli olduğunu unutmayın:

* 2. kısmı asla yazmadık

Son fakat en az değil, kariyerinizin bir noktasında bir pano tasarlamanız gerekecek ve genellikle bir UX tasarımcısı için en büyük kabuslardan biri. Şahsen, gösterge tablosunun marjinal değeri masaya getirdiğini düşünüyorum, bu yüzden günleri grafiklerin iyi görünmesi için harcamamayı tercih ederim:

Tasarım topluluğuna UX Elektrikli El Aletleri ile yardımcı olmak için 18 aydan beri inanılmaz bir deneyimdi. Sketch kesinlikle bir tasarımcının cephaneliğinde sahip olması gereken tek araç olmasa da kesinlikle en güçlü olanı. Umarım bu ek, bir UX kariyerine yeni başlamış olan veya tasarım iş akışınız için Sketch'e geçiş yapan kişilere yardımcı olacaktır.

Yeni projelere başlamak için mükemmel bir vanilya tasarım sistemi ile ilgileniyorsanız, inşa ettiklerimize göz atmanızı seviniriz. Binlerce saatlik tasarım zamanından tasarruf edecekler:

Medium'da Sketch makaleleri toplamadığımda, sizi daha iyi ve daha verimli bir tasarımcı yapmak için UX Power Tools'daki Sketch tasarım araçları üzerinde çalışıyorum.

UX Elektrikli El Aletleri'nı Twitter'da Takip Edin
Twitter'da beni takip et