Բովանդակություն
- 1. Նախատիպավորումը կարևոր է
- 2. Հնարավոր է նախատիպավորել կոշիկի եզրին
- 3. Գործիքներ ՝ ձեր գործն ավելի հեշտ դարձնելու համար
- 4. Կառուցեք այն շրջանակի վրա
- 5. Ստուգեք ձեր ենթադրությունները
- 6. Ստացեք հետադարձ կապ կամ գնացեք տուն
- 7. Անցում դեպի ինտերակտիվ և բջջային. Իմանալ ներգրավվածության պայմանները
- 8. Իմացեք ձեր գործիքը
- 9. Ոչ մի ապրանք չի ավարտվել
- 10. Դուք որսալից չեք
Երկար ժամանակ վեբ ձևավորումը իսկապես նման էր տպման դասավորությանը: Կայքը կարող է լցված լինել տվյալների բազայից բնակեցված դինամիկ բովանդակությամբ, բայց ցանցի հիմնական տպագրական համակարգերը որոշում են կայքերի նախագծման ձևը: Մեր նավիգացիայի մեծ մասը հիմնված էր ֆիզիկական համակարգերի նմանեցման վրա, ինչպիսիք են պանակների ներդիրները կամ էջերը: Այս կոնվենցիաները մեզ թույլ տվեցին արագ կայքեր պատրաստել, և մենք բոլորս կարծես մտածում էինք, որ ամեն ինչ լավ է աշխատում, և դա, հավանաբար, մեծ մասամբ էր:
Վերջին մի քանի տարիների ընթացքում ամեն ինչ ավելի հետաքրքիր, բարդ և ինտերակտիվ է դարձել: Կայքի համեմատաբար փոքր ձևավորումներից մինչև բազմաշերտ ծրագրեր, ցանկացած ինտերակտիվ ձևավորում այժմ պահանջում է արագ փորձարկման, նախատիպավորման և վերափոխման նոր մակարդակ ՝ նախքան ամուր վերջնական արտադրանքը կառուցելը և գործարկելը: Դիզայների անհրաժեշտությունը լավ տիրապետել այն պլատֆորմի սահմանափակումներին և լիազորություններին, որի համար իրենք նախագծում են, երբեք ավելի կարևոր չի եղել: Սրանք նոր մարտահրավերներ են ցանկացած դիզայների համար, որը սուզվում է փոխազդեցության ջրերը, բայց հենց այստեղ է, որ ամեն ինչ զվարճանում է:
1. Նախատիպավորումը կարևոր է
Նախատիպավորումը տարբերակ չէ: Քանի որ Հեմինգուեյը հայտնի էր նրանով. «Anythingանկացած բանի առաջին նախագիծը կեղտ է»: Եթե փորձարկումը կամ նախատիպավորումը ձեր գործընթացի պաշտոնական մասը չէ, ապա ըստ էության ձեր վերջնական արտադրանքը նախատիպն է, և դա հավանաբար կեղտոտ է: Elամանակացույցներն ու բյուջեները կարող են սեղմել պարտադիր պայմանների խառնաշփոթը, հեղինակային իրավունքը և նախատիպը: Այդ դեպքում գտեք ամեն ինչ մասշտաբի ձև, որպեսզի կարողանաք որոշակի քանակությամբ փորձարկումներ և նախատիպեր պահել ձեր նախագծում: Ձեր հաճախորդը, ձեր թիմը կամ ձեր ներդրողները շնորհակալություն կհայտնեն ձեզ, երբ ներդրումների եկամտաբերությունն աճի:
Հիանալի վերադարձի հնարավորությունը արդյունք է ներքին, կրկնելու և կայքի կամ արտադրանքի անհրաժեշտ ու խելացի փոփոխություններ կատարելու `նախքան հանրությանը առաքում: Եթե դուք չեք նախատիպավորում անում, ապա ցույց եք տալիս, որ պատրաստ եք թույլ տալ ձեր հանդիսատեսին օգտագործել ձեր արտադրանքը, կարծես դա նախատիպ լինի ՝ փորձ, որը կարող է վնաս հասցնել ձեր ապրանքանիշին և երկարաժամկետ նպատակներին:
2. Հնարավոր է նախատիպավորել կոշիկի եզրին
Բյուջեն և ժամանակը միշտ սահմանափակում են, բայց եթե աշխատում եք կոշիկի վրա, դուք դեռ տարբերակներ ունեք: Գրիչի և թղթի ուրվագծերի պարզ նախատիպը, որին կհաջորդի լավ հարց ու պատասխանի ժամանակահատվածը, շատ կօգնեն ձեզ հասկանալ, թե ինչպես պետք է գործիքը մշակել ձեր լսարանի համար:
3. Գործիքներ ՝ ձեր գործն ավելի հեշտ դարձնելու համար
Նախատիպավորման համար հզոր բազմակողմանի և արդյունավետ գործիք է Արագ նախատիպավորումը. Մի բան, որ ես վերցրի Դեն Ռուբինից: Ստեղծեք հարթ տեսողական կոմպոզիցիաների (JPG կամ PNG) տեսակետներ, որոնք ցանկանում եք փորձարկել: Տեղադրեք այս տեսակետները որպես հետին պլան մարմին> տարր. Դրանից հետո դուք տեղադրում եք խարիսխի հղումներ ֆիքսված բարձրությամբ և լայնությամբ `դիզայնի գործողության գոտիների վրա` օգտագործելով բացարձակ դիրքեր:
Օգտատիրոջից խնդրեք կատարել որոշակի առաջադրանք ՝ «Գտիր գիրք, ավելացրու քո զամբյուղին, այնուհետև ստուգիր», ապա դիտիր, թե արդյոք նրանք կանե՞ն այն, ինչ դուք ակնկալում եք: Միակ վարքը, որը կցուցադրեն ցանկացած հղման տարածքներ, լռելյայն է ցուցիչ. ցուցիչ վրա :սավառնել, բայց դա բավական է, որպեսզի օգնի օգտվողին անցնել էջից էջ:
Այս տեխնիկայի արժեքն այն է, որ դուք կարող եք չափազանց արագ փոփոխություններ կատարել Photoshop փաստաթղթում և այն կրկին արտահանել որպես JPG, և նույնքան արագ փոփոխություններ կատարել նաև HTML- ի բացարձակապես տեղակայված հղումներին: Դա բավականին freaking արագ.
Պարոն Ռուբինի վերոնշյալ օրինակի նման, Invision App- ը ձեզ հնարավորություն է տալիս օգտագործել ցանկացած տիպի հավատարմության ձև հիմնական տուփերից և սլաքներից մինչև վերջ ծայրահեղ փիքսել-կատարյալ դասավորությունների միջոցով: Viewsրագիրը ձեզ տալիս է մաքուր և հստակ ինտերֆեյս ՝ այս տեսակետները վերբեռնելու, դրանք անվանելու, դրանք պատվիրելու համար, ապա նկարներ նկարելու և քարտեզագրելու ձեր վերբեռնած տեսակետներից որևէ մեկը: Ըստ էության, InVision- ը ձեր ձեռքից հանում է ինտերակտիվ կոդավորումը և ձեզ կազմակերպված տարածք է տրամադրում `նախադեպերի տեսակների տարբերակները հետևելու համար:
Համակարգի պարզությունը մեզ համար մեծ հաղթանակ էր Zaarly- ում, և մենք այն օգտագործում ենք պարբերաբար, մասնավորապես, մեր iPhone հավելվածի նախատիպերի ժամանակ: Մեզ համար հատկապես կարևոր է նախատիպավորել մեր բջջային պլատֆորմների համար: Նոր շուկայական պահանջարկի բնորոշ փոխազդեցությունները, որոնք մենք ուսումնասիրում ենք այն, ինչ առկա է iOS- ի կոնվենցիաների շրջանակներում, և որոշ դեպքերում ստեղծում են նոր փոխազդեցություններ: Մենք ի վիճակի ենք իրականում փորձարկել և մոդելավորել այդ փորձը մինչև ապրանքը կես միլիոն օգտագործողներ ուղարկելը, ինչը մեզ թույլ է տալիս շարունակել առաքումը հաճախ, բայց մեծ խնամքով:
InVision- ն ունի անվճար և վճարովի հաշիվներ ՝ ձեր պահանջներին համապատասխանելու համար, և նրանք միայնակ չեն բլոկում:
4. Կառուցեք այն շրջանակի վրա
Եթե ձեր գործիքը կամ ապրանքը բարդ է և կարող է ավելի լայնորեն կառուցվել, դուք իսկապես կարող եք մեծ վնաս հասցնել Sencha Touch- ի կամ ձեռքի սարքերի համար jQuery Mobile- ի կամ Twitter- ի Bootstrap- ի միջոցով ոստայնում: Դրանք իրականում կարող են հիանալի գործիքներ լինել ՝ ծրագիր ստեղծելու համար ՝ պարզապես տեսնելու համար, թե արդյոք այն հասարակության մեջ ցնցում և ուժ ունի, նախքան խենթանալը ՝ ստեղծելով ձեր սեփական HTML- ն ու ձևավորումը: Դրա հիանալի օրինակն է @ howell's 52Network- ը, որը հիանալի կերպով կօգտագործի Bootstrap- ը:
5. Ստուգեք ձեր ենթադրությունները
Ստացեք ձեր դիմումին կից վերլուծություններ և իրադարձությունների ունկնդիրներ: Սա թույլ է տալիս դիտել և ստուգել ձեր ենթադրությունները և տեսնել, արդյոք օգտվողները գործում են այնպես, ինչպես դուք կասկածում եք, կամ ձեր UX- ը ճշգրտման կարիք ունի: Google Analytics- ը լավ է, բայց ավելի լավ կլինի այն, ինչը հետևում է օգտագործողի դեպքերին յուրաքանչյուր օգտագործողի համար: KISSmetrics- ը հիանալի գործիքների ձագար և փոխակերպման հետևում է այս ոլորտում:
Մեկ այլ առողջ տարբերակ `պարզապես ձեր նմուշները պարզ հարցերով մարդկանց առջև դնելն է: Իմ սիրած գործիքը VerifyApp- ն է Zurb- ից:
6. Ստացեք հետադարձ կապ կամ գնացեք տուն
Levelանկացած մակարդակի նախատիպավորումը ձեր գործիքակազմի հզոր լրացումն է և հաճախ բացարձակ անհրաժեշտություն է ինտերակտիվ վեբ և բջջային տարածքների նախագծման համար: Բայց նախատիպավորումն ինքնանպատակ չէ: Մենք նախատիպում ենք փորձարկելու համար: Օգտագործելիության պատշաճ փորձարկումը արվեստ և գիտություն է, բայց կարող է կատարվել նաև մի փոքր առողջ բանականությամբ:
- Ընտրեք ձեր լսարանին նմանվող մարդկանց:
- Ազատորեն ուղղորդեք մարդկանց ՝ նրանց ընդհանուր առաջադրանքներ տալով, այլ ոչ թե կայքի հատուկ գործողություններով:
- Ընդարձակ և օգտակար գրառումներ կատարեք:
- Վերանայել և նորից փորձարկել:
7. Անցում դեպի ինտերակտիվ և բջջային. Իմանալ ներգրավվածության պայմանները
Որպես երկար ժամանակ վեբ դիզայներ, միշտ ստանդարտ պրակտիկա էր գրել իմ սեփական ճակատային ծածկագիրը, այնուհետև, երբ ծրագրի չափերը մեծանում էին կամ կոդավորումն ավելի կոշտ էր, քան կարող էր տեղավորվել իմ հմտությունների վրա, ես ապավինում էի իմ կոդավորման գիտելիքներին ՝ կայուն հաղորդակցություն պահպանելու մշակողների հետ նախագիծ Դա միշտ օգտակար էր մինչև վերջ դիզայնի տեսլականը անձեռնմխելի պահելու համար:
Բջջային վեբ, iOS և Android պլատֆորմների ձևավորումը շատ ավելի դժվար է եղել: Այս պլատֆորմների համար գրելու համար անհրաժեշտ ծրագրավորման լեզուների խոչընդոտը, անկասկած, զգալիորեն ավելի բարդ է, քան HTML / CSS և JavaScript: Դիզայների համար այլևս ողջամիտ ակնկալիք չէ այս մակարդակում թե՛ տեսողական ձևավորման, թե՛ ծածկագրերի բազմակողմանի լինելը:
Մեծ կարիք կա, որ դիզայները թարգմանի իրենց աշխատանքը `օգտագործելով լեզու, որը տարածված է դիզայների և մշակողի միջև: Օրինակ, iOS- ի համար սա նշանակում է հասկանալ այն նոմենկլատուրան, որը Apple- ը դրել է իրենց Մարդու միջերեսի ուղեցույցներում: Դա նաև ենթադրում է իմանալ պլատֆորմի համար մատչելի սահմանափակումներն ու լիազորությունները, և թե ինչպես է հավանաբար մշակողը կցանկանա մշակել փոխգործակցության լուծում, որը լավ տեղավորվում է պլատֆորմի մեջ:
Հաղորդակցությունը դառնում է դիզայներ-մշակող հարաբերությունների ամենակարևոր գործիքը: Ինչ բաներ հեշտ է իրականացնել բջջայինի միջոցով: Ո՞ր բաներն են շատ ավելի բարդ (օրինակ ՝ գծի բարձրությունը / առաջատարը, օրինակ, հայրենի iOS դիտումներում): Այստեղ հիմնականն այն է, որ iOS- ի կամ android- ի մշակման համակարգերը զգալիորեն տարբերվում են ժամանակակից վեբ ձևավորման համակարգերից:
Ի վերջո, երկուսն էլ այս արհեստավորները պետք է ունենան դիզայնի միտք ՝ անկախ այն բանից, թե դա տեսողականորեն է մշակվում, թե կոդավորված: Սա ստեղծում է մի կապ, որը ստեղծում է հիանալի թիմեր և ապրանքներ, որոնք արժեն իրենց աղը:
8. Իմացեք ձեր գործիքը
Ամբողջ մասշտաբով վեբը, բջջային ոստայնը, Android- ը, iPhone- ը, iPad- ը և այլ սարքեր ունեն յուրաքանչյուրն իր միջավայրն ու մշակույթը, որոնք ազդում են այն բանի վրա, թե ինչպես պետք է դիտարկել փոխազդեցության ձևավորումը: Կան պայմանագրեր, որ յուրաքանչյուր պլատֆորմ կամ սարք ներկրել է և՛ ծրագրային, և՛ մշակութային տեսանկյունից, որոնք կախված են ինտերնետի արագությունից, դյուրատարությունից, դիպչելու ունակությունից, օգտակարությունից և խաղից:
Եթե ձգտում եք փոխազդեցության դիզայնի վրա վերցնել, այլ դիզայներների աշխատանքի ոճերի պատճենումը մուտք գործելու արժանի միջոց չէ: Անհրաժեշտ ժամանակ հատկացրեք հետազոտությանը և իմանալու, թե ինչպես են օգտվողները ներգրավում ձեր կողմից նախագծվող գործիքը, և ինչպես ես վերը նշեցի, մի ապավինեք միայն հետազոտությանը կամ ինտուիցիային ՝ թեստին և նախատիպին:
9. Ոչ մի ապրանք չի ավարտվել
Վերջերս ես վարեցի մի փոքրիկ վեբ-խանութ, որն արտադրում էր աշխատանք հաճախորդների համար, ովքեր ունեին բյուջե և կանխատեսում ՝ վճարելու մեզ մեկ ծրագրի մեկ այցելության համար: Լավագույնը, ինչ կարող էինք անել այդ հաճախորդների համար, կամ, ինչպես ես ժամանակին մտածում էի, դա նրանց ներգրավելն էր լավագույն հետազոտության և նախնական մեկնարկի փորձարկման համար, որի համար կարող էինք բյուջե ձեռք բերել, օգտագործել հիանալի դիզայնային ինտուիցիա, ապա գործարկել և աղոթել մեծ ROI- ի համար: ,
Երբ ես սկսում եմ ձեռնամուխ լինել արտադրանքների նախագծմանը, ես ամեն օր ավելի շատ եմ հասկանում, որ ապրանքը երբեք ամբողջական չէ: Միշտ պետք է արվի փորձարկումներ, մարդիկ, որոնցից հետադարձ կապ կստանան, և նախատիպավորելու և նախագծելու նոր և ավելի լավ եղանակներ:
Եթե դուք արտադրանքի թիմում չեք, ձեր հաճախորդներին այս գործիքներով ներգրավելու եղանակներ դեռ կան: Մտածեք գործարկման պահից մեկ տարվա ընթացքում ձեր հաճախորդների հետ փորձարկման ժամանակացույցը հասցեագրելու մասին: Ձեր հաճախորդների հետ սահմանեք հատուկ նպատակներ, այնուհետև կօգնեք փոխել կայքը կամ արտադրանքը `այդ նպատակներին հասնելու և նրանց ROI- ի բարելավման համար: Հաշվի առնելով նրանց եկամուտներն ավելացնելու հնարավորությունը, ես չեմ կարող մտածել այնպիսի հաճախորդի մասին, որը դա չքննարկի:
10. Դուք որսալից չեք
Եթե դուք հեռու եք այն մտքից, որ ձեր կայքերը չեն պահանջում նախատիպավորում կամ ավելի խիստ ընկալում ձեր կողմից նախագծվող պլատֆորմների մասին, ապա սխալ եք սխալվում: Webանցում բովանդակության աշխարհը բազմակողմանի է: Դա կլինի բջջային, պլանշետային և դինամիկորեն անվճար և ինտերակտիվ բովանդակություն, որը շահում է ստատիկ կայքի նկատմամբ:
