UX va UI dizayni: maqsad va farqlar. UX dizayni haqida bilishingiz kerak bo'lgan hamma narsa Ux dizayneri nima

29.09.2017

Foydalanuvchi tajribasi yoki UX Hozirgi vaqtda texnologiya va dizayn sanoatida mashhur atama. UX rivojlanishda va aniqlanishda davom etar ekan, ko'p odamlar hali ham UX nimani anglatishini va bu atamadan qanday to'g'ri foydalanishni bilishmaydi.

Veb-saytlar yoki mobil ilovalarning interfeyslari haqida gap ketganda, ehtimol siz UX haqida tez-tez eshitasiz. Bu qisman to'g'ri, lekin foydalanuvchi tajribasi nima uchun bunchalik muhimligini va bu haqda bilish nega muhimligini to'liq tushunish uchun UXni chuqurroq ko'rib chiqish zarur.

Foydalanuvchi tajribasi (UX) nima?

UX "foydalanuvchi tajribasi" degan ma'noni anglatadi. Tajriba - bu odamlarning mahsulot bilan o'zaro munosabati.

UXni hamma joyda uchratasiz. Nazariy jihatdan, siz bilan aloqada bo'lgan hamma narsadan boshlab dasturiy ta'minot yoqish/o‘chirish tugmasi va uning shakli UX yaratuvchi elementlarga misoldir. Mahsulot bilan o'zaro ta'sirlaringiz yig'indisi ushbu mahsulotdan foydalanish tajribangizga aylanadi.

Atrofimizdagi barcha ob'ektlar o'zaro ta'sir qilish tajribasiga ega - metrodagi sensorli ekranli kiosklardan tortib, o'zingizga bir chashka gurme kofe quyish imkonini beruvchi elita qahva mashinalarigacha. Foydalanish imkoniyati Mobil telefon yoki yo‘l-yo‘lakay har qanday boshqa qurilma UXni yaxshilaydi, xuddi sensorli ekran va ovozli buyruqlar yordamida avtomobil bilan o‘zaro ishlash haydashni oson va qulayroq qilganidek.

Mahsulotning muvaffaqiyati foydalanuvchilar uni qanday qabul qilishiga asoslanadi. Mahsulotdan foydalanganda, odamlar odatda o'z tajribasini quyidagicha baholaydilar:

  • Men ushbu mahsulotdan foyda oldimmi?
  • Foydalanish osonmi?
  • Foydalanish yoqimlimi?

Odamlar mahsulotning doimiy va sodiq foydalanuvchilariga aylanishlari to'g'ridan-to'g'ri ushbu savollarga javobga bog'liq.

UX elementlari

Nielsen Norman Group asoschilaridan biri Don Norman 90-yillarda birinchi bo'lib "foydalanuvchi tajribasi" tushunchasini yaratgan. "Foydalanuvchi tajribasi foydalanuvchining kompaniya, uning xizmatlari va mahsulotlari bilan o'zaro munosabatlarining barcha jihatlarini qamrab oladi."

“Men bu atamani inson interfeysi va foydalanish imkoniyati juda tor tushunchalar deb hisoblaganim uchun kiritdim. Men insoniyat tajribasining barcha jihatlarini, jumladan, sanoat dizayni, grafika, interfeys va jismoniy o‘zaro ta’sirni o‘z ichiga olmoqchi edim”.

Ushbu videoda Don Norman UX atamasining kelib chiqishi haqida o'z fikrlari bilan o'rtoqlashadi.

Dizayn juda keng va noaniq tushunchadir. Biror kishi qachon gapiradi? "Men dizaynerman", u har kuni nima qilayotgani darhol aniq emas. Dizayn soyaboni ostidagi bir nechta turli sohalar mavjud.

Dizayn bilan bog'liq kasblar turli sohalarda mavjud - sanoat dizaynidan (avtomobil va mebel dizayni va boshqalar), bosma dizayndan (jurnallar va boshqa bosma nashrlar) veb-dizayn (veb-saytlar, mobil ilovalar).

Biroq, yaqinda ko'plab yangi dizayn kasblari paydo bo'ldi, ular har xil turdagi ekranlar uchun interfeyslarni ishlab chiqishga qaratilgan. UX yoki UI dizaynerlari deb nomlangan ishlar bilmaganlar va hatto ko'pincha boshqa sohalardagi dizaynerlarning o'zlari uchun tushunarsizdir.

Keling, ushbu atamalarning har biri nimani anglatishini tushunishga harakat qilaylik.

UX dizayneri (USER EXPERIENCE dizayneri)

UX dizayneri, birinchi navbatda, mahsulot qanday "his qilishiga" va foydalanuvchi tomonidan qanday qabul qilinishiga e'tibor qaratadi. Dizaynerga berilgan topshiriqda bitta to'g'ri javob yo'q. UX dizaynerlari muayyan foydalanuvchi muammosini hal qilish uchun turli yondashuvlarni sinab ko'rishadi. UX dizaynerining mas'uliyatlarining keng ro'yxati mahsulot mijozni bir bosqichdan ikkinchi bosqichga doimiy ravishda o'tkazishiga ishonch hosil qilishni o'z ichiga oladi. Bunga erishishning usullaridan biri ularning xatti-harakatlarini kuzatish uchun haqiqiy foydalanuvchi bilan to'g'ridan-to'g'ri testlarni o'tkazishdir. Og'zaki va og'zaki bo'lmagan to'siqlarni aniqlab, UX dizaynerlari mahsulotni yaxshilaydi va doimiy ravishda yaratilishga keladi. eng yaxshi variant foydalanuvchining mahsulot bilan o'zaro munosabati. Sinov versiyasi mahsulotdan eng qulay foydalanishni ta'minlash uchun zarur.

Twitterdagi tajribali dizaynerning ish tavsifiga misol:

“Oʻzaro taʼsir modellarini, foydalanuvchi vazifalari oqimini va UI spetsifikatsiyalarini aniqlang. Voqealar rivojlanishining turli stsenariylarini taqdim eting, foydalanish jarayonini va o'zaro ta'sir modellarini boshidan oxirigacha tasvirlab bering va manfaatdor tomonlarga namunalarni ko'rsating. Twitterning vizual identifikatori va imzo xususiyatlarini birlashtirish uchun ijodiy direktorimiz va vizual dizaynerlarimiz bilan ishlang. Zarur bo'lganda dizaynlar, maketlar va standartlarni ishlab chiqing yoki saqlang."

Ish natijalari: ekranlardagi tasvirlarning maketlari, hikoyalar taxtasi, sayt rejasi.

Asboblar: Photoshop, Sketch, Illustrator, Fireworks, InVision

UI dizayneri (FOYDALANUVCHI INTERFACE dizayneri)

Mahsulotning umumiy tajribasi uchun mas'ul bo'lgan UX dizaynerlaridan farqli o'laroq, UI dizaynerining ishi mahsulot qanday yaratilganiga bog'liq. Ushbu mutaxassislar foydalanuvchi o'zaro aloqada bo'lgan har bir sahifa yoki ekran dizayni uchun javobgardir va foydalanuvchi interfeysi UX dizayneri tomonidan belgilangan yo'lga vizual tarzda mos kelishini ta'minlashi kerak. Masalan, analitik asboblar panelini yaratayotgan UI dizayneri sahifaning yuqori qismida eng muhim tarkibni ko'rsatishi yoki slayder yoki boshqaruv tugmasi foydalanuvchining grafikni sozlash haqidagi tasavvuriga ko'proq mos kelishiga qaror qilishi mumkin.


Odatda, UI dizayneri ham izchil uslubni yaratish uchun mas'uldir va mahsulot bo'ylab tegishli dizayn tili qo'llanilishini ta'minlashi kerak.

Barcha vizual elementlarda izchillikni saqlash va xatti-harakatni aniqlash (masalan, xatolar yoki ogohlantirishlarni qanday ko'rsatish) UI dizaynerining vakolatiga kiradi.

Ushbu ikki kasb o'rtasidagi chegara juda xiralashgan va ko'pincha kompaniyalar ushbu ikki lavozimga bir kishini yollashadi.

Asboblar: Photoshop, Sketch, Illustrator, Fireworks

Vizual dizayner (grafik dizayner)

Vizual dizayner - bu grafika bilan shug'ullanadigan kishi. Dizayner nima ekanligini so'rasangiz, xayolingizga birinchi narsa keladi grafika dizayni er. Grafik dizaynerlar ekranlarning bir-biri bilan qanday aloqa qilishiga yoki kimdir mahsulot bilan qanday aloqaga kirishishiga hech qanday aloqasi yo'q. Buning o'rniga ular chiroyli piktogramma, boshqaruv elementlari va boshqa vizual elementlarni yaratishga va tegishli shriftlarni tanlashga e'tibor qaratadilar. Grafik dizaynerlar boshqalar e'tibor bermaydigan mayda detallar ustida ishlaydi va ko'pincha Photoshop-da 4X yoki 8X da ishlaydi.

UI dizaynerlari uchun ikki tomonlama vazifani bajarish va tasvir elementlarining yakuniy versiyasini yaratish odatiy holdir. Ba'zi kompaniyalar alohida grafik dizaynerni yollamaslikka qaror qilishadi.

Asboblar: Photoshop, Sketch

Interaktiv dizayner (harakat dizayneri)

E-pochtangizni iPhone-da yangilaganingizda deyarli sezilmaydigan tebranish animatsiyasini eslaysizmi? Bu harakat dizaynerining ishi. Statik elementlar bilan ishlaydigan grafik dizaynerlardan farqli o'laroq, harakat dizaynerlari ilovalar ichida animatsiya yaratadilar. Ular foydalanuvchi unga tegib ketganidan keyin interfeys nima qilishi bilan shug'ullanadi. Masalan, ular menyularni qanday kengaytirish kerakligini, qanday o'tish effektlarini ishlatishni va ma'lum bir tugma qanday javob berishini hal qiladi. Yaxshi bajarilgan harakat dizayni interfeysning ajralmas qismiga aylanadi va mahsulotdan qanday foydalanish haqida vizual maslahatlar beradi.

Apple kompaniyasidagi Motion Designer ish tavsifi:

“Grafik dizayn, harakatlanuvchi grafika, raqamli san’atni bilish, shriftlar va ranglarni yaxshi idrok etish, materiallar va teksturalarga umumiy e’tibor, shuningdek, animatsiyani amaliy tushunish bo‘yicha yuqori malakaga ega. iOS, OS X, Photoshop va Illustrator dasturlarini bilish, shuningdek Direktor (yoki ekvivalenti), Quartz Composer (yoki unga tenglashtirilgan), 3D modellashtirish, harakatli grafikalar bilan tanishish"

Asboblar: AfterEffects, Core Composer, Flash, Origami

UX tadqiqotchisi (foydalanuvchi tadqiqotchisi)

UX tadqiqotchisining maqsadi ikkita savolga javob berishdir: "Bizning mijozimiz kim?" va "Bizning iste'molchimiz nimani xohlaydi?" Odatda, tadqiqotchining mas'uliyatiga foydalanuvchi intervyularini o'tkazish, marketing ma'lumotlarini o'rganish va umuman tahlillarni to'plash kiradi. Dizayn doimiy takomillashtirish jarayonidir. Tadqiqotchi ushbu jarayonda qaysi dizayn yechimi iste'molchi ehtiyojlariga eng yaxshi javob berishini aniqlash uchun A/B testini o'tkazish orqali yordam berishi mumkin. UX tadqiqotchisi odatda yirik kompaniyalarda asosiy tayanch bo'lib, bu erda katta hajmdagi ma'lumotlarga kirish unga mazmunli xulosalar chiqarish uchun etarli kuch beradi.

Facebook UX tadqiqotchisi ish tavsifi:

“Tadqiqot mavzularini aniqlash uchun mahsulot guruhlari bilan yaqindan hamkorlik qiling. Bir vaqtning o'zida iste'molchilarning xatti-harakatlarini va iste'molchilarning fikrlarini ko'rib chiqadigan tadqiqot o'tkazing. So‘rovlar kabi keng ko‘lamli sifat va miqdoriy usullardan foydalangan holda tadqiqot o‘tkazing”.

UX dizaynerlari vaqti-vaqti bilan UX tadqiqotchilari sifatida ishlaydi.

Ish natijalari: foydalanuvchi profili, A/B test natijalari, foydalanuvchining xatti-harakatlari bo'yicha tadqiqot/intervyular.

Asboblar: mikrofon, qog'ozlar, hujjatlar

Front-end dasturchi (UI ishlab chiqaruvchisi)

Tashqi ishlab chiquvchilar mahsulot interfeysining funktsional amalga oshirilishi uchun javobgardir. Odatda, UI dizayneri statik maketni tashqi ishlab chiquvchiga uzatadi, keyin esa uni ishlaydigan, interaktiv mahsulotga aylantiradi. Tashqi ishlab chiquvchilar, shuningdek, harakat dizayneri tomonidan yaratilgan interaktiv grafikalarni kodlash va joylashtirish uchun javobgardir.

Asboblar: CSS, HTML, JavaScript

Mahsulot dizayneri

Mahsulot dizayneri - bu mahsulotning tasviri va idrokini yaratish jarayonida umuman ishtirok etadigan dizaynerni tavsiflash uchun hamma narsani o'z ichiga olgan atama.

Mahsulot dizaynerining roli unchalik aniq belgilanmagan va kompaniyadan kompaniyaga farq qiladi. Mahsulot dizayneri minimal kodlashni amalga oshirishi, foydalanuvchi tadqiqotini o'tkazishi, interfeyslarni yaratishi yoki vizual elementlarni yaratishi mumkin. Mahsulot dizayneri boshidan oxirigacha boshlang'ich muammoni aniqlashga, uni hal qilish uchun ba'zi mezonlarni belgilashga va keyin turli xil echimlarni yaratishga, sinab ko'rishga va takomillashtirishga yordam beradi. Ko'proq "suyuq" hamkorlikda ishlashni xohlaydigan ba'zi kompaniyalar, oxir-oqibat, turli xil dizaynerlar jamoasini yaratish va foydalanuvchi tomonidan mahsulotni idrok etish, foydalanuvchi tadqiqotlarini o'tkazish va vizual elementlarni yaratish uchun ariza beruvchini qidirishda ushbu aniq vakansiyani aniqlaydi.

Ba'zi kompaniyalar "UX dizayneri" yoki oddiygina "dizayner" atamasi sifatida foydalanadilar. Ish ta'rifini o'qish - bu sizning tajribangiz qanday bo'lishini aniqlashning eng yaxshi usuli.

Pinterest uchun mahsulot dizayneri ish tavsifi

“Dizaynning barcha sohalarida malakali bo'lish: o'zaro ta'sir, vizual qism, mahsulot bilan ishlash, maket. Tasvir elementlari va ularning joylashuvi uchun shablonlarni yaratish”.

Dizayner qidirilmoqda

Men yosh startaplardan eshitadigan eng keng tarqalgan ibora. Ular odatda yuqoridagi barcha ishlarni qila oladigan odamni izlaydilar. Ular yarata oladigan odamni qidirmoqdalar chiroyli piktogramma, ochilish sahifalarini yarating, A/B testini o'tkazing, UI elementlarini mantiqiy ravishda ekranga joylashtiring va hatto front-end dasturchining ba'zi vazifalarini bajarishi mumkin. Ushbu lavozimning umumiy xususiyatidan kelib chiqqan holda, biz ko'pincha kompaniya ushbu kasbning tafsilotlari va o'ziga xos xususiyatlarini o'rganmasdan, shunchaki "dizayner" ni yollashni xohlayotganini eshitamiz.

Ushbu dizayn tendentsiyalarining har biri orasidagi chegaralar juda xira. Ba'zi UX dizaynerlari iste'molchi bilan o'zaro aloqada ishlashlari va ba'zi UI dizaynerlari ham grafik ustida ishlashlari kutilmoqda. Eng yaxshi yo'l dizaynerni toping - kompaniyangizda ishlashning bir qismi sifatida undan nimani kutayotganingizni batafsil tasvirlab bering va dizaynerning mas'uliyatini eng aniq aks ettiruvchi lavozimni tanlang.

Foydalanuvchi tajribasi bilan ishlash mahsulot yoki biznesni olib kelishga yordam beradi yangi daraja, chunki UX dizayneri mahsulot mantig'i orqali o'ylaydi va mijozlarga o'z maqsadlariga erishishda yordam beradi.

UX dizaynini o'rganishni boshlash uchun siz har qanday raqamli loyiha ustida ishlash qanday tuzilganligini va ishlab chiqish jarayonida aynan shunday dizayner nima uchun javobgarligini tushunishingiz kerak.

UX dizayneri kim va u nima qiladi?

UX dizayneri raqamli mahsulotlarni tushunarli va mantiqiy qiladigan dizaynerdir. U foydalanuvchining mahsulot - veb-sayt, ilova, dastur bilan o'zaro aloqasi tajribasini o'rganadi. UX dizaynerining maqsadi foydalanuvchiga maqsadiga erishishda yordam berishdir. Buning uchun loyiha bosqichlarga bo'linadi va ularning har biri ustida ishlanadi.

Birinchidan, dizaynerlar mahsulot auditoriyasini tahlil qiladilar, ularning maqsadlari va qo'rquvlarini o'rganadilar. Keyin ular haqiqiy odamlar bilan suhbatlar o'tkazadilar va raqobatchilarning veb-saytlari va ilovalarini kuzatadilar. Shundan so'ng, prototiplar yaratiladi, foydalanuvchilarga ko'rsatiladi va fayllar ishlab chiquvchilarga uzatiladi.

Agar siz ushbu bosqichlarning har birini batafsil ko'rib chiqsangiz, UX dizaynini o'rganishni qaerdan boshlashni tushunish oson.

Kim UX dizayneri bo'lishi mumkin

Ko'pincha veb-dizaynerlar foydalanuvchilarning o'zaro ta'siri sohasini o'rganishga qaror qilgan UXga kelishadi. Ular allaqachon foydalanuvchilar bilan ishlashgan, asosiy tamoyillarni bilishadi va ma'lumotni qanday tasavvur qilishni bilishadi.

Biroq, UXda ishlash uchun veb-dizayner bo'lish shart emas. Bu sohadagi barcha jarayonlar birinchi navbatda mantiq, tanqidiy fikrlash, odamlar bilan muloqot qilish va tahlil qilish qobiliyatiga asoslanadi.

Google dizaynerlaridan biri Fiona Yongning aytishicha, uning jamoasida dizaynerlik ma'lumotiga ega bo'lgan bir nechta mutaxassislar bor. Qolganlari ilgari tegishli sohalarda yoki boshqa sohalarda ishlagan. Ba'zilar kognitiv fanda, ba'zilari psixobiologiyada edi.

Shuning uchun arxitektorlar, muhandislar va dasturchilar yaxshi dizayner bo'lishlari mumkin. Asosiysi, interaktiv dizayn asoslarini tushunish va UXda ish mantig'i qanday qurilganligini tushunish. Bu mustaqil ravishda yoki maxsus UI/UX dizayn kurslarida amalga oshirilishi mumkin.

Qayerdan boshlash kerak

Siz UX dizaynini kurslar, kitoblar va maqolalar bilan o'rganishni boshlashingiz mumkin. Asosiysi, to'g'ri o'quv rejasini tuzish, maqsadlarni shakllantirish va umumiydan xususiyga o'tish.

Mahsulot ustida ishlash jarayoni bir necha bosqichlardan iborat. Ularning har birida UX dizayneri shug'ullanadi turli narsalar. Ish uchun qanday bilim kerakligini tushunish uchun har bir bosqichni batafsil ko'rib chiqish kerak:

O'qish

UX dizayneri kelajakdagi veb-sayt yoki ilova foydali amalni bajarishiga ishonch hosil qiladi - sotish, reklama qilish, foydalanuvchilarga yordam berish.

Lekin yaratish qiyin yaxshi loyiha, agar muammoni tushunmasangiz. Shuning uchun, birinchi navbatda, dizayner kelajakdagi mahsulot haqida ma'lumot to'playdi. Raqobatchilarni tadqiq qiladi, funktsiyalarni rejalashtiradi, ish mantig'i haqida o'ylaydi.

Yaxshi tadqiqot usuli haqiqiy foydalanuvchilar bilan suhbatlashishdir. Chiptalarni sotib olish xizmatini yaratishda stantsiyaga borib, yo'lovchilar bilan suhbatlashish yaxshiroqdir. Ularga chiptalarni Internet orqali sotib olish osonroq bo'ladimi yoki yo'qmi, karta bilan to'lash qulaymi, ular vagonda o'rindiqlarni qanday tanlashni xohlashlarini bilib oling.

Tadqiqot bosqichida UX dizayneri potentsial foydalanuvchilar bilan faol gaplashishi va ularga nima kerakligini so'rashi kerak.

Ma'lumotlarni tahlil qilish

Mahsulotning maqsadlari aniq bo'lsa, dizayner o'zaro ta'sir mantig'ini o'ylaydi.

Kimdan maqsadli auditoriya eng ko'zga ko'ringan vakillarini tanlang va ular haqida gapiring. Ular mahsulotdagi bu odam uchun nima muhimligini tasavvur qilishga harakat qilishadi. U qanday muammolarni hal qiladi va qanday yo'l bilan? Ushbu bosqich, ya'ni personajlarni yaratish, dizaynerga aniq odamlarni tasavvur qilish va ular uchun ishlashga yordam beradi.

Butun maqsadli auditoriyaning talablarini qondirish mumkin bo'lmaydi, lekin siz eng taniqli vakillarning istaklari ustida ishlashingiz mumkin. Shunda boshqalar ham mahsulotdan qulay foydalanish imkoniyatini oshiradi.

Dizayner har bir shaxs uchun foydalanish holatlarini yaratadi. Bu erda muhim narsa, ma'lum bir shaxsning mahsulot bilan qanday munosabatda bo'lishini tasavvur qilishdir. Qanday funksionallik kerak va birinchi bosqichda nimadan voz kechish mumkin.

Skriptlarni yaratish dastur yoki sayt tuzilishi, shuningdek, asosiy elementlar haqida fikr yuritishga yordam beradi.

Dizayn

Ushbu bosqichda barcha to'plangan ma'lumotlar ingl. Ular ilova tuzilishini quradilar, har bir ekran uchun elementlarni joylashtiradilar.

Dizayn - bu tayyor dizaynni yaratish emas. Bu foydalanuvchilarga ko'rsatiladigan tezkor eskizlar. Ular sinov o'tkazadilar va ushbu shakldagi mahsulot muammoni hal qiladimi yoki yo'qligini aniqlaydilar.

Ushbu bosqichdagi tartiblar butunlay boshqacha bo'lishi mumkin - past batafsil va oq-qora yoki yorqin va interaktiv. Ba'zilar qog'oz va qalam bilan ishlaydi, boshqalari foydalanadi maxsus dasturlar. Ba'zi dizaynerlar darhol grafik muharrirlarda ishlaydi.

Dizayn bosqichi sezilarli vaqtni tejashga yordam beradi. Mahsulotni noldan chizish va dasturlash va keyin kamchiliklarni bartaraf etishdan ko'ra, foydalanuvchiga eskizni ko'rsatish va uning fikrini so'rash tezroq.

Dizayn

UI dizayneri yakuniy versiyani yaratish uchun javobgardir. Lekin ko'pincha oxirgi versiyani o'zingiz chizishingiz kerak. Shuning uchun, asosiy ko'nikmalarga ega bo'lish va UI dizaynini o'rganish foydalidir.

Bosqichda prototiplar va simli ramkalardan vizualizatsiya yaratiladi, rang, kompozitsiya va tipografiya bilan ishlash, dizayn mazmuni.

Buning uchun mos grafik muharriri dizaynerlar qaerda ishlaydi:

  • Adobe Photoshop,
  • Adobe XD,
  • eskiz,
  • Figma.

UX dizaynerining vazifasi alohida elementlar va sahifalarning yaxlitligini kuzatishdir. Vizual effektlarni qo'shganda mahsulotning asosiy ma'nosi yo'qolmasligiga ishonch hosil qiling.

Metrik tahlil

Mahsulotning birinchi ishchi versiyasini nashr etgandan so'ng, UX dizayneri foydalanuvchilarning haqiqiy xatti-harakatlarini kuzatib boradi. Buning uchun tahliliy tizimlar va turli ko'rsatkichlar qo'llaniladi.

Ular mahsulot ustida ishlaydi - yaroqlilik va A/B testlarini o'tkazadi. Foydalanuvchi tajribasini yaxshilang va yangi xususiyatlarni qo'shing.

UX dizaynini qanday o'rganish mumkin

UX dizayni turli yo'nalishlar va fanlardan iborat. Bunga vizual dizayn, foydalanuvchilar bilan ishlash va sinov natijalari kiradi. Ba'zi UX mutaxassislari bir sohada, ba'zilari esa barcha sohalarda ishlaydi.

UX dizaynini o'rganish uchun siz butun mahsulotni ishlab chiqish sayohatini tasavvur qilishingiz va har bir bosqich uchun zarur bo'lgan ko'nikmalarni oshirishingiz kerak."

  • Jonli qayta aloqa o'qituvchilar bilan
  • Cheksiz kirish kurs materiallariga
  • Hamkor kompaniyalarda stajirovka
  • Haqiqiy mijozdan tezis loyihasi
  • Dissertatsiyani himoya qilgan bitiruvchilarni hamkor kompaniyalarda kafolatli ishga joylashtirish
  • Nazariyani o'rganayotganda, amaliy ko'nikmalar haqida unutmang. Veb-sayt tartibini yarating yoki o'ylab toping mobil ilova. Loyihani qismlarga bo'ling va har birida ehtiyotkorlik bilan ishlang: tadqiqot va tahlil qiling, keyin dizayn va dizaynni bajaring. Dizaynerning yaxshi mutaxassis bo'lishiga faqat amaliyot yordam beradi.

    Eng yaxshi shokoladli keklarni yaratish uchun ham UX, ham UI kerak bo'ladi. Men jiddiy. Boshlash uchun sizga retsept, ingredientlar, oshxona anjomlari va pech kerak bo'ladi. Keyin: aralashtiramiz, pishiring, kesib oling, plitalarga qo'ying, xizmat qiling va ovqatlaning.

    Ammo bularning qaysi biri UX va qaysi biri UI? Tayyorlash jarayoni UX, qoplama va xizmat ko'rsatish jarayoni esa UI.

    Ovqatlanish haqida nima deyish mumkin? Bu UX; UX bo'lmagan holatlar bundan mustasno. Agar tortlar to'g'ridan-to'g'ri skovorodkadan berilsa yoki plastinkada chiroyli tarzda taqdim etilsa, iste'molchi boshqacha tajribaga ega bo'larmidi? Ha, ikkinchisi afzalroq bo'lardi, deyman.

    Ushbu maqolada men siz bilan UX va UI dizayni o'rtasidagi beshta farqni baham ko'raman. Umid qilamizki, oxirigacha siz ularni yaxshiroq tushunasiz. Darhol aytmoqchimanki, siz farqlarni sezsangiz ham, ularning ba'zilari bir-biriga juda o'xshash bo'ladi.

    Ushbu rad etish bilan keling, ikkalasi o'rtasidagi ba'zi farqlarni ko'rib chiqaylik.

    UX UI emas

    UX dizayni yoki foydalanuvchi tajribasi dizayni bu ehtiyojni aniqlash jarayonidir. Keyin qo'pol prototip chiziladi, u keyinchalik sinov orqali tasdiqlanadi (yoki yo'q). Biznes modeli va qiymat taklifi tasdiqlansa, mahsulot tayyor bo'ladi.

    UI yoki foydalanuvchi interfeysi dizaynini quyidagicha tasavvur qilish mumkin:

    Foydalanuvchi interfeysi dizayni = Vizual dizayn + O'zaro ta'sir dizayni.

    Vizual dizayn - bu saytning qanday ko'rinishi, uning shaxsiyati, agar xohlasangiz; brend. O'zaro ta'sir dizayni - bu odamlarning veb-saytingiz bilan o'zaro ta'siri. Biror kishi tugmani bosganda, u bosilganligini aniq ko'rsatadigan tarzda o'zgaradimi?

    UX va UI dizaynerlari o'zaro ta'sirlarni yaratsa-da, UX dizaynerlarini makro-o'zaro ta'sir arxitektorlari va UI dizaynerlarini tafsilotlar bilan shug'ullanadigan mikro shovqin yaratuvchilari deb hisoblash mumkin.

    Dizayner Nik Babichning so'zlariga ko'ra:

    “Eng yaxshi mahsulotlar ikkita narsani yaxshi bajaradi: funksiya va detal. Xususiyatlar odamlarni mahsulotingizga jalb qiladigan narsadir. Tafsilotlar ularni birlashtirgan narsadir."

    UX dizayneri foydalanuvchi oqimlarini, masalan, axborot byulleteniga a'zo bo'lish uchun qanday qadamlarni loyihalashni afzal ko'radi. Ular qanday qadamlarni qo'yishadi va muvaffaqiyatga erishganlarini qanday bilishadi?

    Keyin loyiha UI dizayneriga o'tadi. UI dizayneri rang qo'shish va original dizaynni ta'kidlash, ularga maslahatlar berish va axborot byulleteniga yo'nalishni ko'rsatish orqali ushbu o'zaro ta'sirlarni yaxshilaydi.

    UI interfeyslarni chiroyli qiladi

    Foydali mahsulot bozor hali duch kelmagan ehtiyojni qondiradi. UX dizaynerining tadqiqot jarayoni o'z ichiga oladi raqobat tahlili, shaxslarni rivojlantirish va keyin minimal hayotiy mahsulotni yaratish; maqsadli auditoriyangiz uchun qimmatli bo'lgan mahsulot. Bu butun sinov orqali tasdiqlangan hayot davrasi mahsulot.

    Foydalanuvchi oqimlari va simli ramkalar prototipi va sinovdan o'tkazilgandan so'ng, jarayon UI dizayneriga o'tadi - uning vazifasi hammasini yaxshi ko'rsatishdir. Bu chiroyli va ishlatish uchun qulay bo'lgan rang sxemasi va dizaynni tanlashni o'z ichiga oladi. Biroq, ranglarni tanlash, dizayn va o'zaro ta'sirlar dizaynerning shaxsiy xohishlariga emas, balki UX dizaynerlari tomonidan ishlab chiqilgan aniq ifodalangan shaxsga xos sabablarga asoslanadi. Ularning yordami bilan UI dizaynerlari foydalanuvchilar uchun qo'llanma bo'lib xizmat qiladigan vizual ierarxiyani amalga oshiradilar, ularga maqsadlariga erishish uchun nima va qachon qilish kerakligini tushuntiradilar.

    Yaxshi ishlab chiqilgan ierarxiya sahifadagi bitta asosiy maqsadni ta'kidlab, foydalanuvchilarga saytning qayerda ekanligini va istalgan vaqtda nima qilishlari mumkinligini bilish imkonini beradi. bu daqiqa vaqt. Ierarxiya buni foydalanuvchilarga allaqachon tanish bo'lgan konventsiyalar va naqshlar yordamida hal qiladi. Ushbu naqshlar foydalanuvchilarga yo'nalish beradi.

    UX foydalanuvchilarga maqsadlariga erishishda yordam beradi

    UI hissiy aloqalarni yaratadi

    Odamlar biror narsa qilish uchun saytingizga kelishadi. Ehtimol, kimdir kichkina kvartira uchun itni qidirmoqda.

    Ishning UX tomoni odamlarga itni sevuvchilar sifatida qarashi va ular uchun nima muhimligini tushunishga harakat qilishi mumkin. Mo'ynali do'stini tanlashda yordam so'rashda ular nimani qadrlashadi yoki kerak? Buni tushunish uchun ular ishni boshlaydilar. Ular savollar berishadi, odamlarni kuzatishadi, ulardan intervyu olishadi, ehtimol ularga yordam bera oladimi yoki yo'qligini bilish uchun prototiplar va ba'zi partizan testlarini o'tkazadilar.

    “Hissiyotlar uchun dizayn” muallifi Aaron Uolterning soʻzlariga koʻra, siz oʻzingizning asosiy qulayliklaringizni oʻrnatganingizdan soʻng, foydalanuvchilaringizning sodiqligi interfeysingizning shaxsiyatiga bogʻliq boʻladi. Jonli dizayn sizning saytingizga odamlarni jalb qilishi mumkin va agar u erda biror narsa qilish kerak bo'lsa, ular hatto qolishi mumkin. Va qachon shakllanadi shaxsiy aloqa- ular ilgakda. Sizning interfeysingiz ularni kuldiradimi? U ularni tutadimi? U qanchalik takabbur? Horun shunday deydi: "Odamlar sizning kamchiliklaringizni kechiradilar, sizga ergashadilar va ularni ijobiy his-tuyg'ular bilan mukofotlasangiz, sizni maqtashadi". Bu erda UI dizayneri keladi.

    Avval UX dizayni yaratiladi

    Keyin (ba'zan) UI dizayni yaratiladi

    UX va UI dizaynerlari dizayn jarayonida qanday ishlaydi?

    Odatda, UX dizayni va tadqiqoti mahsulot yoki dastur yaratishga qaror qilishda birinchi qadamdir. UX dizaynerlari mahsulotning dastlabki g'oyalarini tasdiqlovchi yoki rad etadigan va uning rivojlanishiga rahbarlik qiluvchi ko'plab tadqiqotlar olib boradilar.

    Prototip bir necha marta sinovdan o'tkazilib, deyarli tayyor bo'lgach, UI dizayneri kirib, vizual dizayn va mikro o'zaro ta'sirlar ustida ishlay boshlaydi.

    Biroq, bu yo'l har doim ham chiziqli emas va ko'p omillarga bog'liq. Masalan:

    • UX va UI bilan kim ishlaydi?
    • Xuddi shu odammi yoki boshqa odammi va boshqa jamoami?

    UX barcha mahsulotlar, interfeyslar va xizmatlarda qo'llaniladi

    UI faqat interfeyslarga ishora qiladi

    Foydalanuvchi tajribasi dizayni keng maydon bo'lib, kundan-kunga mashhur bo'lib bormoqda. Hozirgi kunda nafaqat Internetdan foydalanadigan kompaniyalar, balki mahsulot ishlab chiqaruvchi yoki xizmatlar ko'rsatuvchi boshqa ko'plab kompaniyalar o'z foydalanuvchilarini tushunish va yaratish jarayoni boshlanishidan oldin farazlarni tasdiqlash qiymatini tushuna boshlaydilar.

    Foydalanuvchi interfeysi dizayni foydalanuvchi interfeyslari haqida. Bu grafik jihatdan cheklangan degani emas. foydalanuvchi interfeysi kompyuterlar, planshetlar va mobil qurilmalar. Bugungi kunda interfeyslarni ko'plab boshqa mahsulotlarda topish mumkin, masalan, soatlar, kir yuvish mashinalari, avtomobillardagi asboblar paneli, savdo avtomatlari va boshqalar.

    Yaqinda men avtomobilingiz eshigini ochadigan iPhone ilovasi haqida o'qidim. Ma'lum bo'lishicha, bu o'zaro ta'sirlar to'plami eshikni ochish uchun oddiygina kalitdan foydalanishdan ko'ra ko'proq qadamlarni o'z ichiga oladi. Biz interfeys yoki tajriba uchun loyihalashtiramizmi, foydalanuvchilarimiz jarayonning markazida bo'lishini ta'minlashimiz kerak.

    xulosalar

    UXni UI yoki UI ni UX dan ajratish deyarli mumkin emas.

    Ammo agar urinib ko'rsangiz, shunday xulosaga kelishingiz mumkin:

    • UX dizayni foydalanuvchilarga bir nechta platformalar va xizmatlarda vazifalarni bajarishga yordam beradi.
    • UI dizayni odamlar bilan bog'lanadigan jozibali va estetik interfeyslarni yaratadi.

    Don Sklext maqolasining tarjimasi

    UX dizayneri va UI dizayneri o'rtasidagi farq nima deb so'ralganda, odamlar salbiy javob berishni yaxshi ko'radilar. Bilasizmi, bunday adabiy qurilma. Xuddi "UX interfeys haqida emas, bu grafik dizayn haqida emas, bu foydalanish qulayligi emas, bu tahlil emas, bu prototip emas." Bugun biz qisqacha farqni ko'rsatamiz, atamalarning paydo bo'lish tarixini aytib beramiz va nega ikki tushuncha, hatto shuncha yillar o'tgan bo'lsa ham, bitta - UX/UIga birlashtirilganligini tushuntiramiz.

    Farqi haqida qisqacha

    UI dizayneri (foydalanuvchi interfeysi) - bu tugmalar, piktogrammalar, shakllar chizadigan, shriftlarni tanlaydigan va hamma narsadan uyg'un va chiroyli tartibni yaratadigan ideal muhitdagi interfeys dizayneri. Veb-sayt, dastur, foydalanuvchi o'zaro aloqada bo'ladigan har qanday narsa - hatto stantsiya terminali ekrani. Va u boshqa hech narsa haqida o'ylamaydi.

    UX dizayneri (foydalanuvchi tajribasi) bu dizayner emas, balki dizayner (shunchaki ingliz tilida dizayner so'zi faqat ikkinchi ma'noga ega). U foydalanuvchilarning ehtiyojlarini o'rganadi, interfeysning mantiqiy diagrammalarini tuzadi, prototiplarni haqiqiy odamlarda sinab ko'radi va dizayn uchun texnik xususiyatlarni yozadi. Boshqacha qilib aytganda, bu shunday marketing muhandisi: kirish - analitika, chiqish - interfeysni yaratish tamoyillari, ish mantig'i, tartib, tarkib. Bu rasm chizishga taalluqli emas.

    Ana xolos.

    Nima uchun bu murakkab bo'lishi kerak edi?

    Ilgari bo'lgani kabi: dizayner "veb-saytni chizish" vazifasini oldi. Barcha saytlar ko'proq yoki kamroq bir xil edi: uy, kompaniya haqida, katalog, keyin ro'yxatda. Dizayner so'radi: "Ular bizga tarkibni qachon berishadi?" Hech qachon, o'rtoq ruh, bu armiya.

    Va dizayner oddiygina "dizayner" deb nomlangan. Chet el prefikslarisiz.

    Keyinchalik nima bo'ldi: agentliklar ko'proq pul olishni xohlashdi va dunyo asta-sekin "shunchaki veb-saytlar" dan murakkab veb-xizmatlarga o'tishni boshladi. Xizmat nafaqat noyob interfeys, balki uning ortidagi maxsus biznes jarayoni hamdir. Masalan, Airbnb veb-saytini eslang - mavzuni chuqur o'rganmasdan, biron bir grafik dizayner darhol interfeys yarata olmaydi.

    Ish ko'p bo'lgani uchun bir kasbni bir nechaga bo'lish zarurati tug'ildi. Endi UX mutaxassisi (biz uni chalkashmaslik uchun shunday deb ataymiz) tadqiq qildi va loyihalashtirdi axborot arxitekturasi, prototip funktsional qismni bajardi va grafik (UI) dizayneri yakuniy mahsulotni yaratdi: zamonaviy va ko'zni quvontiradigan.

    Xuddi shu narsa sanoatda allaqachon sodir bo'lgan. Masalan, "dasturchilar" oddiygina "frontend" va "backend" ga bo'lingan. Va fronterlar haqiqiy fronterlar va "shunchaki maket dizaynerlari" ga aylanadi. Aytmoqchi, .

    Sababi har doim bir xil: bir kishi etarli emas katta jarayon. Keling, davom etaylik.

    UX/UI dizayneri kim

    Qizig'i shundaki, bo'sh ish o'rinlari ko'pincha UX/UI dizayneri lavozimlarini o'z ichiga oladi, xuddi shunga o'xshash chiziq bilan. Hatto Tinkoff ham bunday kombinat bo'yicha mutaxassisni qidirmoqda:

    Barrikadalarning boshqa tomonida dizaynerlar o'zlarini UX/UI deb atashni boshladilar. Chunki oddiygina dizayner bo'lish ahmoq, modaga mos kelmaydi.

    Ideal dunyoda UX/UI kim? UX ishining butun tsiklini bajaradigan va keyin ham bir necha marta tahrirlash bilan hamma narsani chizishga muvaffaq bo'lgan supermen (UI-ni yarating).

    UX/UI aniq nima? Faqat yaxshi dizayner. Faqat “maket yasash”ni emas, balki tahlil, savollar, tushuntirishlar, eskizlar, diagrammalar va hokazolardan boshlab har bir loyihaga alohida yondashishni o'z burchim deb biladiganlar uchun. Bu to'liq huquqli UX tekshiruvi emas, lekin, qoida tariqasida, tayyor xizmatni qo'llab-quvvatlash yoki "shunchaki veb-sayt" ni ishlab chiqish kifoya.

    Shunday qilib, agar siz ajoyib UX/UI mutantini ko'rsangiz, buni bilib oling:

    • Bu loyihaga faqat sichqonchani va tumshug'ini bosish bilan emas, balki boshi bilan yaqinlashadigan dizayner.
    • Bu juda ko'p aqlli so'zlarni o'qigan va endi o'zini UX/UI deb ataydigan yigit.

    Buni oddiygina tekshirish mumkin: dizaynerdan nima uchun elementlarning ushbu aniq tartibini, ekranlarning ketma-ketligini va hokazolarni tanlaganini aytib berishini so'rang. Yaxshi dizayner bitta interfeys qarorini xuddi shunday qabul qilmaydi - hamma narsa mantiqiy asosga ega.

    Aytmoqchi

    Ushbu maqola "bir veb-mutaxassis boshqasidan qanday farq qiladi" turkumidagi ikkinchi maqoladir. Bizni Internetdan barcha kasblar katalogini yaratish g'oyasiga nima undadi turli xil variantlar ularning ismlari. Mijoz (va barchamiz, bu borada) yanada aniqroq yashashi uchun.