Bu En İyi UX Araçları ile İşinizde Ustalaşın

Doğru UX araçlarına sahip olmak, işbirlikçi, sorunsuz ve genel olarak oldukça etkili bir tasarım iş akışına sahip olmak ile yavaş, verimsiz ve hesap verilemez bir iş akışına sahip olmak arasındaki önemli fark olabilir.

En yeni araçlar ve teknolojilerle güncel kalmak ve tasarımcıların bunları daha verimli bir şekilde oluşturmak ve işbirliği yapmak için kullanabilecekleri ilginç yolları öğrenmek önemlidir. Ekibin büyüklüğüne, tasarım sürecindeki aşamaya ve halihazırda iş akışının parçası olan diğer araçlara bağlı olarak bazı araçlar diğerlerinden daha etkilidir.

Ekiplerin 2018'de inanılmaz şeyler yapmasına yardımcı olan, tel çerçeveleme ve prototip oluşturmadan UX araştırma ve analitiğine kadar en iyi UX araçlarına bir göz atalım.

Tasarım + Prototipleme + Tasarım Aktarma Araçları

InVision/InVision Studio

Platform: web (Sketch ve Photoshop ile bütünleşir) ve macOS
Fiyat: bireyler için ayda 13 ABD dolarından veya beş kişilik ekipler için ayda 89 ABD dolarından

Not: Fiyat, ücretsiz olan InVision Studio için değil, temel InVision web uygulaması için geçerlidir.

InVision, tartışmasız şimdiye kadarki en güçlü UX aracıdır. Sketch ve Photoshop tasarımcılarının statik ekranlarını içe aktarmalarına ve bunları dinamik prototiplere dönüştürmelerine ve paydaşların daha sonra eyleme dönüştürülebilir, yönetilebilir görevlere dönüştürülebilecek yapıcı geri bildirim sunmalarına olanak tanır. Bunu kullanıcı testleri ve ortak beyaz tahta teknolojisi ile birleştirdiğinizde InVision web uygulaması paha biçilmez, ciddi anlamda etkileyici bir araç haline gelir.

2017'de InVision yeni tasarım aktarma özellikleri gönderdi ve şimdi 2018'de InVision, ücretsiz ve gelişmiş animasyon ve prototip oluşturma özelliklerini içeren kendi UX tasarım aracı Studio'yu tanıttıklarından eksiksiz, hepsi bir arada bir çözüm haline geldi.

Tek bir abonelik altında tamamen dolu bir araç kutusu isteyen ekipler için InVision burada.

çerçeveleyici

Platform: macOS
Fiyat: Bireysel kullanıcılar için 12$/ay veya üç kişilik ekipler için 250$/ay

Sunum açısından Framer, her ikisi de olgun bir web arayüzünü yepyeni bir UX tasarım aracıyla birleştirdiği için InVision'a en çok benzeyen araçtır. Bu ikisi kişisel tercihe bağlıdır, ancak Framer'ın bireyler için biraz daha ucuz olduğu yerlerde, tasarım işbirliği söz konusu olduğunda InVision açıkça büyük kardeştir.

Figma

Platform: web, macOS ve Windows
Fiyat: Başlangıç ​​takımları için ücretsiz veya ayda 12$

Figma, çok oyunculu tasarım için önde gelen araç olarak gelişiminin başlarında diğerlerinden farklıydı ve birden fazla tasarımcının aynı tasarım dosyası üzerinde aynı anda çalışmasına izin verdi. Duyarlı tasarımlar ve ek aktarma özellikleri oluşturma yeteneğiyle, bu özellikleri ürünün web, macOS ve Windows sürümlerinde sunmaları etkileyici.

Enerjik, işbirlikçi bir tasarım iş akışından hoşlanıyorsanız, Figma tam size göre.

Adobe XD

Platform: Windows ve macOS
Fiyat: 1 prototip için ücretsiz veya sınırsız prototip için ayda 20,99 ABD doları

Sketch, tel çerçeveleme ve arayüz tasarımı için 1 numaralı araç haline geldiğinde, Adobe'nin Photoshop'un asla tasarımcıların ihtiyaç duyduğu UI tasarım aracı olamayacağını kabul etmekten başka seçeneği yoktu. Adobe, Sketch'in yapmadığı yerlerde Adobe XD'yi Windows kullanıcıları için kullanıma sunmaya karar verdi ve ayrıca Adobe ekosistemine aşina deneyimli tasarımcıların tanıdık bir iş akışına bağlı kalmasına yardımcı olarak kullanıcı akışlarını prototipleme ve tasarımları inceleme becerisini geliştirdi.

