Tarkib
- 1. Prototip yaratish juda zarur
- 2. Sichqoncha ustidagi prototipni yaratish mumkin
- 3. Ishingizni engillashtirish uchun vositalar
- 4. Uni ramka asosida tuzing
- 5. O'z taxminlaringizni sinab ko'ring
- 6. Fikringizni oling yoki uyingizga qayting
- 7. Interaktiv va mobil aloqaga o'tish: shartnoma shartlarini bilish
- 8. O'zingizning vositangizni biling
- 9. Hech qanday mahsulot tayyor emas
- 10. Siz kancadan emassiz
Uzoq vaqt davomida veb-dizayn, albatta, bosma maketlarga o'xshash edi. Sayt ma'lumotlar bazasidan to'ldirilgan dinamik tarkib bilan to'ldirilishi mumkin, ammo tarmoqning asosiy tipografik tizimlari saytlarni loyihalash usulini boshqaradi. Navigatsiyamizning aksariyati papka yorliqlari yoki sahifalar kabi jismoniy tizimlarni taqlid qilishga asoslangan edi. Ushbu anjumanlar tezda saytlarni yaratishga imkon berdi va biz hammamiz hamma narsa yaxshi ishlaydi deb o'ylardik va ehtimol bu aksariyat hollarda bo'lishi mumkin edi.
So'nggi bir necha yil ichida hamma narsa yanada qiziqarli, murakkab va interaktiv bo'lib o'sdi. Nisbatan kichik sayt dizaynlaridan tortib ko'p qatlamli dasturlarga qadar har qanday interaktiv dizayn endi qattiq yakuniy mahsulotni yaratish va ishga tushirishdan oldin tezkor sinovdan o'tkazish, prototiplash va qayta ishlashning yangi darajasini talab qiladi. Dizaynerga ular loyihalashtirayotgan platformaning cheklovlari va kuchlarini yaxshi bilishi zarurligi hech qachon bundan ham muhim bo'lmagan. Bu har qanday dizaynerning shovqin suviga sho'ng'ishi uchun yangi muammolar, ammo bu erda narsalar qiziqarli bo'ladi.
1. Prototip yaratish juda zarur
Prototip yaratish variant emas. Xeminguey mashhur bo'lganidek: "Hamma narsaning dastlabki loyihasi - bu axlat". Agar sinov yoki prototiplash sizning jarayoningizning rasmiy qismi bo'lmasa, demak, aslida sizning yakuniy mahsulotingiz prototipdir - va ehtimol bu axlat. Vaqt jadvallari va byudjetlar kopirayterlik, IA va prototiplarni majburiy bo'lmagan narsalardan siqib chiqarishi mumkin. Bunday holda, har bir narsani ko'lamini kengaytirish usulini toping, shunda siz loyihangizda bir nechta sinov va prototiplarni saqlashingiz mumkin. Mijozingiz, jamoangiz yoki sarmoyadorlaringiz sarmoyadan foyda kelganda sizga minnatdorchilik bildiradilar.
Katta daromad olish imkoniyati bu jamoatchilikka jo'natishdan oldin saytni yoki mahsulotni ichki sinovdan o'tkazish, takrorlash va kerakli va aqlli o'zgarishlarni amalga oshirish natijasidir. Agar siz prototip yaratmasangiz, demak siz auditoriyangizga mahsulotingizdan xuddi prototip kabi foydalanishga ruxsat berishga tayyor ekanligingizni ko'rsatasiz - bu sizning brendingiz va uzoq muddatli maqsadlaringizga zarar etkazishi mumkin bo'lgan tajriba.
2. Sichqoncha ustidagi prototipni yaratish mumkin
Byudjet va vaqt har doim cheklovdir, ammo agar siz poyabzal ustida ishlayotgan bo'lsangiz, sizda hali ham imkoniyatlar mavjud. Oddiy qalam va qog'oz eskiz prototipi, so'ngra yaxshi savol va javoblar davri ushbu vositani tinglovchilaringiz uchun qanday ishlab chiqilganligini tushunishingizga yordam beradi.
3. Ishingizni engillashtirish uchun vositalar
Prototip yaratish uchun juda ko'p qirrali va samarali vosita - bu tezkor prototiplash - men buni Dan Rubindan oldim. Sinab ko'rmoqchi bo'lgan ko'rinishlaringizning tekis vizual kompozitsiyalar to'plamini (JPG yoki PNG) yarating. Ushbu qarashlarni fon fonida joylashtiring tanasi> element. So'ngra siz aniq balandlik va kenglikdagi ankerli bog'ichlarni mutlaqo joylashishni aniqlash yordamida dizaynning harakat joylari ustiga qo'yasiz.
Foydalanuvchidan "Kitob toping, uni savatingizga qo'shing, keyin tekshiring" kabi biron bir vazifani bajarishini so'rang, so'ngra ular siz kutgan narsani amalga oshiradimi yoki yo'qligini tekshirib ko'ring. Har qanday bog'lanish sohalari ko'rsatadigan yagona xatti-harakatlar odatiy hisoblanadi kursor: ko'rsatgich kuni : hover, lekin foydalanuvchiga sahifadan sahifaga o'tishiga yordam berish kifoya.
Ushbu texnikaning qiymati shundaki, siz fotoshop hujjatida juda tez o'zgarishlarni amalga oshirishingiz va uni yana JPG sifatida eksport qilishingiz va HTML-dagi mutlaqo joylashtirilgan havolalarga teng darajada tez o'zgarishlarni amalga oshirishingiz mumkin. Bu juda tez.
Yuqoridagi janob Rubinning misoliga o'xshab, Invision App sizga ultra-hawt pikselli mukammal maketlar orqali asosiy qutilar va strelkalardan har qanday sodiqlik dizaynidan foydalanish imkoniyatini beradi. Ilova sizga ushbu ko'rinishlarni yuklash, ularni nomlash, buyurtma qilish va keyin siz yuklagan har qanday ko'rinishga havolalarni chizish va xaritalash uchun toza va aniq interfeysni taqdim etadi. Aslida InVision sizning qo'lingizdan interaktiv kodlashni olib tashlaydi va sizga prototiplarning nusxalarini yo'l davomida kuzatib borish uchun tartibli joy beradi.
Tizimning soddaligi Zaarly-da biz uchun katta yutuq bo'ldi va biz uni muntazam ravishda, ayniqsa iPhone ilovamiz uchun prototip yaratishda foydalanamiz. Biz uchun mobil platformalarimiz uchun prototip yaratish juda muhim edi. Bozor talabining yangi turiga xos bo'lgan o'zaro ta'sirlar biz iOS konvensiyalarida mavjud bo'lgan narsalarni o'rganishni talab qiladi va ba'zi hollarda yangi o'zaro ta'sirlarni yaratadi. Mahsulotni yarim million foydalanuvchiga etkazib berishdan oldin biz ushbu tajribalarni sinab ko'rishimiz va taqlid qilishimiz mumkin - bu bizga yuklarni tez-tez davom ettirishga imkon beradi, lekin juda ehtiyotkorlik bilan.
InVision-da sizning ehtiyojlaringizga mos keladigan bepul va pullik hisob-kitoblar mavjud va ular blokda yolg'iz emas.
4. Uni ramka asosida tuzing
Agar sizning vositangiz yoki mahsulotingiz murakkab bo'lsa va uni yanada kengroq qurish mumkin bo'lsa, siz haqiqatan ham Sencha Touch yoki qo'lda ishlaydigan qurilmalar uchun jQuery Mobile yoki Internetdagi Twitter Bootstrap bilan juda ko'p zarar ko'rishingiz mumkin. Ular aslida o'zingizning shaxsiy HTML va uslublaringizni yaratishda aqldan ozishdan oldin, uning jamoada chayqalishi va kuchliligini bilish uchun dasturni yaratish uchun ajoyib vosita bo'lishi mumkin. Buning ajoyib namunasi @ howell's 52Network bo'lib, bu Bootstrap-ning buzilishi.
5. O'z taxminlaringizni sinab ko'ring
Ilovangizga biriktirilgan tahlilchilar va voqea tinglovchilarini oling. Bu sizning taxminlaringizni tomosha qilish va sinab ko'rish va foydalanuvchilar siz taxmin qilganingizdek harakat qiladimi yoki sizning UX-ni sozlash kerakmi yoki yo'qligini aniqlashga imkon beradi. Google Analytics yaxshi, lekin har bir foydalanuvchiga to'g'ri keladigan holatlarni kuzatadigan narsa yaxshiroq bo'lar edi. KISSmetrics bu sohada ajoyib vosita huni va konversiyani kuzatishdir.
Yana bir sog'lom variant - bu oddiy savollar bilan odamlar oldida oddiygina dizaynlaringizni qo'yishdir. Mening sevimli vositam - Zurb-dan VerifyApp.
6. Fikringizni oling yoki uyingizga qayting
Har qanday darajadagi prototiplash - bu sizning vositalaringizga kuchli qo'shimcha bo'lib, ko'pincha interaktiv veb va mobil maydonlarni loyihalashda mutlaqo zarurdir. Ammo prototip yaratish o'zi uchun maqsad emas. Sinab ko'rish uchun biz prototipni yaratamiz. Yaroqlilikni sinab ko'rish - bu san'at va fan, ammo biroz aql bilan ham amalga oshirilishi mumkin.
- Auditoriyangizga o'xshash odamlarni tanlang.
- Odamlarga saytdagi aniq harakatlarni emas, balki umumiy vazifalarni berish bilan ularni erkin boshqaring.
- Keng va foydali yozuvlarni yozib oling.
- Qayta ko'rib chiqing va qayta sinovdan o'tkazing.
7. Interaktiv va mobil aloqaga o'tish: shartnoma shartlarini bilish
Uzoq vaqt davomida veb-dizayner sifatida har doim o'zining oldingi kodini yozish odatiy holdir, keyin loyiha hajmi kattalashganda yoki kodlash qobiliyatimga mos keladigan darajada qattiqroq bo'lganda, men ishlab chiquvchilar bilan doimiy aloqada bo'lish uchun kodlash bilimimga tayanardim. loyiha. Bu har doim dizaynning ko'rinishini oxirigacha saqlab qolish uchun foydalidir.
Mobil veb, iOS va Android platformalarini loyihalashtirish ancha qiyin bo'lgan. Ushbu platformalar uchun yozish uchun zarur bo'lgan dasturlash tillarining to'sig'i, shubhasiz, HTML / CSS va JavaScript-ga qaraganda ancha murakkabroq. Dizayner uchun bu darajadagi vizual dizaynda ham, kodda ham ko'p qirrali bo'lish endi oqilona kutish emas.
Dizaynerga o'z asarlarini dizayner va ishlab chiquvchilar o'rtasida keng tarqalgan til yordamida tarjima qilishga katta ehtiyoj bor. Masalan, iOS uchun bu Apple o'zining Inson interfeysi bo'yicha ko'rsatmalarida keltirilgan nomenklaturani tushunishni anglatadi. Bundan tashqari, platformada mavjud bo'lgan cheklovlar va kuchlarni va ishlab chiquvchi platformaga qanday mos keladigan o'zaro ta'sir echimini ishlab chiqarishni istashi mumkinligini bilishni talab qiladi.
Aloqa dizayner va ishlab chiquvchilar munosabatlarining eng muhim vositasiga aylanadi. Mobil qurilmada qanday narsalarni amalga oshirish oson? Qanday narsalar juda qiyin (masalan, chiziq balandligi / mahalliy iOS ko'rinishlarida etakchi kabi)? Bu erda asosiy narsa shundaki, iOS yoki Android uchun ishlab chiqiladigan tizimlar zamonaviy veb-dizayn tizimlaridan sezilarli darajada farq qiladi.
Oxir oqibat, bu ikkala usta ham uni vizual yoki kod bilan ishlashdan qat'i nazar, dizaynlashtirilgan bo'lishi kerak. Bu ajoyib jamoalarni va ularning tuziga arziydigan mahsulotlarni yaratadigan aloqani yaratadi.
8. O'zingizning vositangizni biling
To'liq miqyosdagi veb-saytlar, mobil veb-saytlar, Android, iPhone, iPad va boshqa qurilmalarning har biri o'z muhitiga va madaniyatiga ega bo'lib, ular o'zaro ta'sirlar dizaynini ko'rib chiqishda ta'sir qiladi. Har bir platforma yoki qurilma dasturiy va madaniy jihatdan kiritilgan konventsiyalar mavjud, ular Internet tezligi, portativligi, teginish qobiliyati, yordam dasturi va o'ynashga bog'liq.
Agar siz o'zaro ta'sirni loyihalashtirishni xohlasangiz, boshqa dizaynerlar ishlarining uslublarini nusxalash bu kirishning munosib usuli emas. Tadqiqot uchun zarur vaqtni sarflang va foydalanuvchilar siz loyihalashtirayotgan vositani qanday jalb qilayotganini bilib oling va yuqorida aytib o'tganimdek, shunchaki tadqiqot yoki sezgi - sinov va prototipga tayanmang!
9. Hech qanday mahsulot tayyor emas
Yaqinda men byudjetga ega bo'lgan va uzoqni ko'ra oladigan mijozlar uchun loyihada bir marotaba to'lashimiz uchun ish ishlab chiqaradigan kichik veb-do'konni boshqarganman. Biz o'sha mijozlar uchun qila oladigan eng yaxshi narsa, yoki o'sha paytlarda men ularni eng yaxshi tadqiqotlar bilan boshlash va ishga tushirishdan oldin sinovdan o'tkazish, biz byudjetni olishimiz, ajoyib dizayn intuitividan foydalanishimiz, so'ngra katta ROIni boshlash va ibodat qilishimiz mumkin edi. .
Mahsulotlarni loyihalashtirishga kirishganimda, har kuni mahsulot hech qachon to'liq bo'lmasligini tushunaman. Har doim sinovlarni o'tkazish kerak, odamlar fikr-mulohaza olishlari, prototip va dizaynning yangi va yaxshiroq usullari.
Agar siz mahsulot guruhida bo'lmasangiz, mijozlaringizni ushbu vositalar bilan jalb qilish usullari hali ham mavjud. Ishga tushgandan keyin bir yil davomida har uch oyda mijozlaringiz bilan test jadvalini ko'rib chiqing. Mijozlaringiz bilan aniq maqsadlar qo'ying va keyin ushbu maqsadlarga erishish va ularning ROI-ni yaxshilash uchun sayt yoki mahsulotni sozlashda yordam bering. Daromadlarini oshirish imkoniyati berilganida, men buni ko'rib chiqmaydigan mijoz haqida o'ylay olmayman.
10. Siz kancadan emassiz
Agar siz o'zingizning saytlaringiz prototipni yaratishni yoki siz loyihalashtirayotgan platformalarni yanada aniqroq tushunishni talab qilmaydi, degan fikrdan yiroq bo'lsangiz, unda siz juda xato qilasiz. Internetdagi kontent dunyosi har tomonlama rivojlanmoqda. Bu statik sayt ustidan g'olib chiqadigan mobil, planshet va dinamik ravishda bepul va interaktiv tarkib bo'ladi.
