Herhangi bir tasarım, ne kadar iyi olursa olsun, bir UX tasarımı değilse tamamen işe yaramaz olacaktır. Akıllara durgunluk veren arayüz tasarımı ve grafik tasarımı yaratan ve gerçek dışı yeteneklere sahip en iyi profesyonelleri kullanan ancak ağda hak ettiği yeri alamayan yüzbinlerce kaynak var. Hepsi bu kadar, çünkü site ve kullanıcılar arasındaki etkileşim katlanarak artıyor, bu da kullanıcıdan geri bildirim almak için web tasarımcılarının kullanıcı deneyimine (UX - Kullanıcı Deneyimi - "etkileşim deneyimi") önem vermesi gerektiği anlamına geliyor. Bu aşamada UX tasarım araçları kurtarmaya geliyor - mükemmel çevrimiçi hizmetler tasarımla ilgili ipuçları veren Kullanıcı arayüzleri tasarımcılar. Bu yazıda onlar hakkında daha ayrıntılı olarak konuşacağız.

Tasarımcılar yalnızca öğelerin organizasyonunun güzelliğini ve doğruluğunu değil, aynı zamanda sitedeki ziyaretçilerin davranışlarıyla ilişkili daha karmaşık faktörleri de göz önünde bulundurmaları gerektiğinden, genellikle bazı görevleri veya görevleri otomatikleştirmelerine yardımcı olabilecek UX tasarım araçlarının yardımına başvururlar. bunları gerçekleştirme sürecini büyük ölçüde basitleştirir. Neyse ki arayüz tasarımı artık yeni bir konu değil ve internette yüzlerce UX tasarım aracı var. Elbette hepsini listelemeyeceğiz. Size yardımcı olmak için, ana özelliklerini göstermek için kısa açıklamalar içeren en ilginç ve kullanışlı UX tasarım araçlarından yalnızca bazılarını seçtik ve size en uygun olanı seçmenize izin verdik.

Maket ve prototipleri modellemek ve tasarlamak için UX tasarım araçları

Prototipleme, UX tasarımında başarılı olmak ve kullanıcı deneyimini geliştirmek isteyen tüm tasarımcılar için bir zorunluluk haline geldi. Maketler, modeller ve prototipler oluşturmak, projeye zaman, emek ve para yatırmadan önce herhangi bir fikri eylem halinde test etmelerini sağlar. Bu UX tasarım araçları ile ürününüzü üretim süreci boyunca test edebilir ve hedef kitleniz için sağlam bir kullanıcı deneyimi oluşturmak için iyileştirmeler yapabilirsiniz.

Moqups arayüz tasarım aracı

Moqups isana HTML5 uygulaması, düzenler, maketler ve prototipler oluşturmak için tasarlanmıştır. Moqups, projenizin temelini oluşturmak için kullanabileceğiniz çok sayıda hazır yapı ve şablon sağlar. Her bileşeni özelleştirebilir ve kendi renklerinizi, metin boyutunuzu, simgelerinizi vb. ayarlayabilirsiniz.

tel çerçeve

Bu, kullanışlı bir minimalist arayüz ile sayfaların yapısal diyagramlarını (tel çerçeveleme) oluşturmak için başka bir araçtır. Aracın kullanımı kolaydır ve yalnızca minimum düzeyde özellik içerir, bu da kullanımı olabildiğince kolay hale getirir. Bu araçla diyagram oluşturma, kullanıcıların bunları başkalarıyla kolayca paylaşabilme avantajına sahiptir. Oluşturduğunuz her diyagram veya model, müşteriye veya diğer ekip üyelerine gönderebileceğiniz kendi benzersiz URL'sini alır.

Kalem

Bir grafik prototipleme aracıdır. Bu açık kaynak kodlu bir araç olduğundan, bilgisayarınıza yükleyebilirsiniz. Kişisel bilgisayar ve İnternet erişimi olmadan bile grafik prototipler oluşturmaya başlayın. Tabii ki, ondan gelişmiş özellikler ve karmaşık işlevler beklememelisiniz, ancak ana görevleriyle iyi başa çıkıyor.

balzamik

Prototip oluşturmak için saatler harcamak istemiyor musunuz? Bu durumda, Balsamiq'i denemeniz yeterlidir. Prototipleme söz konusu olduğunda basit ama çok etkilidir. Balsamiq ile kullanıcılar, test edilebilecek birden fazla düzen oluşturabilir ve en iyi sonucu veren düzen seçilebilir.

güç maketi

PowerPoint ustası mısınız? O halde PowerPoint programını güçlü bir UX tasarım düzeni aracına dönüştüreceği için bu aracı seveceksiniz. Bu, yeni bir yazılım öğrenmeniz gerekmediği anlamına gelir. PowerMockup, özel teknik becerilere sahip olmayan kişilerin tasarım ve geliştirme sürecine katılmalarına olanak tanır ve bu kesinlikle ana avantajlarından biridir.

sahte artı

Mockplus, güzel bir şekilde görselleştirilmiş etkileşimler, yerleşik 200 bileşen ve 3000 simgeden gerçek zamanlı ortak çalışma düzenleme ve gerçek cihazlarda test etmeye kadar bir sonraki projeniz için ihtiyacınız olan her şeye sahiptir. Bu UI tasarım aracı, fikirlerinizi verimli ve zahmetsizce tamamen işlevsel prototiplere dönüştürmenize yardımcı olur. Ayrıca Mockplus tasarım aracı, herhangi bir prototip öğesi oluşturmak için kullanım kolaylığı ile karmaşık işlevlerin varlığı arasında bir denge sağlar.

UXPin

Etkileşimli prototipler ve maketler oluşturmanıza olanak tanıyan bir araç mı arıyorsunuz? UXPin sezgisel ve kullanımı kolay bir araçtır. Bunu kullanarak, sadece tarayıcı ekran boyutunu değiştirerek ürünün mobil cihazlarda nasıl görüneceğine dair bir fikir bile edinebilirsiniz.

katılaşmak

parlak

Gliffy, yalnızca başka bir UX tasarım prototipleme aracı değildir; çok daha fazlası. Gliffy, kullanıcıların ağ diyagramları, karmaşık teknik çizimler, akış şemaları, UML diyagramları ve daha fazlasını oluşturmasına olanak tanır. Sezgisel net arayüz dakikalar içinde diyagramlar oluşturmanıza olanak sağlar.

POP

A/B test araçları

Bu araçların arkasındaki fikir, bir sayfanın iki sürümünü oluşturmak ve ardından hangi sürümün daha iyi performans gösterdiğini görmek için bunları test etmektir. Dönüşüm oranları, sayfada geçirilen ortalama süre ve diğer metrikler, bir web sitesi sayfasının performansını değerlendirmek için kullanabileceğiniz faktörlerden bazılarıdır.

tasarım

Kullanıcıların gerçekten görmek isteyeceği bir proje oluşturup oluşturmadığınızdan emin değil misiniz? Bu A/B test aracı ile ilginizi çeken herhangi bir soruyu sorabilir ve kullanıcılardan gerçek bir yanıt alabilirsiniz. Aracın çok kullanışlı bir özelliği var - tartışma. Kullanıcıları tasarım sürecine dahil etmek için sitenizde bir tartışma başlatabilirsiniz. Ayrıca, özel tartışmalar oluşturabilir ve bunları yalnızca arkadaşlarınızla veya iş arkadaşlarınızla paylaşabilirsiniz.

Görsel Web Sitesi Optimize Edici

A/B testini en üst düzeyde gerçekleştirmenizi sağlayan basit ama son derece güçlü bir araçtır. Bununla birlikte, çok değişkenli testler ve bölünmüş testler de yapabilirsiniz. Bölümlere ayrılmış raporlar ve gelir analizi, Görsel Web Sitesi Optimize Edici'de de mevcut olacaktır.

en iyi şekilde

Kullanıcıların teknik ayrıntılara girmeden ve özel becerilere ihtiyaç duymadan test yapmalarını sağlayan sağlam bir A/B test aracıdır. Kod eksikliği ve tam görsel düzenleme, onu pazarlamacılar arasında çok popüler hale getiriyor.

Kullanılabilirlik test araçları

İyi bir UX tasarımı oluşturmak söz konusu olduğunda, kullanıcı deneyimini anlamanıza ve hedef kullanıcıların ihtiyaçlarını ve psikolojilerini belirlemenize yardımcı olacak kullanılabilirlik test araçlarına ihtiyacınız olabilir. Ziyaretçilerin ve potansiyel müşterilerin gerçekten ne istediğini belirleyebilir ve bu bilgiye dayalı bir arayüz oluşturabilirseniz, tasarım kesinlikle izleyiciyi etkileyecek ve harekete geçirecektir. Kullanılabilirlik Testi UX Araçları uzaktan kullanılabilirlik test araçları ve geri bildirim araçları olarak ikiye ayrılabilir. Bu bölümde, size en uygun olanı seçebilmeniz için her iki çözümü de topladık.

döngü11

Loop11, HTML kodu veya programlama dilleri bilgisi gerektirmeyen basit bir kullanılabilirlik test aracıdır. Araç içinde hazır şablonlar kullanabilir veya kendiniz bir tema oluşturabilirsiniz. Ayrıca, katılımcıları projelerinizi test etmeye davet etmenin birkaç yolu vardır. Buna göre kendi kullanıcı listenizi oluşturabilirsiniz. sosyal ağlar, ilgilenen kişileri bulmak için sitede bir açılır pencere oluşturun. Tek yapmanız gereken bir soru listesi oluşturmak veya aralarından seçim yapabileceğiniz farklı tasarım seçenekleri eklemek ve ardından yanıt vermelerini isteyen kişilere bir davetiye göndermek. Sonuçlara göre tasarımda gerekli değişiklikleri yapabilirsiniz.

Çılgın Yumurta

Bu araç, sayfanızı daha kullanıcı dostu hale getirmenize ve doğru kullanıcı deneyimini oluşturarak dönüşümünüzü artırmanıza yardımcı olacaktır. Aşağıdaki gibi çalışır. Tasarımınızı gönderirsiniz, daha sonra kullanılabilirlik ve kullanıcı deneyimi uzmanları onu analiz eder ve sitenizi geliştirmek için kullanabileceğiniz yorumlarını paylaşır.

Kullanılabilirlik Araçları

En yaygın olarak kullanılan UX tasarım araçlarından biridir ve tasarımcılar ve pazarlamacılar arasında büyük popülerlik kazanmıştır. kullanışlı özellikler. Bu araç, web sitesi sayfalarını kullanıcının bakış açısından analiz etmeye yardımcı olur. Bu, tasarımcının dönüşümleri artırmak için nerede ve hangi değişiklikleri yapması gerektiği veya kullanıcıyı belirli eylemleri gerçekleştirmeye zorlamak için hangi öğelerin taşınması gerektiği konusunda belirli ipuçları vermesi açısından tasarımcı için büyük bir avantajdır. Bu kullanılabilirlik aracı, ürünü gerçekten kullanan kişilerden geri bildirim ve geri bildirim almanıza da olanak tanır.

uygulama görmek

Uygulama kullanıcılarının etkinliğini izlemek için kullanılan "analiz yazılımıdır". Bu araç, kullanıcıların uygulamayla nasıl etkileşime girdiği hakkında değerli veriler elde etmenize yardımcı olacaktır. Bu aracın "Kullanıcı Kaydı" özelliği en etkileyici olanıdır. Kullanıcı eylemlerini günlüğe kaydeder ve böylece size kullanıcı davranışı hakkında harika bir fikir verir. Bu, uygulamanızın genel performansını iyileştirmek ve dönüşümleri artırmak için kullanışlı bir araçtır.

Katılımcı

Bu, hedef kitlenizin sitenin sayfalarını nasıl görüntülediğini anlamanıza yardımcı olan bir kullanıcı davranışı izleme aracıdır. Katılımcı, insanların sitenizin "önemli" öğelerini fark edip etmediğini size görsel olarak verir. Bu doğrudan tasarımla ilgilidir, çünkü önemli sayıda kullanıcının afişler, harekete geçirme düğmeleri, özel teklifler gibi önemli öğelere gerçekten odaklanmadığını fark ederseniz, Attensee bunu düzeltmenize yardımcı olacaktır.

Kullanıcı Sesi

Bu, sitenizde gezinirken kullanıcıların çeşitli etkinliklerini görüntülemenize ve analiz etmenize olanak tanıyan başka bir güçlü araçtır. Bu araç, aşağıdakilerden doğrudan geri bildirim almanızı sağlar: gerçek kullanıcılar ve karşılaştıkları sorunları düzeltin.

fare istatistikleri

Bu aracın adından da anlaşılacağı gibi MouseStats, fare ile kullanıcı etkinliğini izlemenize yardımcı olur. Muhtemelen bildiğiniz gibi, fare hareketleri kullanıcıların gözlerinin hareketlerini taklit eder. İmleç hareketlerini ve kaydırmayı izlemek, kullanıcıların tasarımla nasıl etkileşime girdiği konusunda size önemli ipuçları verecektir. Bu araçla ilgili en iyi şey, kullanıcı etkinliğinin görsel bir temsilini sağlaması ve böylece gerekli değişikliklerin yapılmasına yardımcı olmasıdır.

Prototip oluşturma ve ortak tasarım için UX tasarım araçları

Takım çalışması ön koşul hedef kitleniz için iyi bir UX tasarımı geliştirmeye gelince. Bir ekipte çalışmaya alışkınsanız, ekip üyelerinizin verimli ve zahmetsizce işbirliği yapmasına ve kendi tekliflerini yapmasına yardımcı olabilecek uygun araçlara erişiminiz olması gerekir. Aşağıda, faydalı bulabileceğiniz prototip oluşturma ve ortak tasarım için UX tasarım araçları bulunmaktadır.

Dosya Karesi

Bu sadece bir işbirliği aracı değil. Etkileşimli bir prototip oluşturmanıza ve aynı zamanda diğer ekip üyeleriyle işbirliği yapmanıza olanak tanır. Yaratıcı kararlar alın ve insanlardan gerçek zamanlı geri bildirim alın.

notizm

Görsel içerik üzerinde çalışıyor ve bir işbirliği aracı mı arıyorsunuz? O zaman Notism'e ihtiyacınız var. Ekiple iletişimi olabildiğince kolaylaştırmak için eskizler ve notlar kullanır. Bildirimler gerçek zamanlı olarak gelir, böylece biri not alır almaz iş arkadaşlarınızdan ve müşterilerinizden geri bildirim alabilirsiniz.

kırmızı kalem

RedPen ile ortak tasarım ve prototip oluşturma hızlı ve kolaydır. Bu UX aracı, işbirlikçi tasarım modelleme ve prototipleme içindir. Grafik içerikle ortak çalışmayı kolaylaştırmak için özel olarak tasarlanmıştır. Geri bildirim alışverişi çok basittir: herhangi bir öğeyi vurgulamak ve bir not bırakmak için kullanıcının fareyle üzerine gelmesi yeterlidir. Bundan sonra, geri bildiriminizi bırakabileceğiniz küçük bir metin alanı görünür.

not defteri

Memosort sayesinde mesafeler artık bir engel olmayacak. Bu harika araç, en iyi ortak tasarım araçlarından biridir. Ekiple bağlantı kurmanıza ve gerçek zamanlı olarak işbirliği yapmanıza yardımcı olacaktır. Memosort'taki tüm notlar otomatik olarak kaydedilir, bu nedenle bazılarının İyi bir fikir veya teklif kaybolabilir.

Trello

Uzun ve sıkıcı unut e-postalar, Trello, işbirliği sürecini kolaylaştırmak ve ekip iletişimini geliştirmek için burada. Bu aracın avantajı ücretsiz olmasıdır. Trello aracının içinde farklı projeleri gösteren özel kartlar bulunur. Bir projeye kişi eklemek için tek yapmanız gereken onu uygun haritaya sürüklemektir. Araç ayrıca gerçek zamanlı olarak güncellenir.

görüş

Bir işbirliği ve prototip oluşturma aracının ilginç bir birleşimi. Bununla etkileşimli prototipler ve modeller oluşturabilirsiniz. Invision ile gerçek zamanlı etkileşim mümkündür. Yapmanız gereken tek şey, diğer ekip üyelerine tasarımın bir bağlantısını göndermek ve onlar da üzerinde çalışabilir ve önerilerde bulunabilirler.

Özetliyor

Bunlar, web tasarımcılarının başarılı tasarımlar oluşturmasına yardımcı olan bazı UX tasarım araçlarıdır. çevrimiçi projeler bağımsız ve ekip halinde, ayrıca kendini geliştirme amacıyla kullanıcı deneyimi hakkında bilgi toplar. başka bildiğiniz varsa kullanışlı araçlar, bahsetmeyi unuttuk - yorumlarda bunun hakkında yazdığınızdan emin olun!

Tasarım alanında gelişmek istiyorsanız, elbette becerilerinizi sürekli geliştirmeniz, trendlerin farkında olmanız ve modern tasarım gereksinimlerinin yanı sıra özel terimleri de bilmeniz gerekir. Böyle bir terim UX/UI tasarımıdır.

Aslında, iki yıl önce ne tür "haftalar" ve "çiş" olduğunu öğrenmem gerektiğinde, bunun ne olduğunu ve birinin diğerinden nasıl farklı olduğunu anlamadan önce iyice araştırmam gerekti. Bu konuda çok şey yazıldı ve aynı zamanda her zaman net değil. Bu nedenle, bu kavramları birlikte anlamayı öneriyorum.

UX ile başlayalım. UX kısaltmasıdır Kullanıcı deneyimi, kelimenin tam anlamıyla "kullanıcı deneyimi" olarak tercüme edilir. Örneğin bir web sitesinin UX tasarımı ne kadar düşünülürse, kullanıcının arama yapması o kadar uygun olur. gerekli bilgi veya onunla etkileşime geçin. Başka bir deyişle, UX tasarımının görevi, bir araç veya kaynağın işlevsellik ve uygunluk konularını ele almaktır.

Bu arada, kavram sadece BT alanını değil, aslında başka herhangi bir alanı ifade eder. Bir tükenmez kalemin UX tasarımının ne kadar iyi yazdığı, ne kadar yazma macununun yeterli olduğu, doğru el yazısını oluşturmaya yardımcı olup olmadığı, taşımaya uygun olup olmadığı, koruyucu kapaklı mı yoksa otomatik mi olduğu diyebiliriz... genel olarak, ürünün amaçlanan görevi ne kadar iyi çözdüğü ve aynı zamanda önemlidir - kullanıcı için ne kadar anlaşılır.

Kullanıcı rahat olmalı ve her şeyi anlamalıdır.

UI tasarımı söz konusu olduğunda, bu durumİçin Kısa Kullanıcı arayüzü, yine tam anlamıyla - "kullanıcı arayüzü". Bu tasarım türü, öğelerin rengini, şeklini, boyutunu ve düzenini, adları ve yazı tipi boyutlarını belirler. Diğer bir deyişle, kullanıcı arayüzü, eğer isterseniz, sitenin veya ürünün belirli öğelerini vurgulama ve vurgulama görevi olan görsel bir bileşendir. Yani, bir ürünü veya kaynağı okuması keyifli ve kullanımı sezgisel hale getirmek. Örneğin, metnin algılanması, paragraflara nasıl bölündüğüne, yazı tipi boyutuna ve türüne, başlıkların ve resimlerin varlığına ve metni çevreleyen boşluğa bağlıdır.

UX ve UI tasarımı arasındaki farklar

Bu iki kavramın görünürdeki benzerliğine rağmen, farklı işlevler, hemen hemen her projenin ayrılmaz bir parçası olurken. Bu tasarım türleri arasındaki farkları daha iyi anlamak için bir örnek düşünün - Yandex arama sonuçları.

İç yapı, hiyerarşi, çok sayıda ek hizmetler (doğrudan, Metrikler, kelime durumu vb.) UX'dir. Ancak, örneğin, zaten izlemiş olduğunuz bağlantıların farklı bir renkle vurgulanması gerçeği - bu, kullanıcı arayüzüdür. Ayrıca sitenin temiz bir kullanıcı arayüzüne sahip olduğu kullanıcı arayüzü için de geçerlidir. Beyaz arkaplan, arama sonuçları arasında girintiler, rahat algılama için yeterli, favicon, ayrıca sitenin sağ üst köşesindeki postalara istediğiniz zaman erişme yeteneği.

kullanıcı deneyimi tasarımcısı kullanıcının beklentilerini karşılamak için sistemle nasıl etkileşime gireceğini düşünür. kullanıcı arayüzü tasarımcısı nasıl görünmesi gerektiğini düşünür: simgeler, resimler, yazı tipi, renk kompozisyonu, genel olarak algılama kolaylığı. Ve çoğu zaman aynı kişi bu göreve dahil olur, bu nedenle UI ve UX genellikle / aracılığıyla tasarımcının boşluğuna yazılır.

Konseptler farklıdır ancak benzerlikleri kullanıcının rahatını sağlamaya yönelik olmalarıdır.

Uygulamalar

Yukarıda bahsedildiği gibi UI ve UX terimleri sadece IT sektörü için geçerli değildir. Aslında, ilk ürün yaratılır yaratılmaz ortaya çıktılar. Bu çok uzun zaman önceydi. Örneğin, UX tasarımındaki ilk atılımlardan biri olarak kabul edilebilir. teker.

Son zamanlarda ortaya çıkan terimler, yazım ve kapsam benzerlikleri genellikle yanıltıcıdır. Blogumun bir parçası olarak, geliştirme ile ilgili konulara daha fazla dikkat edeceğim web arayüzleri ve ticari tasarım.

UX / UI tasarımı konularını anlamak için bir ders kitabını veya birkaç makaleyi bir kez okumak, temelleri anlamak ve birkaç proje tamamlamak yeterli değildir. Web tasarımı alanı neredeyse her gün değişiyor ve gelişiyor, bu nedenle gereksinimler değişiyor ve ne " dün"trenddeydi" bugün» artık comme il faut değil.

Tasarımınızın doğru olup olmadığını nasıl anlarsınız

Satış görevinden bahsediyorsak, UX tasarımının “doğruluğu” tarafından kontrol edilir. A/B testi veya odak grupları. Bu, arayüzün ne kadar kullanıcı dostu, anlaşılır ve kullanışlı olduğunu görmenizi sağlar. Örneğin, odak grubunun tüm üyelerine sitede veya kayıtta belirli bir bölümü bulma görevi verilir. Bununla ne kadar hızlı başa çıktıkları, UX tasarımının kalitesi hakkında çok şey söylüyor.

Bu durumda UI tasarım konsepti, genellikle kullanıcının gösterişçiliğine ve zevkine bağlı olduğu için daha özneldir. Ve birine güzel görünen, diğerinin gözlerini incitir. Ancak, dijital ürün tasarımına dahil olan herkesin uyması gereken genel kurallar (net blok düzeni, arka planla zıtlık oluşturan metin, tıklanabilir öğelerin vurgulanması veya vurgulanması vb.) vardır.

Yorumlara yazın Aşağıda, ifşa edip edemediğimi ve başaramadığımı, buna ne eklemeliyim konusundaki görüşünüz var.

Her şey büyükannenin pompalama derecesine bağlıdır. Büyükanne bir UX/UI tasarımcısıysa, büyük olasılıkla basitleştirici metaforlar gerekli değildir. Daha az meraklı bir büyükanne için bu bir bahane olabilir: “Mobil ve çevrimiçi uygulamalarla ilgileniyorum.” Ortalama bir büyükannenin anlayabileceği, anlamı olabildiğince kısa ve öz bir şekilde yansıtan kelimelerden bir tanım yapmaya çalışırsak, o zaman şöyle olacaktır: “Noktaları, kanalları tasarlama dahil olmak üzere dijital hizmetlerin (UX) kalitesini iyileştirmekle meşgulüm. bu hizmetleri almak için (UI)”.

Tatyana Pchelintseva, BHSAD'da UX/UI Tasarım kursu mezunu

“Büyükanneme... Babamın bile yakın zamana kadar ne yaptığımı anlamadığı ortaya çıktı. Komik bir olay yaşandı. Babam kimin için çalıştığımı sordu. Kullanıcı deneyimini geliştirerek dijital ürünler yaptığımızı söyledim. (Duraklama) “İnternet üzerinden peynir satıyor musunuz?” Neden tam olarak peynir, hala anlamıyorum ama çok etkilendim. Her birimizin bir UX tasarımcısı olduğunu söylemek zorunda kaldım.

Ebeveynler son zamanlarda dairede onarımlar yaptılar, ihtiyaçlarına göre düzenlediler: annemin kitap düzenlemesinin uygun olacağı yükseklikte duvar rafları, kanepe TV'den o kadar uzakta ki gözler üzerindeki etkisi minimal, kahve makinesi her zaman göze çarpan bir yerdedir. Bir UX tasarımcısı da tasarım yapar, ancak kendisininki kadar başkasının deneyimi değildir: Kullanıcının / işletmenin hedeflerini belirler, dertlerini belirler ve çözümler sunar.

Denis Ushakov, BHSAD mezunu

“Yaptığım işin en zor yanı, 'ürün tasarımı' ifadesini bakkalla ilgili bir şey olarak algılayan ve sürekli ne tür ürünlerle çalıştığımı soran büyükanneme anlatmaktı. :)

Ancak genel olarak, hem büyükanne hem de ebeveynler için, bir araba direksiyonu örneğini kullanan bir açıklama oldukça uygundur: UX tasarımı, direksiyon simidinin bir arabadaki yerini açıklar ve UI bunu açıklar. görünüm».

Örnek olarak, öğrencilerimizin bu yılki mezuniyet projelerinden biri Tele2 için dijital bir vitrin. Bu, Tele2 mağazalarında bulunan ve gerekli hizmetleri kendiniz almanızı ve zamandan tasarruf etmenizi sağlayan bir self servis kiosktur. Kurs öğrencileri, dijital vitrinin UX ve UI'sini bu hizmeti uygun hale getirecek, dönüşümü artıracak ve aboneler ile bir mobil operatör arasındaki iletişimi "dijitalleştirecek" şekilde yeniden işleme göreviyle karşı karşıya kaldılar.

Tele2 için BHSAD UX/UI Tasarım kursu öğrencilerinin projesi: Tele2 için dijital vitrin

Tasarımcılar hem vitrin işlevlerinin listesini hem de bunların sırasını, ekrandaki navigasyonun yerini, bu hizmeti alma adımlarını düşündüler. Bunu etkili bir şekilde yapmak için sadece ekranı çizmek yeterli değildir, hepsi bir UX / UI tasarımcısının sahip olması gereken araştırma, test ve diğer ürün tasarım araçlarına dayalı olarak geliştirilmiştir.

2. İdeal bir UX/UI tasarımcısının yetkinlikleri nelerdir?

"Kullanıcı deneyimi tasarımı" (UXD) teriminin ortaya çıktığı sırada, "arayüz tasarımı" (UID) terimi zaten mevcuttu ve net ve istikrarlı bir eserler listesine sahipti - bir dijital ürün arayüzü tasarımcısının çalışmasının sonuçları. bir arayüz yapmayı mümkün kıldı: simgeler, düğmeler, maketler, UI kiti, yazı tipleriyle çalışma, ızgaralar, çizimler oluşturma vb.

UXD yeterliliklerinin dijital çözümlerin geliştirilmesine dahil edilmesi, bu sürece hizmet tasarımına daha bilimsel ve metrik bir yaklaşımla ilişkili yeni eserler ekleyen bir UX tasarımcıları sınıfını ortaya çıkardı: kullanılabilirlik araştırması, kullanıcı araştırması, bilgi mimarisi geliştirme, kullanıcı rotası analiz. Sadece güzel ve güçlü değil, aynı zamanda daha rahat sandalyeler yaratmak için bir ergonomistle birlikte çalışan bir mobilya tasarımcısı gibi.

Esnekliğin ortaya çıkmasıyla birlikte yazılım(Agile, Scrum), her bir katılımcının yetkinlik sayısındaki artış nedeniyle ekiplerdeki son derece uzmanlaşmış uzmanların sayısı azalmaya başlar. Çevik ürün ekiplerinde, tasarımcılar arasında işin “kabul edilmesi” gereksinimlerinin sürekli değişmesi ve artması nedeniyle UX ve UI sorumluluklarının ayrılmasının geliştirme süresini artırdığı hemen anlaşılır. Sonunda, tasarımcılardan biri hastalanabilir, sonra tüm işler ayağa kalkar. Bu nedenle, ürün ekipleri, iki derin uzman yerine hem UXD hem de UID yetkinliklerini bazen yüzeysel de olsa birleştiren UX/UI tasarımcılarını işe almayı tercih ediyor.

UX/UI tasarımcı yetkinliklerinin bir kombinasyonu

Bu tasarımcılar ne kadar kazanıyor? hh.ru bu soruyu en doğru şekilde cevaplayacaktır. Hizmete göre, bugün şirketler UX / UI tasarımcılarına ayda 70 ila 200 bin ve daha fazlasını sunmaya hazır.

Yörüngenizi farklı yönlerden oluşturabilirsiniz. Başlangıç ​​noktaları ama tabii ki grafik tasarımcı, yazılım geliştirici, dijital iş analisti, sosyal veya psikolojik araştırmacı olarak başlarsanız bu gidişat daha kısa ve yol daha hızlı olacaktır. Tasarım ekiplerinin tamamlayıcılık, karşılıklı öğrenme unsuru vardır. Bu sürecin etkinliği için, farklı yetkinliklere sahip olma derecesinin işaretlendiği "yıldız haritaları" derlenir. Ve örneğin, tasarımcı animasyon bilmiyorsa, bu yeteneğin geliştirildiği bir ekibe transfer edilir. Biz öğrencilerimize bu şekilde davranıyoruz, her modülün sonunda sadece rotasyon oluyor.

Daria Salnikova, Tele2'de UX/UI tasarımcısı

“İngiltere'de okumadan önce grafik tasarımcı olarak çalışıyordum, web servisleri üzerinde projeler vardı ama bir noktada ürüne sadece son aşamada, artık etkileyemediğimde bağlanmam hoşuma gitmedi. kullanılabilirlik. Yani, dahili olarak uygunsuz olacağını veya sorunu çözmeyeceğini anlasanız bile, düğmeler, simgeler çizer, bunları teknik göreve göre düzenlersiniz.

Bu nedenle, UX / UI tasarımına girmeye, bir ürünün sıfırdan nasıl geliştirildiğini, araştırma yapıldığını, kullanıcının çalışıldığını, görevlerini ve davranışını anlamaya karar verdim. ve tüm bunların arayüze nasıl yansıdığı. Önce AIC'den çevrimiçi bir giriş dersi aldım, ardından İngiltere'ye staj için gittim. Golden Crown ve Mail.Ru için birkaç eğitim projesinden sonra Tele2'de UX / UI tasarımcısı olarak iş buldum. Portföyün yanı sıra bir takımda nasıl çalışabileceğim, bu projelerde hangi görevleri üstlendiğim, arayüzlere ek olarak diğer sosyal becerileri çözebileceğim önemliydi.

Şimdi Tele2 müşterileri için bir sadakat sistemi üzerinde çalışıyorum. Ve bu tamamen farklı: biz analistlerle çalışıyoruz ve konu UI olduğunda, her bir arayüz öğesinin yerini, şeklini ve rengini zaten tartışabilirim. Kursta tasarım alanından gelmeyen adamlarımız vardı (pazarlamacılar, yöneticiler, geliştiriciler). Kursta prototip oluşturma araçlarında ustalaştılar, bazı arayüz öğelerinin nasıl yapıldığını öğrendiler. Grafik tasarımcılarla aynı tasarım geçmişine sahip olmadıkları açıktır. Ancak, yöneticiler veya geliştiriciler bile tasarımı anladığında, bir prototip oluşturabildiğinde, bir afişi, bir simgeyi düzeltebildiğinde ve genellikle tasarımın çok iş olduğunu anlamaya başladığında bu çok harika.

Dmitry Ershov, başkanı bulut hizmetleri, MegaLabs JSC

“MegaLabs, aralarında MegaFon ürünlerinin dağıtıldığı birkaç ekibe sahiptir. Örneğin, şu anda MegaFon.Bank ve MegaFon.TV ekipleri için tasarımcılar arıyoruz. Portföyü zaten incelediğimde ve bir UX / UI uzmanıyla iletişim kurduğumda, önce teori bilgimi kontrol ediyorum: kompozisyon, tipografi, renklendirme. Her konu için birkaç soru soruyorum ve eğer tasarımcı “Ben öyle görüyorum” cevabını verirse - hemen eksi 1 puan. Ancak, örneğin, üçlü bir şema kullanarak bir renk seçmeyi önerirse, renklendirmenin temellerine aşina olduğu anlaşılır.

Teori test edildiğinde, Jess Garrett modeline göre beş UX seviyesinden hangisinin adayda en “pompalanmış” olduğunu buluyorum ve seviyeye bağlı olarak birkaç görev veriyorum. MegaFon ürün tasarımcıları, şirketin müşterilerinin hedef ve ihtiyaçlarına göre arayüzler oluşturan kişilerdir. Sorunları anlayan ve yerinde çeşitli çözümler sunanlar tercih edilir.

Gelişim soruları da her zaman görüşmede sorulur. Genellikle birkaç site gösteririm ve ızgarada kaç sütun olduğunu veya JS ile CSS arasındaki farkın ne olduğunu sorarım. Tasarımcı, fikirlerini geliştiricilerin anlayabileceği bir dilde “paketlemek” için tüm bunları açıklayabilmelidir.”

3. İş bulmak zor mu?

Bir yandan sektör bu tür uzman sıkıntısı yaşıyor ve çok para ödemeye hazır, diğer yandan artık birçok tasarımcı iş arıyor ve uzun süredir düzgün bir iş bulamıyor. İkisinde de sorun nedir?

Her şeyden önce, düşüncenizi değiştirmeniz gerekir. "Güzel portföy ekranları nasıl yapılır"dan "insanları bir ürünle etkileşime girdikten sonra nasıl daha mutlu edeceğimize" kadar. Hiç ekran çizmeniz gerekmeyebilir ve insanlar bunun için size teşekkür edecek. Bu yapıları oluşturmak için gerçek tasarım araçları ve metodolojileri kullanılır: Tasarım düşüncesi, Kullanıcı hikayesi eşlemesi, Kullanıcı Akışı Eşlemesi, Müşteri Yolculuğu Eşlemesi, Bölünmüş testi, Kullanılabilirlik testi, nicel araştırma ve diğerleri. Her ne kadar bazen doğru sonuçlara yanlış yoldan gelebilirsiniz. Yeni meslekler için piyasada durum istikrarsız, şimdi bu oldukça popüler ve karlı bir meslek, ancak talep arz yaratıyor.

Evgeny Zasimenko, BHSAD mezunu, Avito'da ürün tasarımcısı

“Kursun bitiminden birkaç ay önce ürün tasarımcısı olarak iş aramaya başladım. Çok hareketli olduğu söylenemez ama ben Avito'yu İngilizlerden bir geziye gittiğimizde beğenmiştim. İşe alım süreci tasarım endüstrisi için oldukça standarttı: portföy incelemesi, test ataması, iki görüşme ve bir teklif aldım.

Ürün geliştirme her şeyden önce takım çalışması tasarımcının en baştan katılması ve metriklere ve araştırmaya dayalı arayüzler çizmesi, testler için prototipler oluşturabilmesi, geliştiricilerle birlikte çalışması ve en önemlisi ortak bir hedefe ulaşılmasına yardımcı olması gerekir.

Bir ürün tasarımcısına ihtiyaç duyan şirketlerin süreçleri, giriş için çıtayı yükseltir: tasarım araçlarını anlamanın yanı sıra, bunları kullanma konusunda pratik deneyim ve bir ekip halinde çalışma becerisi de gerektirir. Bu nedenle, ilgili araç ve metodolojilere ek olarak, öğrencilerimize büyük markalardan gerçek vakalar veriyor ve bunları çapraz işlevli ekipler halinde birleştiriyoruz.

Bu yıl boyunca, çeşitli şirket türleri için yaklaşık 20 proje tamamlamayı başardık: beklenen fintech - Alfa-Bank, MTS, MegaFon - tarım teknolojisi alanındaki start-up'lara. Birçok öğrenci, projeyi yaptıkları şirketlerde projeleri savunduktan sonra iş bulabildi, çünkü müşteriler bu süreçte onların yetkinliklerini ve pratik deneyimlerini görüyor.

Denis Ushakov, BHSAD mezunu

“Projemiz, Tam Tarım için AgroClick mobil uygulamasını geliştirmekti. Keşif tarım uzmanı uygulaması, tüm bitki verilerini tek bir yerde tutmasına, düzenlemesine ve hızla paylaşmasına yardımcı olur. Çözümün özü, tüm gün tarlada mahsuller hakkında bilgi toplayan izci ziraat mühendisi ile ofiste örneğin pestisit alımı gibi önemli kararları veren uzman ziraat mühendisi arasındaki iletişimi hızlandırmaktır.

Şimdi bu şirketin kadrosunda bulunan bir ürün tasarımcısı olarak proje üzerinde çalışmaya devam ediyorum. Müşterinin kendisi bana bir ürün tasarımcısı pozisyonunu teklif etti, çünkü neler yapabileceğimi zaten gördüler, birlikte çalışma deneyimimiz oldu. Bana öyle geliyor ki, çalışmalarının sonunda neredeyse tüm sınıf arkadaşları Raiffeisenbank, Sberbank Technologies, Tele2, Mail.ru, IBM Russia ve diğerleri gibi şirketlerde UX / UI ile ilgili bir iş buldu.

4. Bu tür uzmanlara olan talep önümüzdeki 5 yıl içinde artmaya devam edecek mi?

Bankalardan restoranlara kadar çeşitli şirketlerin işletmelerinin dijitalleştirilmesi nedeniyle, kurum içi geliştirmenin büyümesini ve özel yapım ürün raylarına geçişi bekleyebiliriz. Bu nedenle, UX/UI tasarımcılarına olan ihtiyaç yüksek olacaktır. Dağlarca altın vaat edemem, çünkü yeni meslekler pazarı, büyük veri uzmanlarıyla olduğu gibi, talebe daha hızlı adapte oluyor. makine öğrenme, blockchain ve diğer alanlarda, ancak eğitimli bir ürün tasarımcısı iyi portföy ve sicili artık pahalı ve dünya çapında talep görüyor.

“Buradaki noktanın “UX / UI tasarımı” adından çok, işlevsellik ve sorumlulukta olduğunu düşünüyorum. Talep elbette düşmeyecek, ama kimin için? Dalgalar gözlemlenir: ilk başta herkes bir genelci arıyordu - bir tasarımcı-düzen-metin yazarı. Bunun nedeni, şirketlerin bunun için ya parası olmaması ya da neden tasarımcılara harcamaları gerektiğini anlamamalarıydı. Ardından UX heyecanı başladı, şirket içi araştırma ve tasarım departmanları ortaya çıktı ve bir düğme kavramından çok bir kullanıcı deneyimi olarak kullanılmaya başlandı. Test etme, tasarım odaklı düşünme, göz takip cihazları oynamaya başladık. Ekranlarda değil süreçlerde düşünmeye başladık.

Bir sonraki dalganın, bir ürünün yaratılmasıyla ilgili tüm mesleklerde UX'in temel kavram ve ilkelerinin farkındalığına ve uygulanmasına odaklanacağını düşünüyorum. Yani, DNA düzeyinde araştırma ilkelerini, kullanıcıları ve süreçleri analiz etmenin ana yöntemlerini ve deneyim tasarlamayı anlayan uzmanlar talep edilecektir. Ve bu, yüksek tasarım becerilerini dışlamaz. Tasarım yetkinliğinin büyümesine inanıyorum, çünkü bir tasarımcı iyidir, ancak hiç kimse kelimenin en geniş anlamıyla güzellik hissini iptal etmedi.

5. Bir UX/UI tasarımcısının çalışması günlük yaşamı nasıl etkiler?

Kullandığımız hemen hemen her şeyin tasarımcılar tarafından icat edildiğini kabul edersek, o zaman neredeyse tüm kitle dijital hizmetleri - mobil siteler, web servisleri ve diğerleri - artık Dijital Ürün Tasarımcıları tarafından icat ediliyor.Bankacılık uygulamaları, telekom hizmetleri, e-ticaret, flört hizmetleri, coğrafi konum ve bilgi hizmetleri... Uzun süre devam edebilirsiniz - masaüstünü açmak daha kolaydır cep telefonu veya dizüstü bilgisayar masaüstü ve göz atın yüklü uygulamalar. Tüm bunlar, mantıksal ve görsel bileşenleri UX/UI tasarımcıları tarafından üzerinde çalışılan dijital ürünlerdir.

MTS UX/UI Tasarım kursu öğrencileri projesi için BHSAD: MTS çalışanlarının adaptasyonu ve gelişimi için bir mobil rehber

İş, tamamen yeni bir ürün oluşturmaktan mevcut hizmetleri dijitalleştirmeye kadar değişebilir. Örneğin, öğrencilerimiz yeni çalışanların adaptasyonu ve oyunlaştırma sistemi ve diğer işlevlerle gelişimleri için mobil bir rehber olan MTS için bir örnek oluşturdu. Her zaman bir adaptasyon sistemi olmuştur: standart bir İK departmanından İK hizmetlerine ve bir mentorluk sistemine kadar, ancak yeni olan dijital çözümdür. Daha esnek, verimli ve şirketin çeşitli sorunlarını tek bir hizmetle çözmenize olanak tanır: ağ oluşturma, eğitim, çalışanların iş organizasyonu.

Kârlı iş modellerinin ömrü hızla küçülüyor. Ayakta kalabilmek için sürekli olarak yeni ürünler yaratmanız ve mevcut dijital ürünleri geliştirmeniz gerekir. Hıza ayak uyduramayan markalar yoldan çıkıyor. Böyle modern şirketler hızlı adaptif sürekli değişim döngülerine girmek. Bu sadece kötü şöhretli Agile ve Scrum ile ilgili. Tasarla-Geliştir-Öğren ve tekrar bir daire içinde. Bu nedenle, bu çemberin bir parçası olarak tasarım uzmanlığı temel hale gelir.

Alina Ermakova, Sberbank-Technology Kullanıcı Etkileşimi Analitik Araştırma Başkanı

"Birkaç hafta önce San Francisco'daki Enterprise UX konferansından döndüm. Büyük şirketler, devlet hizmetlerini veya büyük fintech sistemlerini nasıl tasarladıklarını veya örneğin, dünyanın 77 ülkesinde bulunan Uber'in tutarlılığı nasıl koruduğunu anlattı. UX/UI zaten DNA'larında. Bu bir aşama değil, yöntem değil, normal bir üretim sürecidir. Örneğin, tasarım düşünme törenleri yoktur.

Ürün yaratma sürecinin tamamı tasarım odaklı düşünmedir. Ekip, ihtiyaç duyduğu durumlarda gerekli yöntemleri kullanır. Bu işin bir parçası. Ve sahneye giren arayüzler çizmek için işe alınan genç yenilikçi tasarımcılar değildi. 45 yaş üstü amcalar, teyzeler, işletme sahipleri, şirketlerin genel müdürleri vardı. Çünkü zaten sağduyu düzeyindedir.

6. Şu anda en popüler olan metodolojiler nelerdir?

Rusya'da ürün tasarımı kültürü yeni ortaya çıkıyor. Design Thinking çerçevesi, Rosatom, Sberbank, Alfa-Bank ve diğerleri gibi büyük şirketlerimizde ve şirketlerimizde dahili kurumsal eğitim programının ayrılmaz bir parçası haline geldi.

Dijital şirketlerde Design Thinking türevleri geleneksel olarak popülerdir - Google Ventures Design Sprints, IBM Design Thinking ve ayrıca çeşitli Design Thinking aracı parçaları - karakter modelleme, etnografik araştırma, paydaş haritaları, kullanıcı yolculuğu haritalaması (Müşteri Yolculuğu Haritalaması) ve diğerleri. Nispeten yeni, ancak dikkate değer olan Yapılacak İşler çerçevesi, ürünün kullanıcının özelliklerine göre çok fazla değil, kendisini bulduğu duruma göre geliştiriliyor. Metodolojinin uygunluğu hem şirketin kapsamına hem de iç süreçlere bağlıdır. Aynı Scrum'ı büyük bir şirkette uygulamak, bir startup'tan daha uzun ve daha zordur, ancak her şey gerçektir, asıl şey, insanlar için harika bir ürün yapma arzusudur.

Dmitry Ershov, Bulut Hizmetleri Başkanı, MegaLabs JSC

“Değişmeyecek ürünler için klasik şelale geliştirme modelini, sürekli gelişen ürünler için ise SCRUM'u tercih ediyoruz. Kullanım durumu diyagramlarını kullanarak yeni ürünleri veya işlevleri açıklıyoruz, ancak bu tür diyagramların gerekmediği Yapılacak İşler kavramını deniyoruz.

Yeni sürümlerin planlanması sırasında işlevselliği kullanıcılar, iş ve işçilik maliyetleri açısından önem açısından değerlendiriyoruz. En zor şey, kullanıcılar için önemini değerlendirmektir. Daha fazla nesnellik elde etmek için HEART çerçevesini kullanıyoruz. Kullanıcı hedefleri prizması aracılığıyla yeni işlevlere bakmaya yardımcı olur.

Bazen anlaşmazlıklar ortaya çıkar, örneğin ürün sahibi tasarımcı ile aynı fikirde değildir. Bu gibi durumlarda, her birinin etkinliğini değerlendirmek için aynı anda farklı seçenekler geliştiriyor ve kullanıma sunuyoruz. En etkili çözüm, kullanıcı davranışı istatistikleriyle belirlenir.”

7. UX/UI tasarım teknikleri gelecekte hangi sektörlere entegre olacak?

Dünya pratiğini ele alırsak, rekabetin düşük olduğu en yavaş gelişen alanlar, örneğin kamu hizmetleri - elinizi nereye koyacağınız var. Ülkemizde geleneksel olarak düşük finansal ve yasal okuryazarlık, bu nedenle servet yönetimine yönelik ürünler ve her türlü yasal hizmetler istediğimiz kadar hızlı ortaya çıkmamaktadır.

Kursta, sadece çok fazla fintech yapıyoruz, son vakalardan biri, bir kişinin mali durumunu yönetmesine ve yatırım yapmasına yardımcı olan bir mobil hizmettir. Banka ile kullanıcı arasındaki iletişim engelini kaldırmak için öğrenciler, kullanıcıya uygun herhangi bir messenger'da çalışabilen, chatbot şeklinde bir araç yapma kararı aldılar.

Ak Bars Bank için BHSAD UX/UI Tasarım kursu öğrencileri tarafından bir proje: kişisel bir finansal asistan, herhangi bir uygun haberciye yatırım yapmak için bir araç.

IDEO, uzun yıllardır tasarım düşüncesinin uygulanmasında tanınan bir itici güç olmuştur. Son vakalarından, bu metodolojinin eğitim alanında, giyilebilir elektroniklerin geliştirilmesinde ve küresel sorunların çözümünde aktif olarak uygulanmaya başladığını görebilirsiniz.

Çeşitli iş türlerinde rekabetin artmasının şirketleri dijitalleşmeye zorladığı açıktır. Bu nedenle, bugün tarım teknolojisi, ilaç, restoran işletmeciliği ve diğer çevrimdışı alanların çevrimiçi hizmet vermeye başladığını görürsek, yarın pazara yeni işlevler ve ürünler sunmak, dijital çözümlerini daha hızlı bulmak ve güncellemek için metodolojilerimize ihtiyaç duyacaklar, daha esnek olun ve müşterilerinizi daha mutlu edin.

"Çoğu şirket hala UX/UI araştırmasını, tasarım odaklı düşünmeyi ve diğer yaratıcı teknikleri bir hizmet, sipariş edilebilen veya kiralanabilen ayrı bir hizmet olarak görüyor. "Tasarımcı gibi düşünmek" satın alınamaz, başlamalısın. Herkes =)," diyor Sberbank-Technology'de Kullanıcı Etkileşimi Analitik Araştırma Başkanı Alina Ermakova.

Tasarım oldukça geniş ve belirsiz bir terimdir. Birisi "Ben bir tasarımcıyım" dediğinde, günlük olarak ne yaptıkları hemen belli olmuyor. Bu konsepte dahil olan bir dizi farklı sektör var.

Tasarımla ilgili iş sorumlulukları endüstriyel tasarımdan (arabalar, mobilya), baskıdan (dergiler ve diğer yayınlar), web tasarımına (web siteleri, mobil uygulamalar). Son zamanlarda, ekranlar için arayüzler oluşturmaya odaklanan yüksek teknoloji şirketlerinin akını ile birlikte, birçok yeni iş. Bir UX veya UI tasarımcısının konumu, yalnızca deneyimsiz olanlar için değil, diğer endüstrilerden gelen tasarımcıların kendileri için bile anlaşılmaz olabilir.

"Bu sorunun tek bir doğru cevabı yok."

Bunun BT endüstrisinde gerçekten ne anlama geldiğini anlamaya çalışalım.

kullanıcı deneyimi tasarımcısı

UX tasarımcıları öncelikle ürünün kullanıcıyla nasıl etkileşime girdiği. Bu sorunun tek bir doğru cevabı yok. UX tasarımcıları, belirli bir kullanıcı sorununu çözmek için farklı yaklaşımlar keşfeder. Bir UX tasarımcısının ana işi, ürünün bir adımdan diğerine mantıksal olarak akmasını sağlamaktır. Bir UX tasarımcısının bunu anlamasının bir yolu, şahsen kullanıcı testleri yapmak ve deneyimlerinden sonuçlar çıkarmaktır. Sözlü ve sözlü olmayan engelleri belirleyerek düzeltir ve yineler, böylece kullanıcı için "daha iyi" bir deneyim yaratır. Bir örnek, yeni bir kullanıcı için harika bir işe alım deneyimi yaratmaktır.

“Etkileşim modellerini, kullanıcı görev akışını ve arayüz özelliklerini tanımlayın. Senaryolar, uçtan uca etkileşimler, etkileşim modelleri, geliştirme geliştirin GUI kullanıcı. Yaratıcı yönetmenimiz ve grafik tasarımcımızla birlikte çalışarak Twitter'ın görsel yanını, fonksiyonel özellikler. Gerektiğinde tel kafesler, maketler ve teknik özellikler geliştirin ve bakımını yapın."

Bir UX tasarımcısı tarafından tasarlanan bir uygulama ekranı örneği
Kaynak: Kitchenware Pro Kit Wireframe, Neway Lau tarafından Dribbble'da.

Görev: Ekran tel kafesleri, storyboard'lar, site planı

Araçlar: Photoshop, Sketch, Illustrator, Havai Fişek, InVision

Muhtemelen ondan duymuşsunuzdur:"Teşekkürler" sayfası, kayıt tamamlandıktan sonra kullanıcıya görünür olmalıdır."

kullanıcı arayüzü tasarımcısı

Bir ürünün genel algısıyla ilgilenen UX tasarımcılarının aksine, UI tasarımcıları ürün nasıl görünüyor. Kullanıcının etkileşimde bulunduğu her ekranı veya sayfayı tasarlamaktan ve UX tasarımcısının tasarladığı kullanıcı arayüzünün görsel kısmını sağlamaktan sorumludurlar. Örneğin, bir UI tasarımcısı, bir analiz panosu oluştururken, daha fazlasını en üste getirebilir. önemli bilgi veya bir grafiğe eklemek için en sezgisel seçeneğin kaydırıcı mı yoksa kontrol paneli mi olduğuna karar verir. UI tasarımcısı ayrıca genellikle oluşturmaktan sorumludur. eksiksiz rehber tüm ürünü kapsayan tutarlı bir tasarım dili sağlayan tasarım üzerine. Görsel öğelerin tutarlılığını koruyun ve hangi yönde çalışılacağını belirleyin. Örneğin, hataların veya uyarıların nasıl görüntüleneceği, bir UI tasarımcısının görevidir.

"Airbnb.com görsel dilinin konsepti ve uygulaması. Genişletilmiş bir stil kılavuzunun oluşturulması.»

UI ve UX tasarımcısı arasındaki çizgiler oldukça bulanık ve çoğu zaman şirketler bu rolleri birleştirmeyi tercih ediyor.

UI tasarımcısı, uygulamanın genel hissini ve görünümünü belirler.
Kaynak: Dribbble'da Ionut Zamfir tarafından Metro Style Interface 4.

Araçlar: Photoshop, Kroki, Illustrator, Havai Fişek

"'Giriş' ve 'kayıt' alanları sağ üst köşeye taşınmalıdır."

Grafik Tasarımcı

"Grafik tasarımcıları, diğerlerinin dikkat etmediği küçük ayrıntılarla uğraşır."

Grafik tasarımcı, grafik yapan kişidir - tasarımcı olmayan birinin, bir tasarımcının ne yaptığını sorarsanız, size yanıt vermesi daha olasıdır. Grafik tasarımcılar, ekranların birbirine nasıl bağlandığını veya birinin ürünle nasıl etkileşime girdiğini umursamıyor. Bunun yerine, odak noktaları güzel simgeler, kontroller ve görseller tasarlamak ve doğru görünümü ve hissi yaratmaktır. Grafik tasarımcıları, başkalarının göremediği küçük ayrıntılar üzerinde çalışır ve genellikle Photoshop'ta 4x ve 8x büyütmede çalışır.

“Masaüstü, web ve mobil cihazlar da dahil olmak üzere konseptten yürütmeye kadar yüksek kaliteli görsel projeler üretin. farklı çözünürlük(simgeler, grafikler ve pazarlama materyalleri). Markayı yansıtan, ürünü güzelleştiren ve hayata geçiren kaynaklar yaratmak ve yinelemek.”

UI tasarımcıları da genellikle sadece işlerini yapmakla kalmaz, aynı zamanda mükemmel piksel düzeni de yapmak zorundadır. Bazı şirketler, grafik tasarımcı rolü için ayrı bir kişiye sahip olmamayı tercih ediyor.

Grafik tasarımcı, mükemmel sonucu sağlamak için her pikseli tasarlar, yönlendirir ve ayarlar.
Kaynak: IOS 7 Guide Freebie PSD, Seevi kargwal tarafından Dribbble'da.

Araçlar: Photoshop, Eskiz

Muhtemelen ondan duymuşsunuzdur:"Karakter aralığını azaltın ve düğmeyi 1 piksel sola hareket ettirin!"

Hareket tasarımcısı

Postanızı iPhone'unuzda güncellemek için ekranı sürüklediğinizdeki ince hareketi hatırlıyor musunuz? Bu bir hareket tasarımcısının işidir. Tipik olarak statik nesnelerle ilgilenen grafik tasarımcıların aksine, hareket tasarımcıları bir uygulama içinde animasyonlar oluşturur. uğraşırlar kullanıcı dokunduktan sonra arayüz ne yapar. Örneğin, menünün nasıl kaydırılacağına, geçişler için hangi efektlerin kullanılacağına ve düğmeye nasıl basılacağına karar verirler. İyi yapıldığında hareket, ürünün nasıl kullanılacağına dair görsel ipuçları sağlayarak arayüzün ayrılmaz bir parçası haline gelir.