UXPin

Platform: web
Fiyat: Takımlar için diğer seçeneklerle birlikte bir kullanıcı için ayda 8,10 ABD dolarından başlayan fiyatlarla

UXPin, tasarım, tel çerçeve oluşturma, prototip oluşturma, işbirliği, kullanıcı testi ve aktarmadan her şeyi tek bir web uygulamasında sunan eksiksiz bir ürün tasarım platformudur. Dezavantajı ise, UXPin'in, çoğu zaman hacimli web uygulamalarına musallat olan özelliklerin sayısı, karmaşık arayüz ve (bazen) performans gecikmesi nedeniyle kullanımı daha zor araçlardan biri olmasıdır. Ancak tasarım sistemleri gibi etkileyici özelliklere ve Bootstrap ve Google Fonts gibi web çerçevelerinden ve teknolojilerden yararlanma becerisine ihtiyaç duyan kurumsal ekipler bunu çok çabuk gözden kaçırmamalı.

Tasarım + Prototipleme Araçları

Kroki

Platform: macOS
Fiyat: 99$/yıl

Photoshop, 2015'te hem tel çerçeveleme hem de arayüz tasarımı için önde gelen tasarım aracı haline geldikleri için tacı Sketch'e verdi ve 2017 itibariyle hala sorumluluğu üstleniyorlar. Sketch'in ekran tasarımına yenilikçi yaklaşımı, daha sonra Adobe XD, Framer Studio ve InVision Studio gibi bir dizi yeni tasarım aracına ilham verecek çalışma yüzeyleri, semboller ve dışa aktarmalar gibi paha biçilmez özellikler getirdi. Bu inanılmaz derecede sezgisel (ve hafif) vektör aracı, UI tasarımcılarının hiç olmadığı kadar hızlı yineleme yapmasına yardımcı olur.

Ancak, işte “ama” (ve bu büyük bir ama): Sketch Windows için mevcut değil ve oyunun bu kadar geç safhalarında prototipleme tasarımcıları için araçlar uygulamaya karar vermeleri, rakiplerinin InVision ile bu pazarı hızla ele geçirdiği anlamına geliyor. tartışmasız bugün mevcut olan en dinamik prototipleme aracıdır. Sketch işlevi, etkileyici bir eklenti kataloğuyla (Flinto, Zeplin, Marvel, Principle ve hatta InVision'ın kendileriyle entegrasyonlar dahil) uyarlanabilse de, bazı tasarımcılar bu özelliklerle daha yerel bir deneyimi tercih edebilir. Kutu.

Sonuç olarak, Sketch, fikir oluşturma ve tel çerçeve oluşturma veya daha iyi prototip oluşturma ve işbirliği araçları eklemek için araç kutularını doldurmaktan çekinmeyenler için mükemmeldir.

Web akışı

Platform: web
Fiyat: Tek siteli bireylere, birden fazla siteye ve ekiplere yönelik çeşitli seçenekler

Webflow, kod olmadan duyarlı web siteleri oluşturmak ve hatta hepsini tek bir abonelikle barındırmak isteyen günümüz tasarımcıları için bir WYSIWYG düzenleyicisidir. Web akışı, sizin yapmanız gerekmeyen temiz, anlamsal kod çıktısı verir ve web tasarımcılarının statik web sitelerinden, içerik ve envanterin bile aynı gösterge panosundan yönetildiği e-Ticaret mağazalarına kadar her şeyi oluşturmasına olanak tanıyan sağlam özellikler sunar.

Prensip

Platform: macOS
Fiyat: 129$/yıl

Bir tasarım aracından çok bir prototip oluşturma aracı olmasına rağmen, yüksek puan alan Principle uygulaması, aslına uygun prototiplere odaklanan tasarımcılar içindir ve Sketch ve Adobe XD'nin yapmadığı gelişmiş mikro etkileşimler tasarlamaya yardımcı olmak için zaman çizelgesi animasyonu kullanır. Tasarım özellikleri ihtiyaçlarınız için yeterince karmaşık değilse, Principle Sketch ile entegre olur.

Prototipleme Araçları (Yalnızca)

çakmaktaşı

Platform: macOS
Fiyat: 99$/yıl

Flinto, yaylar ve yumuşatmalar, 3B döndürme, kaydırma efektleri gibi gelişmiş animasyon araçlarıyla geçişleri ve mikro etkileşimleri bir sonraki seviyeye taşıyor ve hatta modaya uygun tasarımcıların animasyonları videolar, GIF'ler ve Dribbble çekimleri olarak dışa aktarmasına olanak tanıyor.

Flinto yalnızca prototipleme etkileşimlerine odaklanmış olsa da, bunu iyi yapıyor. En iyi sonuçlar için Sketch ile eşleştirin.

Japon kağıt katlama sanatı

Platform: macOS
Fiyat: ücretsiz/açık kaynak

Origami, Facebook'taki tasarım ekibi tarafından geliştirilen bir uygulama prototipleme aracıdır. Flinto'ya benzer olsa da (fiyat etiketi hariç), benzer araçlar kadar sık ​​korunmaz ve etkileşimleri tasarlamaya yönelik mantık temelli yaklaşımı daha dik bir öğrenme eğrisi ile sonuçlanır.

Bütçesi kısıtlı tasarımcılar için Origami görülmeye değer.

Prototipleme + Tasarım Aktarma Araçları

hayret

Platform: web
Fiyat: Bireysel kullanıcılar için aylık 0-12$ veya takımlar için aylık 42-84$

SSO ve aktarma özelliklerine ihtiyaç duyan kurumsal ekipler doğrudan sorgulamalıdır.

Marvel, ustalaşması en kolay olanlardan biri olarak bilinen bir çevrimiçi prototip oluşturma aracıdır, ancak bunun dezavantajı, dinamik prototip oluşturma özellikleri söz konusu olduğunda InVision kadar karmaşık olmaması ve eksiksiz bir tasarım + prototipleme çözümü haline gelmesi için Sketch ile entegrasyon gerektirmesidir. . Bununla birlikte, Lookback ile bütünleşerek kullanıcı testini masaya getiriyor ve tasarım devir özelliklerini içeriyor.

Marvel ayrıca ekiplerin (tasarımcı olmayanların bile) bir çalışma yüzeyi seçmesine ve şekiller ve metin kullanarak aslına uygun olmayan bir fikri göstermesine olanak tanır, bu da onu tasarım sprintleri için ideal hale getirir (özellikle de kullanıcıların kağıt prototiplerini düşük kaliteli Marvel prototiplerine dönüştürmelerine olanak tanıdığından).

Tasarım Aktarma Araçları (Yalnızca)

zeplin

Platform: web
Fiyat: bir proje için ücretsiz, 17$/ay ve 26$/ay üç ve 12 proje için saygıyla

Büyük kuruluşlar için, 7,65 ABD doları/ay seçeneği, daha gelişmiş kullanıcı izinleri ve projeler arasında renkli ve metin stilleri kopyalama yeteneği sunar.

Zeplin, mevcut Sketch ve Photoshop CC entegrasyonlarının yanı sıra yakın zamanda Adobe XD ve Figma entegrasyonlarını eklediği Sympli ve Avocode rakiplerinden sürekli olarak daha iyi performans gösterdi. Pek çok hepsi bir arada araç, özellik listesine tasarım aktarımı eklemiş olsa da, Zeplin, olmayan araçlar (Sketch, Photoshop) ve hala aktarma özellikleriyle deney yapanlar (Adobe XD, Figma) için boşluğu doldurur.

Tel Çerçeveleme + Prototipleme Araçları

aks

Platform: Windows ve macOS
Fiyat: Pro/Team/Enterprise kullanıcıları için sırasıyla 29/49/99/kullanıcı/ay

Axure RP 8'in tek seferlik satın alımları da 495 dolardan başlıyor.

Axure, özellikle tel kafeslerin ve kaba prototiplerin tasarımı için üretilmiştir ve veri odaklı, dinamik ve uyarlanabilir maketler oluşturmayı o kadar kolay hale getiren özelliklerle birlikte gelir ki, bunun yüksek kaliteli UX prototipleme özellikleri olmayan bir araç olduğunu unutacaksınız. Yalnızca tel kafeslere ve prototip oluşturmaya odaklanan tasarımcılar için Axure, Fortune 100 şirketlerinin %87'si tarafından kullanılan en iyi seçimdir.

Justinmind

Platform: Windows ve macOS
Fiyat: Kurumsal ekipler için aylık 19 ABD doları veya kullanıcı başına aylık 39 ABD doları

Justinmind, sunduğu gelişmiş UX prototipleme, işbirliği, bazı temel tasarım araçları ve ayrıca tel çerçeveleme için 500'den fazla web ve mobil widget'a karşı yeterince sevgi görmüyor. Tel çerçeveleme, birçok rakip prototipleme uygulamasının odaklandığı bir şey değildir ve Justinmind'ı bunu yapan birkaç UX aracından biri yapar.

Tel Çerçeveleme Araçları (Yalnızca)

OmniGraffle

Platform: macOS
Fiyat: 100$ veya Pro lisansı için 200$

OmniGraffle, kullanıcı akışının veya bilgi mimarisinin daha fazla dikkat gerektirebileceği uygulamalar ve web siteleri için kullanışlı, diyagram oluşturma özelliklerine sahip bir tel çerçeve oluşturma aracıdır. Yerel bir macOS uygulaması olarak, arayüz çok arkadaş canlısıdır ve bu da onu ustalaşması kolay bir UX aracı haline getirir.

OmniGraffle'ın çok kullanışlı bir özelliği var: Tasarımcıların tel kafesler, maketler ve hatta nihai görsel tasarımlar oluşturmak için kullanabilecekleri bir "kalıp kitaplığında", kullanıma hazır, sürükle ve bırak yeniden kullanılabilir tasarım bileşenleri olan "stencils". Kullanıcılar kendi kitaplıklarını oluşturabilir ve ayrıca web'de indirilebilecek binlerce şablon kitaplığı vardır ve bunların çoğu ücretsiz, zamandan ve emekten tasarruf sağlar.

Graffletopia, ücretsiz ve ücretli kitaplıkların bir karışımını içeren web'deki en büyük şablon depolarından biridir. 1.100'den fazla şablonla Graffletopia, mobil uygulamalar, web siteleri, ağ şemaları, akış şemaları ve daha fazlasını tasarlayan her kullanım için şablonlara sahiptir.

balzamik

Platform: web, macOS ve Windows
Fiyat: Bulut erişimi için kullanıcı başına yıllık 90 ABD Doları veya masaüstü uygulamaları için 89 ABD Doları

Balsamiq, Justinmind'ın tam tersidir ve prototiplemeden çok tel çerçevelemeye odaklanır. Yerleşik UI öğeleri, beyin fırtınasını teşvik etmek için kabataslak bir görsel estetik kullanır ve benzersiz bir şekilde ürün yöneticileri ve geliştiricilerinin yanı sıra tel çerçeve tasarımcılarına yöneliktir ve tüm ekiplerin erkenden tasarım sürecinin bir parçası olmasına olanak tanır.

UX Araştırma ve Test Araçları

Arkana bak

Platform: web
Fiyat: Özelliklere bağlı olarak ayda 49$/kullanıcı veya 99$/kullanıcı/ay

Lookback, UX tasarım sürecine canlı, yönetilen kullanıcı testlerini tanıtarak tasarımcıların dünyadaki herhangi birinin yüzünü, ekranını ve sesini kaydetmesine olanak tanır. Marvel'i prototipleme aracı olarak kullanan ekipler için Lookback, Marvel ile sorunsuz bir şekilde bütünleşir.

Kullanıcı Testi

Platform: web
Fiyat: 49$/test (en az 15 test), kurumsal seçenekler mevcut

UserTesting, özellikler açısından Lookback'e benzer. Deneyimli kullanıcı test uzmanlarından oluşan geniş bir repertuarına sahip harika bir bağımsız kullanıcı test aracı olmasına rağmen (Marvel ile kullanıcı test uzmanlarını kendiniz bulmanız gerekir), UserTesting InVision ile de sorunsuz bir şekilde entegre olur.

göz miktarı

Platform: web
Fiyat: Kişiler için aylık 499$, 10 kişilik ekipler için aylık 999$ (+ kurumsal seçenekler)

Eyequant, ekiplerin daha iyi tasarım kararları almasına ve CRO çabalarını iyileştirmesine yardımcı olmak için makine öğrenimini kullanır. Yüksek fiyat etiketi bazı müşterileri caydırabilir, ancak yatırım yapanlar kullanıcıları nasıl simüle edecekleri, metrikleri nasıl analiz edecekleri, A/B testlerinden en iyi şekilde nasıl yararlanacakları ve daha fazlası hakkında eğitim alırlar.

sıcak kavanoz

Platform: web
Fiyat: günlük sayfa görüntüleme sayısına bağlı olarak değişken fiyatlandırma

Hotjar, kullanıcı geri bildirimlerini analitik, ısı haritaları, tıklama haritaları, kaydırma haritaları ve ziyaretçi kayıtları ile birleştirerek ekiplerin kullanıcı deneyimlerini optimize etmesini kolaylaştırır. Isı haritaları ve tıklama haritaları, kullanıcıların sırasıyla nereye hareket ettiğini ve farelerini tıklattığını gösterirken, kaydırma haritaları, kullanıcıların hangi noktada ilgilerini kaybedebileceğini gösterir.

Çılgın Yumurta

Platform: web
Fiyat: 20.000 sayfa görüntüleme için aylık 29$'dan başlayan fiyatlarla

Hotjar'a benzer şekilde Crazy Egg, ısı haritaları ve ziyaretçi kayıtları ile kullanıcı davranışlarını analiz ederek kullanıcı deneyimlerini ve dönüşüm oranlarını optimize etmek için kullanılır, ancak neyin işe yarayıp neyin çalışmadığını deşifre etmeye yardımcı olmak için kullanımı kolay A/B test araçlarını da içerir.

Optimal Atölye

Platform: web
Fiyat: 166$/kullanıcı/ay, ücretsiz ve kurumsal seçenekler mevcut

Optimal Workshop, kart sıralama, anketler, ağaç testi, ilk tıklama testi ve nitel veri keşfine odaklanan bir kullanıcı araştırması araç takımıdır.

Analitik Araçlar

Google Analytics

Platform: web
Fiyat: ücretsiz

Google Analytics, en ilham verici veya en kullanışlı arayüze sahip olmasa da, ücretsiz bir araç için makul miktarda veri sunarak, onu kullanıcı araştırması ve başka bir araçta daha fazla keşfetmek isteyebileceğiniz içgörüler edinmek için uygun bir başlangıç ​​noktası haline getirir. .

karışık panel

Platform: web
Fiyat: Ücretsiz ve kurumsal seçeneklerle 1 milyon veri noktası başına 99 ABD dolarından başlayan fiyatlarla

Mixpanel, yöneticilerden basit katkıda bulunanlara kadar herkesin daha stratejik kararlar almak için verileri kullanmasına izin verir. Tasarımcılar, Google Analytics'e kıyasla daha dostça bir arayüzle, kullanıcı yolculuklarını analiz etmenin, kullanıcıların ürünle nasıl etkileşimde bulunduğunu öğrenmenin ve Mixpanel ile karmaşık davranış analizlerini deşifre etmenin daha kolay olduğunu görebilir.

Pendo

Platform: web
Fiyat: Fiyatlandırma, kullanıcı sayısı ve gerekli özelliklere göre belirlenir.

Pendo, diğer analiz araçlarının çoğuna kıyasla çok daha basit bir arayüze sahip, tasarımcıların NPS'yi (net promotör puanı) izlemesine, kullanıcıları segmentlere ayırmasına, hunileri ve kullanıcı yolculuklarını optimize etmesine ve en iyi web sitesi analiz aracından beklediğiniz diğer her şeye olanak tanır. Bunun yanı sıra tasarımcılar, izlenen verilere dayalı olarak hedeflenen duyurular, bağlamsal yardım ve özel deneyimler sunabilir.

Çözüm

Doğru UX araçlarını seçmek, dikkatli düşünmeyi gerektirir. Sorunsuz bir iş akışını sürdürmek için maliyetleri, diğer tasarımcılar ve paydaşlarla gerekli işbirliği seviyesini, platformu ve entegre etmemiz gerekebilecek diğer araçları hesaba katmamız gerekiyor. Seçeneklerinizi daralttıktan sonra, ücretsiz denemelerine kaydolun ve suları test etmek için beş günlük bir tasarım sürat koşusu yapmayı düşünün.