10 բան, որ յուրաքանչյուր դիզայներ պետք է իմանա ձևերի մասին

Բովանդակություն

• 1. Մի նշեք պարտադիր դաշտերը
• 2. Մի օգտագործեք մանողներ
• 3. Ունեցեք միայն մեկ տեսակի կոճակ կամ ավելի ճիշտ, միայն մեկ կոճակ յուրաքանչյուր ձևի համար
• 4. Բեկորային դաշտեր
• 5. Մտածեք, թե ինչու եք ինչ-որ բան հարցնում և ինչպես է այն զգում օգտվողին
• 6. atesամկետները փխրուն փոքրիկ ֆելլաներ են
• 7. Ձևավորում է որպես մշակող արհեստ
• 8. Մի օգտագործեք սյունակներ ձևաթղթերում
• 9. Երբ մի օգտագործեք, մի օգտագործեք երկու դաշտ
• 10. Եղիր հաճելի

Ձևեր, ոչինչ չկա, որ շատ դիզայներներ ավելի շատ ատեն, քան ձևերը: Դրանք պարտադիր չէ, որ դուրս բերեն ստեղծագործությունը, թե՞ ոչ: Գուցե ժամանակն է, որ մենք նորից նայենք ձևերը և հասկանանք, որ ձևը, ամենաառաջնայինը, խոսակցություն է օգտագործողի և ծրագրաշարի միջև:

Մոռացեք կետը և կտտացրեք, ձևերը ներկայացնում են ամենահարուստ փոխազդեցությունը, որին մենք բախվելու ենք որպես թվային դիզայներներ: Հաջորդ անգամ, երբ մի ձև կգա ձեր ճանապարհին, մի կարծեք, որ դա պարզապես CSS- ի որոշ էֆեկտների կիրառման կամ գեղեցիկ jQuery ծաղկման ավելացման խնդիր է: Ձևերի ձևավորումը շատ ավելի խորն է:

Ես օգտատիրոջ կողմից փորձարկվել են հարյուրավոր ձևեր և մշակել մի շարք բարդ ձևեր ապահովագրական ընկերությունների, արձակուրդների ամրագրման փոխազդեցությունների և այլնի համար: Հնարավոր է, որ դուք օգտագործել եք իմ ձևերից մեկը վերջին մի քանի ամիսների ընթացքում:

Ահա այն դասերը, որոնք կցանկանայի սովորել նախքան ձևեր մշակելը սկսելը:

1. Մի նշեք պարտադիր դաշտերը

Դուք գիտե՞ք փոքրիկ աստղանիշը, որը նշանակում է պարտադիր դաշտ: Ես տեսել եմ, որ շատ անգամներ ձախողվում են օգտվողների փորձարկումներում: Որպես հասկացություն, պարտադիր դաշտերը շատ իմաստ չունեն, դրանք անցանց համարժեք չունեն: Դրանք հիանալի են մշակողների համար, քանի որ առաջարկում են ավարտման գեղեցիկ և սև մոտեցում: Աստղանիշը և պարտադիր դաշտը ձախողվում են, քանի որ դա սովորած վարք է: Օգտատերերի փորձարկման ընթացքում տեսածս սովորական վարքագիծն է, որ օգտվողը վերևում լրացնի ձևը և ավարտի կամ այն ​​ժամանակ, երբ ինչ-որ բան կասեցնելու բան կա, կամ նրանք կոճակ են խփում:

Լուծումը պարզ է, նշեք ընտրովի դաշտերը, նշեք այն վայրը, որտեղ մեր հաճելի օգտվողը պետք է կանգ առնի և մտածի, եթե անհրաժեշտ է լրացնել այդ դաշտը:

2. Մի օգտագործեք մանողներ

HTML5- ը փայլուն է, այնպես չէ՞: Այն առաջարկում է բազմաթիվ հետաքրքիր և նոր փայլուն գործիքներ, որոնց հետ խաղալու համար: Մենք պետք է մտածենք մեր նոր խաղալիքների նպատակահարմարության մասին: Թվերի դաշտը այժմ ներառում է փոքր և ներքև սլաքներ, որպեսզի օգտագործողը թույլ տա շրջել թվերի միջով:

Այստեղ երկու խնդիր կա. Նախ ՝ սլաքների կանխադրված զննարկիչի ցուցադրումը նրանց իսկապես փոքր է դարձնում: Շատ դժվար է սեղմել, և մեր մեջ եղած ճարպը պատրաստվում է պայքարել iPhone- ի վրա: Այն կոչվում է Fitt’s Law, որքան փոքր ինչ-որ բան ավելի դժվար է սեղմել դրա վրա:

Բայց ես լսում եմ, թե ինչպես եք բղավում, դուք կարող եք պարզապես մուտքագրել համարը անմիջապես համարի դաշտում: Այո, կարող եք, բայց եկեք դիտենք զննարկիչի ցուցադրումը, պտտվող վեր կամ վար սլաքները հիշեցնում են մեր վստահելի ընկերոջ ընտրված վանդակը: Առաջին անգամ մանող ներկայացված օգտվողը մտադիր է ենթադրել, քանի որ այն հիշեցնում է ընտրված տուփ, որ իրենք չեն կարող մուտքագրել այն:

Իմ խորհուրդն այն է, որ հստակ կողմնորոշվեն, մինչև դրանք դառնան ավելի տարածված վայր, կամ զննարկիչների մշակողները տեսակավորեն կանխադրված դիզայնը:

3. Ունեցեք միայն մեկ տեսակի կոճակ կամ ավելի ճիշտ, միայն մեկ կոճակ յուրաքանչյուր ձևի համար

Կա մի փոքր հայտնի հոգեբանության սկզբունք, որը կոչվում է Հիկի օրենք: Hick’s Law- ը նշում է, որ որքան շատ տարբերակներ են մեզ առաջարկվում, այնքան դժվար է ընտրություն կատարել: Ես գիտեմ ոչ թե հրթիռային գիտություն, այլ մի կանոն, որն արժե հիշել:

Կարող եք օգնել ձեր հաճելի օգտագործողին ՝ օգնելով նրան ընտրություն կատարել: Բոլոր հիմնական կոճակները մեկ գույն դարձնելով, և յուրաքանչյուր էջում դրանցից միայն մեկը ունենալը հեշտացնում է ընտրությունը: Ո՞րն է այն կոճակը, որին պետք է հարվածեմ: Օ,, հեշտ է, դա մեծ գունավորն է:

4. Բեկորային դաշտեր

Ես նախորդ կյանքում ուսումնասիրել եմ նյարդաբանությունը և ուսումնասիրել հիշողության հոգեբանությունը, մասնավորապես կարճաժամկետ կամ աշխատանքային հիշողությունը: Հիմա դեռ չասես դա; ոչ, կարճաժամկետ հիշողության հզորությունը 7 +/- 2, 4 +/- 1 չէ, կամ մարդու խոսքում `երեքից հինգ կտոր: Մենք ՝ որպես մարդիկ, հիանալի ենք գնահատում տեսողական խթանները, սահմանափակումն այն է, որ մենք ավելի լավն ենք, երբ թիվն ավելի փոքր է: Ձևաթուղթը փոքր խմբերի մեջ դնելը հեշտացնում է գնահատումը, քանի որ հաճախ այն, ինչ օգտագործողը պետք է մուտքագրի ձևը, գալիս է նրանց հիշողությունից:

Համոզվեք, որ դաշտերի ձեր խմբերի երկարությունը մոտավորապես չորսն է:

5. Մտածեք, թե ինչու եք ինչ-որ բան հարցնում և ինչպես է այն զգում օգտվողին

Սա երևի ամենաուղղակի խորհուրդն է, որը ես տալիս եմ, բայց հաճախ այն ամենաքիչն է օգտագործվում:

Եկեք վերցնենք հետևյալը.

Հարց տվեք ձեր տված յուրաքանչյուր հարցին: Անհրաժեշտ է Ինչպե՞ս է զգացվում, որ հարցնում են սա:

Ավելի հաճախ, գործնականում անհրաժեշտ է հարց տալ, և մենք ՝ որպես դիզայներներ, կարող ենք վիճել անհրաժեշտության շուրջ, մինչև դեմքի կապույտ չլինենք: Հարցը պետք է տրվի: Հասկանալով այս տվյալների բիզնեսի կարիքը, մենք հաճախ կարող ենք փոխզիջման գնալ:

Մենք կարող ենք օգնել ՝ ասելով մեր հաճելի օգտագործողին, թե ինչու է պետք այդ հարցը տալ: Հանգստացեք այդ տվյալների օգտագործման և տարածման մասին և, ընդհանուր առմամբ, լավ եղեք:

Կրկին վերցնելով մեր օրինակը.

Դեռևս դժվար հարց է, բայց հուսով եմ, որ մենք քաղցրացրել ենք հաբը:

6. atesամկետները փխրուն փոքրիկ ֆելլաներ են

Ամսաթվերի մուտքագրումը կարող է իսկական մարտահրավեր լինել, և այնտեղ մի քանի որոգայթ կարող եք խուսափել: Միակ ամենամեծ խնդիրը սխալների հետ գործ ունենալն է:

Օրացույցը գործարկելը ամենահեշտ մոտեցումն է: Հարկ է նշել, որ շաբաթները սկսվում են երկուշաբթի օրը Մեծ Բրիտանիայում և կիրակի ԱՄՆ-ում: Եթե ​​ձեր օգտվողը կենտրոնացած չէ, նա կարող է լավ ընտրել կիրակի, երբ դրանք նշանակում են երկուշաբթի:

Արժե նաև նշել ամսաթվի միջազգային ձևաչափերը: ԱՄՆ-ը ամիսն է առաջինը, Japanապոնիայում ՝ առաջին տարին: Այսպիսով, 4/5/12-ի նման ամսաթիվը կարելի է մեկնաբանել երեք եղանակով:

Այդ պատճառով ամենալավն է օգտագործել ընտրված տուփերը:

7. Ձևավորում է որպես մշակող արհեստ

Ձևաթղթերը արհեստ են ինչպես մշակողների, այնպես էլ դիզայներների համար: Հասկանալը, թե հնարավոր սխալներ կարող են թույլ տրվել տվյալների մուտքագրման ժամանակ և ձեր հետնիշի կոդն նախագծելիս `դա հաղթահարելու համար մարտահրավեր է:

Ահա մի պարզ: Մուտքագրելով արժույթի արժեք: Հնարավոր սխալները, որոնք օգտվողը կարող է թույլ տալ, հսկայական են: Տվյալների ձևաչափերի պարտադրումը, որոնք պետք է կատարեն օգտվողները, հիասթափեցնող է ձեր օգտվողի համար և, եկեք ընդունենք, մի փոքր ծույլ է մշակողների կողմից:

Ավելի լավ մարտահրավեր մշակողի համար, քան փամփուշտի դեմ ձևաթուղթ կառուցելն է:

8. Մի օգտագործեք սյունակներ ձևաթղթերում

Ձևաթղթերում սյուններ օգտագործելու մեծ խնդիրը հոսքն է: Մենք վերևից սկսում ենք ձև և ավարտում ներքևում: Սյուններ ներմուծելիս ձևի հոսքը կարող է կոտրվել:

Մի՛ ենթադրեք օգտվողների ներդիրը ձևերի միջով և հետևաբար կենտրոնացումը սյունակներում ձևեր նետելու միջոց է: Հազվագյուտ է, որ ես դա տեսել եմ օգտագործողի փորձարկման ժամանակ: Theամանակի մեծ մասը, երբ մենք տեսնում ենք, որ մանրամասներ են մուտքագրում, մկնիկով / trackpad / մատով կտտացրեք հաջորդ դաշտին, ապա մանրամասներ մուտքագրեք և այլն:

9. Երբ մի օգտագործեք, մի օգտագործեք երկու դաշտ

Մարդկանց մեծ մասը հպման մեքենագրիչ չէ: Օգտագործողների փորձարկումներում մենք տեսնում ենք, թե ինչպես են մարդիկ մուտքագրում ստեղնաշարը տպելիս:

Ձևի դաշտը բաժանող հեռախոսահամար մուտքագրելիս ասեք, որ ավելացրեք տարածքային կոդ և համար, իրական խնդիրներ է առաջացնում: Օգտագործողները չեն տեսնում կամ իսկապես չեն հիշում, որ կան երկու դաշտ, այնպես որ առաջին դաշտում մուտքագրեք ամբողջ թիվը, ավելի վատ, եթե դաշտը սահմանափակվում է որոշակի թվով նիշերով:

Հեռախոսահամարի համար օգտագործեք ընդամենը մեկ դաշտ, նույնը վերաբերում է տան համարին / փողոցին. Օգտագործեք տեքստի մուտքագրման ընդամենը մեկ տուփ:

10. Եղիր հաճելի

Դուք կզարմանաք, թե որքան շատ կոպիտ սխալ հաղորդագրություններ կան այնտեղ:

Ահա մի օրինակ, որը ես հանդիպեցի վերջերս:

Հենց այն փաստը, որ նրանք հուշում են, որ ապագայում դուք պատրաստակամորեն ժամադրություն եք նշելու, իսկ հետո բավականին դեմքով պատասխան, լավ, դա այնքան էլ հաճելի չէ:

Կրկին ինքներդ ձեզ դրեք օգտագործողի տեղը, ինչպե՞ս կզգաք, տեսնելով այս սխալը: Anայրացա՞ծ եք: Գուցե նույնիսկ ավելի վատ: Լավ լինելը հեշտ է:

Ես պատրաստել եմ ներբեռնվող օրորոցի / խաբելու թերթ, որը կօգնի ձեզ ավելի լավ ձևեր մշակել: Այն ներառում է ավելի լավ ձևեր մշակելու լավագույն փորձի շատ այլ ձևեր: