Tarkib
Faoliyatimni boshlaganimda veb-dizayner edim. Men to'rt yil davomida veb-dizayn sohasida ishladim, kichik biznes saytlaridan boshladim va oxir-oqibat katta mijozlarga o'tdim. Grafik dizayn meni qiziqtirmaganligini yoki katta tovar nomlari uchun ishlamaganligini bilib oldim. Menga veb-sahifaning vizual dizayni emas, balki sahifalash naqshlari, odamlarning shakllar bilan o'zaro munosabati va qabul qilinadigan ishlash kabi narsalar ko'proq qiziqar edi.
Ilmiy-fantastik filmlarni ko'rganimda, interfeyslarni ko'rib chiqardim. Video o'yinlarni o'ynaganimda menyularning joylashishini kuzatardim. Agar ushbu xususiyatlarning birortasi sizga tanish bo'lsa, siz ham UI dizayneringiz bo'lishi mumkin.
Agentlik ishimni tashladim va o'z kompaniyamni ochdim. LinkedIn sahifasida men o'zimning yangi martaba maqsadimni sarhisob qilishga harakat qildim: eng yaxshi dasturiy ta'minotni yaratish. Frilanser sifatida ish boshlaganimga to'rt yil bo'ldi va mening sayohatim to'xtamadi. Shu kunlarda men kichik UI dizayn kompaniyasini boshqarishga yordam beraman Mono. Yaqinda biz to'rtinchi jamoamiz a'zosini kutib oldik.
Ushbu maqolada men foydalanuvchi interfeysi dizaynerlari qanday bo'lishini, shu jumladan, ish aynan nimaga bog'liqligini, eng yaxshi o'quv manbalarini qaerdan topish va o'z mahoratingizni qanday yaxshilashni tasvirlashni istayman.
UI dizayner nima qiladi?
Umuman olganda siz foydalanuvchi interfeysi dizaynerining ishini to'rt toifaga ajratishingiz mumkin. Siz mijoz bilan muloqot qilasiz, tadqiqot o'tkazasiz, dizayn va prototip yaratasiz va ishlab chiquvchilar bilan muloqot qilasiz. Keling, ushbu bosqichlarning har birini batafsil ko'rib chiqaylik.
Mijozlar bilan aloqa
Mijozlar bilan aloqa qilish - bu mijozning muammosini tushunishdir. Maqsad sizning mijozingizning ishi bilan tanishishdir, shuning uchun loyihaning boshlanishi odatda juda ko'p suhbatlarni tashkil qiladi. Ishga kirishganingizda mijozingizning domeni haqida ko'p narsalarni bilmaslik yaxshi - siz mumkin bo'lgan dizayn echimlarini o'ylab, ularning biznesiga yangi ko'rinishda qarashingiz mumkin.
Yaxshi foydalanuvchi interfeysi dizayneri bo'lish uchun, oxir-oqibat mijozingizning ishi bilan bir qatorda o'ylab ko'rishingiz kerak. Masalan, sizning mijozingiz aviatsiyada bo'lishi mumkin. Ular uchun ishlash oxir-oqibat sizni ushbu soha haqida juda yaxshi bilimga ega qiladi. Shunday qilib, bu erda o'zingizning baxt-saodatingiz uchun maslahat siz ishlaydigan sohalarni oqilona tanlashdir, shuning uchun siz o'zingiz qiziqtirmaydigan yoki qiziqtirmaydigan narsalarning mutaxassisi bo'lib qolmaysiz.
Loyiha davomida aloqa to'xtamaydi. Dizayner sifatida siz o'zingizning ishingizni doimo taqdim etasiz. Kompaniyamizda biz uzoqdan jamoamiz, shuning uchun bizda shaxsiy uchrashuvlar ko'p bo'lmaydi. Buning o'rniga biz videokonferentsiyalar orqali ekran almashinuvidan katta foydalanamiz. Skype va Slack kabi aloqa vositalari har kuni ishlatiladi.
Sinxron va asenkron aloqa usullarini birlashtirish foydalidir. Agar sizga juda ko'p ma'lumot kerak bo'lsa, qo'ng'iroq juda yaxshi, lekin siz bir vaqtning o'zida bo'lishingiz kerak. Biz Slackni "virtual suv sovutgichimiz" deb bilamiz va murakkab dizayn loyihalarini boshqarish uchun Basecamp-dan foydalanamiz. HTML va CSS-dan foydalangan holda prototiplarni loyihalashda biz to'g'ridan-to'g'ri kodni muhokama qilish uchun GitHub Issues-dan foydalanamiz.
Tadqiqot
Mijozlar bilan aloqa qilish bilan bir qatorda siz juda ko'p izlanishlar olib borasiz. Bunga dala tadqiqotlari, mijoz bilan o'tkaziladigan mashg'ulotlar, raqobatni tahlil qilish yoki strategiyani belgilash kiradi - asosan muammoni tushunishga yordam beradigan har qanday narsa.
Tadqiqot sizning dizayn tanlovingiz haqida ma'lumot beradi. Bu siz bir marta o'qigan maqola yoki Apple yangi chiqargan yangi narsa. Nima uchun ma'lum bir dizayn tanlovini qilganingizni tushuntirish vaqti kelganida, sizning tadqiqotlaringiz sizni qo'llab-quvvatlaydi.
Tadqiqot juda keng bo'lishi mumkin. Men tez-tez tadqiqot maqsadida yangi qurilmalarni sinab ko'raman yoki foydalanuvchi interfeysini o'rganish uchun yangi veb-ilovaga yozilaman.
Loyihalash va prototip yaratish
Dizayner sifatida siz, ehtimol, vaqtingizning ko'p qismini dizayn va prototip yaratish ishlariga sarflashingiz mumkin. UI dizayn loyihasi eskizlardan tortib to batafsil dizayngacha, kodlashgacha har qanday yo'l bilan oldinga siljishi mumkin.
Siz foydalanadigan usul asosan loyihaning turiga bog'liq. Siz nimani loyihalashtiryapsiz? Bu veb-saytmi yoki uni ilova deb atashni xohlaysizmi? Bu mahalliy texnologiyadan foydalanadimi? Bu dizaynmi yoki siz noldan boshlaysizmi?
Bizning kompaniyamizda aniq bir jarayon yo'q, lekin aksariyat loyihalar bir xil tartibda ishlaydi: ular eskizlar va simli ramkalar bilan boshlanadi, vizual va o'zaro ta'sirli dizaynga o'tadi va prototip bilan tugaydi.
Dizaynerlar sifatida biz ko'p vaqtimizni asboblarimiz haqida o'ylaymiz. Ajoyib vositalar muhim bo'lsa-da, ular eng muhimi emas. Adobe Creative Suite va Sketch kabi dasturlardan oqilona foydalana olish, rasm chizish uchun qalam yoki bo'yoq uchun cho'tkadan foydalanishga tengdir. Siz hali ham rasm chizishingiz kerak.
Aytish joizki, asboblarga sog'lom qiziqish yaxshi narsa. Menga yanada samarali ishlashga yordam beradigan yangi vositalarni sinab ko'rishni yaxshi ko'raman. Mening sevimli vektorlarni tahrirlash vositam Illustrator-dir, ammo vizual dizayn bo'yicha ishlarning aksariyati shu kunlarda Sketch-da bajariladi. Jamoaning boshqa a'zolari Affinity Designer kabi yangi vositalarga o'tdilar.
Asboblar juda shaxsiy tanlovdir. Birgalikda osonlikcha ishlashimiz mumkin ekan, har kim o'zini o'zi tanlashi mumkin. Mijozlar bilan dizaynlarimiz haqida gaplashishni soddalashtirish uchun biz InVision yordamida prototiplarni tayyorlaymiz. Keyinchalik rivojlangan prototiplarni yaratish uchun biz HTML va CSS dan foydalanamiz. Sizga kerak bo'lgan vosita u bilan ishlashni xohlagan ishingizga bog'liq.
Tuzuvchi bilan aloqa
UI dizaynerining ishining ko'pincha unutilgan qismi - bu ishlab chiquvchilarning aloqasi. Bugungi kunda siz o'zingizning dizaynlaringizni devlarga yuborish va ular to'g'ri bajarilishini umid qilish bilan qutulolmaysiz. Eng yaxshi dizaynerlar qiyinchiliklarni dizaynni yaratishda emas, balki uni etkazishda bilishadi - nafaqat o'zlarining roziligini berishlari kerak bo'lgan manfaatdor tomonlarga, balki uni amalga oshirishi kerak bo'lgan ishlab chiquvchilarga ham.
Dizayn bilan aloqa qilish turli shakllarda bo'ladi: batafsil xususiyatlar, aktivlarni taqdim etish, dizaynni birgalikda ko'rib chiqish. Har bir misolda etkazib berish mantiqiy narsa asosan loyihaning mahalliy yoki veb-dastur ekanligiga bog'liq.
An'anaviy yondashuv - bu ekran dizaynlari yonidagi aktivlarni etkazib berish. Displey dizayni yordamida dizaynning qanday ko'rinishini ko'rish uchun foydalanish mumkin, aktivlar esa PNG va SVG piktogrammalarini ishlatishga tayyor, shuning uchun ishlab chiquvchilar grafik muharriri bilan shug'ullanmasliklari kerak.
Bizning kompaniyamiz bundan ortig'ini etkazib berish tarafdorimiz. Dizaynlarimizdagi izchillikni saqlashga yordam beradigan komponentlar uslubi qo'llanmalaridan foydalanamiz. Biz veb-loyiha bilan shug'ullanganimizda, biz HTML va CSS-ning batafsil to'plamlarini, qismlarga bo'lak hujjatlashtirilgan va amalga oshirishga tayyor holda etkazib beramiz. Dasturiy ta'minotni ishlab chiqishning har bir bosqichida dizaynerlik ko'zi bilan bo'lish mening maqsadimga erishish uchun jahon standartidagi dasturiy ta'minotni yaratishning yagona yo'li deb o'ylayman.
Veb va mahalliy dasturlar
Agar platforma uchun mahalliy dasturni ishlab chiqsangiz (masalan, iOS yoki Android), siz ba'zi ko'rsatmalarga rioya qilishga moyil bo'lasiz. Internet uchun dizayn yaratganingizda, u erda juda ko'p ko'rsatmalar mavjud emas. Odatda nima sodir bo'ladi, sizning mijozingiz o'zlarining brendlari uchun narsalarning qanday ko'rinishini belgilaydigan bir qator grafik ko'rsatmalarga ega.
Biroq, ushbu ko'rsatmalar marketing veb-saytlariga moslashtiriladi va u erda mavjud bo'lgan narsalar har doim ham foydalanuvchi interfeysi qarorlarini yaxshi qabul qilishga olib kelmaydi. Shriftlar tushunarli bo'lgan sabablarga ko'ra emas, balki marketing sababli tanlanadi. Ranglar qalin va ajoyib bo'lishi mumkin, bu reklama kampaniyasida ishlaydi, lekin siz kundalik foydalanadigan ilovada emas. Ushbu qo'llanmalarni talqin qilish kerak.
Internet uchun bir nechta foydalanuvchi interfeysi ko'rsatmalari mavjud. Internet turli xil uslubdagi erituvchi qozon ekanligi haqida bahslashishingiz mumkin. Agar siz veb-saytga qaraganda ko'proq dasturga o'xshash narsalarni qilsangiz, siz Bootstrap va ZURB Foundation kabi keng qo'llaniladigan ramkalar haqida bilishingiz kerak. Ramka narsalarning qanday ko'rinishi kerakligini aniqlay boshlaydi, chunki siz g'ildirakni qayta kashf qilishni xohlamaysiz. Va bu, ehtimol, yaxshi narsa.
Kompaniyamizda biz Bootstrap-dan foydalanishni yaxshi ko'ramiz. U tugmalar, ma'lumotlar jadvallari va modallar kabi umumiy interfeys elementlari uchun oqilona standart o'lchamlarni taqdim etadi.
Veb-dizaynda sizni vebning texnik imkoniyatlari ko'proq cheklaydi. Ilgari veb-saytdagi yumaloq burchak kabi oddiy vizual gullashni amalga oshirish qiyin bo'lar edi. Bu kunlar o'tib ketdi - endi siz ko'pgina soyalar, o'tishlar, animatsiyalar va hatto 3D bilan foydalanuvchi interfeyslarini chizishingiz mumkin.
Dizayner sifatida brauzerda jarayon va dizayn ustidan nazoratni o'z zimmangizga olish haqiqatdir. Ko'pgina UI dizaynerlari mahalliy dasturning UI dasturini o'z zimmasiga olganini ko'rmadim, lekin veb-ilovaning HTML va CSS-larini bajaradigan dizayner odatiy hodisa. Agar siz o'zingizning dizaynlaringizni kodlashingiz mumkin bo'lsa, siz kodlamaydigan tengdoshlaringiz ustidan ustunlikka ega bo'lasiz va men uchun bu veb qanday ishlashini chinakam tushunishning yagona usuli.
Internetdagi cheklovlar
Yaqinda siz bilib olgan barcha ajoyib fokuslar har bir brauzerda qo'llab-quvvatlanmasligini va bu veb-saytni loyihalashtirish haqiqati ekanligini bilib olasiz. Ilg'or takomillashtirish kabi taniqli printsiplarga rioya qilish yaxshidir, bu erda iloji boricha yaxshilangan tarkibni yuklaysiz, ammo tarkib qanday yomonlashishi haqida o'ylang.
Yaqinda "xantalni kesish" mashhur bo'lib qoldi. Bi-bi-sining veb-jamoasi tomonidan chempion bo'lgan, bu "yaxshi" va "yomon" brauzerlarni farqlashni va "yomon" brauzerlarga cheklangan tajribani taqdim etishni o'z ichiga oladi. Biroq, bu haqiqatan ham faqat kontent saytlari uchun ishlaydi.
Ilovaga o'xshash tajribalar haqida gap ketganda, ko'plab odamlar rivojlanishni osonlashtirish uchun faqat bir nechta etakchi brauzerlarni qo'llab-quvvatlashni cheklashadi. Afsuski, bu bizni tarkibni ko'rish uchun ma'lum bir brauzer kerak bo'lgan 1996 yilgi vaziyatga qaytaradi.
Malaka oshirish
Xo'sh, qanday qilib tez rivojlanayotgan veb-sanoat sohasidagi yangiliklardan xabardor bo'lib, o'z mahoratingizni oshirasiz? Keling, ko'nikmalaringizni oshirish uchun bir necha xil usullarni ko'rib chiqaylik ...
Platformadagi bilim
Dizayner arsenalining asosiy qismi platformalar haqidagi bilimdir. Siz turli xil operatsion tizimlar va odamlar ulardan qanday foydalanayotgani haqida bilishingiz kerak. Dizaynerlar sifatida biz Mac-lardan foydalanmoqdamiz, ammo keyinchalik u erda odamlarning aksariyati o'z ishlarini bajarish uchun Windows qutilaridan foydalanayotganini unutish oson.
Agar biron bir narsani o'zingiz ishlatsangizgina tushunishingiz mumkin. Dizaynlash uchun o'zimning Mac-dan foydalanishni afzal ko'raman, lekin boshqa platformalar evolyutsiyasini o'rganish uchun ko'p vaqt sarflayman. Mening Mac-da virtual mashinalar sifatida o'rnatilgan bir nechta Windows nusxalari bor. Men interfeysdagi turli xil o'zgarishlarni tekshirish uchun Microsoft-ning Insider dasturidan foydalangan holda Windows 10-ning yangi tuzilmalarini sinab ko'rish bilan band edim.
Qanday ishlashini sinab ko'rish uchun men muntazam ravishda yangi jihozlarni sotib olaman. Men faqat Apple platformasini platformani sinab ko'rish uchun sotib oldim. Keyin men uni sotdim, chunki bu mening hayotimga juda ko'p narsa qo'shmasligini his qildim.
Bundan tashqari, veb-ni o'zining operatsion tizimi sifatida ko'rish mumkin. Har hafta brauzer sotuvchisiga yangi xususiyatlar qo'shilib, u doimo rivojlanib bormoqda. Brauzerlarning texnik jihatlari, ayniqsa CSS va grafik qobiliyatlari haqida bilish juda muhimdir. Siz SVG va WebGL nima ekanligini va Web Animations API-dan qanday foydalanishingiz mumkinligini bilishingiz kerak.
Har qanday platforma vaqt o'tishi bilan rivojlanib boradi va foydalanuvchi interfeysi dizayneri sifatida dolzarb bo'lib turish sizning vazifangizdir. Axir, siz loyihalashtirgan narsalaringiz yakka holda yashamaydi, balki katta dasturiy ta'minot ekotizimining bir qismidir.
Asosiy narsalarga qayting
Bugun biz kurashayotgan narsa, 20 yil oldin kurashganimizdan unchalik farq qilmaydi. Kitoblarda juda ko'p yaxshi maslahatlar mavjud. Jeyson Frid va Metyu Lindermanning "Internet uchun mudofaa dizayni" ni sinab ko'ring va boshlanuvchilar uchun Stiv Krug tomonidan meni o'ylamang.
Agar siz modallik va muvofiqlik kabi tushunchalar haqida bilmasangiz, o'qishingiz kerak. Siz Fittsning qonuni nima ekanligini tushuntirishga qodir bo'lishingiz kerak. Gestalt yaqinlik qonuni? Bu UI dizaynidagi non va yog '.
O'yinlar va filmlardan ilhom oling
UI dizayneri sifatida men o'z ishimni bajarish uchun boshqa ilhom manbalaridan foydalanaman. Men o'yinlarda juda ko'p ilhom topaman. Ba'zi o'yinlar juda murakkab va UI dizaynerlari interfeys interfeysi muammolarini biznes loyihalarida ishlaydigan interfeys dizaynerlari kabi hal qilishlari kerak edi.
O'yinlar trendlarni ham anglatishi mumkin. Kolin Makrey Rally menyularida topilgan minimalizm menga iOS7 yo'nalishini eslatadi. Bir ma'noda, hozirgi kunda moda bo'lgan UI animatsiyasi dizayni yillar va yillar oldin o'yinlarda paydo bo'lgan. Skuomorfizmdan yalang'och, funktsional interfeyslarga va "tekis dizayn" ga o'tish o'yinlarda ham yaqqol ko'rinib turdi. 2006 yilgi Oblivion va 2011 yilgi Skyrim bilan solishtiring. Ikkala o'yin ham bir xil seriyadagi RPG-lar, ammo farq juda ajoyib.
Marvel filmlaridagi "Temir odam" singari futuristik interfeyslar ham men uchun ilhom manbai bo'ldi. Ular aniq foydalanish mumkin bo'lgan misollar emas, lekin ular meni umuman kompyuter haqida ko'proq o'ylashga majbur qiladi. Biz kelajakdagi ekranlarni xohlaymizmi yoki ekranlar yo'q bo'lib ketishini xohlaymizmi? Bu, ehtimol dizaynerlar bilan to'la pabda paydo bo'lishi uchun yaxshi savol.
Siz mehnatsevarlik, qat'iyatlilik, tengdoshlaringiz bilan suhbatlashish va dahshatli ko'p narsalarni o'qish orqali dizayner sifatida o'sasiz. Taxminan bir yil oldin men Nyu-York Taymsda 80 yoshdan oshgan va o'z hunarmandchiligini oshirishda davom etayotgan odamlar haqida bir qism o'qidim. Men endi boshlayotganimni his qilyapman. Sizchi?