"Bilgi gerektirir grafik Tasarım, hareket Tasarımı, dijital sanat, renk ve tipografi duygusu, malzeme/dokular hakkında genel bir farkındalık ve pratik bir animasyon anlayışı. Bilgi iOS üretici yazılımı, OS X, Photoshop ve Illustrator'ın yanı sıra Director (veya eşdeğeri), Quartz Composer (veya eşdeğeri), 3D bilgisayar modelleme, hareketli grafikler ile aşinalık.

Araçlar: After Effects, Temel Besteci, Flash, Origami

Muhtemelen ondan duymuşsunuzdur:"800ms sonra menü soldan açılır."

kullanıcı deneyimi araştırmacısı

Bir UX araştırmacısı, kullanıcı ihtiyaçları hakkında her şeyi bilir.

Bir UX araştırmacısı, kullanıcı ihtiyaçları hakkında her şeyi bilir. Araştırmacının amacı iki ana soruyu cevaplamaktır: “Kullanıcılarımız kimlerdir?” ve “Kullanıcılarımız ne istiyor?”. Kural olarak, buna kullanıcı anketleri, pazar araştırması ve veri analizi dahildir. Tasarım, sürekli bir yineleme sürecidir. Araştırmacılar, hangi tasarım seçeneğinin kullanıcı ihtiyaçlarını en iyi şekilde karşıladığını bulmak için A/B testleri yaparak bu sürece yardımcı olabilir. UX araştırmacıları, büyük miktarda veriye erişimin onlara istatistiksel olarak anlamlı sonuçlar çıkarmak için bolca fırsat verdiği büyük şirketlerin temel dayanağı olma eğilimindedir.

"Araştırma konularını belirlemek için geliştirme ekipleriyle yakın çalışmak. Hem kullanıcı eylemleri hem de algılarla ilgili araştırma tasarımı. Anketler gibi çeşitli yöntemleri kullanarak ve uygulayarak araştırma yapmak.

UX terimi, 1993 yılında Apple Corporation'ın temellerinde, User eXperience gibi seslerin kodunu çözerek ortaya çıktı. Mobil cihazların artan popülaritesi ile bu konsept moda oldu ve her yerde kullanılmaya başlandı. Ancak şimdi bile, herkes UX tasarımının ne olduğunu, UI tasarımından nasıl farklı olduğunu ve bu şeylerden neden sıklıkla birlikte bahsedildiğini kesin olarak cevaplayamıyor. Anlamanıza yardımcı olacağız.

UX Tasarımı Nedir?

Rusça'da UX tasarımı, kullanıcı deneyimi tasarımıdır. Bir ürün yaratmanın ilk adımlarından biridir ve uygulamayı mantıklı, kullanışlı ve kullanışlı hale getirmeye hizmet eder. ve siteler, bir kişinin kullanımından ne gibi izlenimler alacağını, bu ürünleri tam olarak nasıl kullanacağını belirler.

Kişisel hesabınızın girişini yerleştirmek için en iyi yer neresidir? Bir kullanıcının bir bültene abone olması veya sipariş vermesi için kaç adımdan geçmesi gerekiyor? Operasyonun başarılı olduğunu nasıl anlayacak? Bunlar, bir UX tasarımcısının çözdüğü sorulardır.

UX tasarımı farklı bileşenler içerir:

• bilgi mimarisi;
• etkileşimli tasarım;
• kullanılabilirlik (kullanıcıların gözünde ürünün basitliği, rahatlığı ve etkinliğinin bir göstergesi).

Bir UX tasarımcısı, kullanıcıların psikolojisini ve duygularını anlar, üründen beklentilerini analiz eder ve ulaşılması gereken bir hedef belirler. Ardından uygun araçları seçer ve gerekli tüm parametreleri karşılayan bir uygulama veya site yapısı ile gelir.

Bir web sitesi veya uygulama için ham bir fikir, ofisimizde bir yapboz parçası gibidir. UX tasarımcısının iradesiyle bu parçalardan net bir yapı oluşturulur.

Bir UX tasarımcısı için monoton görevler yoktur, bu nedenle farklı projeler genellikle farklı alanlardan becerilere sahip insanlar gerektirir. Birkaç kişiden oluşan bir ekibin araştırma üzerinde çalıştığı güçlü teknik donanıma sahip tüm laboratuvarlar var. Bu tür laboratuvarlarda, kullanıcıların psikofiziksel tepkilerini (örneğin göz hareketleri ve kalp atışları) kaydeden, anketler yapan, etkin ve devre dışı yöntemini kullanarak kullanıcıları gözlemleyen cihazlar vardır.

UX tasarımcılarının şunları yapabilmesi gerekir:

• kullanıcı araştırması yapmak;
• web sitelerinin ve uygulamaların tel çerçevelerini ve prototiplerini oluşturun. Bu, uygulamanın veya sitenin hangi yönde geliştirileceğinin değerlendirilmesine yardımcı olacaktır. Üstelik çizim yeteneği, modern bir UX tasarımcısı için zorunlu bir beceri değildir. Hazır öğeler (örneğin, Axure, Balsamiq veya UXPin) kullanarak arayüzün yetkin bir görselleştirmesini oluşturabileceğiniz birçok prototip oluşturma aracı vardır;
• tasarım etkileşimi, yani bir kişinin ürünü tam olarak nasıl kullanacağını hayal edin. Bunun için uygulama ekranları, sitelerin etkileşimli çerçeveleri ve farklı tasarım seçenekleri ile uygulamalar boyunca kullanıcı rota haritaları oluşturulur;
• ürünü test edin;
• analitik yapmak. Çeşitli ölçümler (Webvisor, Hotjar, Mixpanel, UXcam veya Appsee gibi) kullanmak, tasarımın ne kadar iyi çalıştığını anlamanıza ve ürünü gerçek verilere dayalı olarak geliştirmenize yardımcı olacaktır.

UX arayüz tasarımının ilkeleri ve temelleri hakkında daha fazla bilgiyi şurada okuyabilirsiniz.

UI Tasarımı Nedir?

Kullanıcı arayüzü tasarımı veya UI tasarımı, UX tasarımının görsel düzenlemesidir. Görevi, belirli grafik çözümlerinin yardımıyla bir uygulamayı, web sitesini veya başka bir ürünü sezgisel, çekici ve kullanımı mümkün olduğunca kolay hale getirmektir.

UI tasarımcısı, her bir ekranın veya sayfanın nasıl görüneceğinden sorumludur. Sorumluluk alanı, butonlar ve onay kutuları, yazı tipleri, renk şemaları ve çeşitli görseller gibi grafiksel kontrollerdir.

Düğme, üzerine tıklamanın uygun olması için nasıl görünmelidir? Metnin iyi okunması için hangi yazı tipi boyutunu seçmeli? Bir hata mesajı dikkat çekecek, ancak rahatsız etmeyecek şekilde nasıl biçimlendirilir? Bu soruların cevapları, arayüzlerin UI tasarımını bulmaya yardımcı olur.

UI tasarımcısı çalışmalarında farklı grafik düzenleyiciler kullanır: Photoshop, Illustrator, Sketch, Fireworks, Adobe XD, Gravit Designer, Affinity Designer, Figma

Uygulamanın gadget'ın ekranında nasıl görüneceği üzerinde çalışırken, UI tasarımcısı mobil platform yönergelerine odaklanır - üçüncü taraf uygulamaların tek tip göründüğü ve genel konsepte sorunsuz bir şekilde uyduğu Apple ve Google'dan gelen öneriler kümesi.

Hayattan çok basit bir benzetme yaparsak, UX tasarımı dairenin ve iletişimin düzenidir ve UI, duvar kağıdı ve döşeme seçimidir. Bununla birlikte, pratikte UX ve UI tasarımı yakından ilişkilidir, ikincisi mantıksal olarak birinciyi takip eder ve genellikle aynı kişi her ikisini de yapar. Bu nedenle, iki kavram arasındaki çizgi bulanıktır ve birlikte belirtilirler.