Touchscreens- ը տարբերվում է ստեղնաշարերից եւ մկներից
Բջջային սարքերի համար կայքերի նախագծման վաղ օրերին, հիմնականում մշակողները սկսեցին իրենց արտադրանքի առաջարկը: Նրանք թողարկել են լիարժեք ֆունկցիոնալ սեղանադիր տարբերակ եւ ապա «բջջային օպտիմիզացված» տարբերակ, որը հեռացրել է բրենդինգի եւ պատկերների զգալի մասը, տեղակայելու սահմանափակ հնարավորությունները եւ կոնֆետ-բար հեռախոսների եւ 3G անլար ցանցերի ցանցի արագությունը:
Ժամանակակից սմարթֆոնները, այնուամենայնիվ, կարող են վեբ էջեր մատուցել որպես գործնականորեն աշխատասեղանի համակարգիչներ, ցանցերի միջոցով, ավելի լավ կամ ավելի լավ, քան երեկվա DSL տողերը:
Դիզայն, ապա, վերադառնում է մեկ ինտերֆեյսի: Սակայն դիզայներների համար ռիսկը չէ, որ սմարթֆոնը կամ պլանշետը չի կարող ներկայացնել ժամանակակից պատասխանող կայք: Փոխարենը, այն է, որ սենսորային էկրանին օգտագործողի մուտքագրման եղանակը պահանջում է իմաստալից փոփոխություններ հիմք դիզայնի վրա: Այցելուները ենթադրող կայք կառուցելու օրերը ավարտված են ստեղնաշարի եւ մկնիկի վրա:
Հիմնական ստեղնաշարի նախագծման կանոններ
Սենսորային էկրանով տեղեկացված ինտերֆեյսի նախագծում պահանջում է անցյալի ավանդական մոնիտոր-մկնիկ-ստեղնաշարի մոտեցման զարգացում: Մասնավորապես, դուք պետք է տեղաբաշխեք ակցիաները, ժապավենները եւ բազմալեզու ներդիրները:
- Խտացնելը ճշգրիտ չէ: Եթե հաճախորդը դեռահասի մատները չունի, նույնիսկ շատ հստակ ծրագրային ապահովման վերահսկողությամբ, կարող է դժվար լինել թակել եւ ճշգրիտ լինել:
- Ակնարկները տարբեր են ժապավեններից: Երկար էջը սենսորային էկրանով անցնելու համար օգտվողը սահում է մեկ մատով բրաուզերի պատուհանը: Սա կարող է նշանակալից թվալ, քանի դեռ չեք հասկանում, որ մկնիկով դիտելը, մկնիկը շարժվում է :
- Երկու (եւ ավելի) մատը հպում է: Օգտագործողը սարքի վրա կարող է միաժամանակ օգտագործել բազմակի մատը: Այդ լրացուցիչ ժապավենները կարող են նշանակություն ունենալ, կախված օգտագործողի սարքի օպերացիոն համակարգից:
- Բարձր լարման սարքեր: Շատ touchscreen պլանշետների էկրանները պատրաստված են կայուն ապակուց: Այս նյութը կարող է շատ դժվար է կարդալ միջոցով, շատ շողալով, վառ պայծառ իրավիճակներում: Ընդ որում, բոլոր հուզիչ հատկանիշներով նրանք ստանում են մատնահետքեր եւ լույսեր, որոնք կարող են ազդել ձեր էջերի տեսքից:
- Էկրանի ստեղնաշար: Թեեւ որոշ օգտվողներ ունեն անլար ստեղնաշար, որը միանում է իր հաբերին, շատ պլանշետային օգտագործողներն օգտագործում են տվյալների մուտքագրման համար էկրանի ստեղնաշար: OSK- ի մուտքը կարող է հանգեցնել որոշ զվարճալի տառատեսակների, ինչպես նաեւ անհարմար լինել երկար ժամանակ օգտագործելու համար:
Սարքի այս հատկանիշների պատճառով, վեբ դիզայներները պետք է ընդգծեն մի քանի հիմնական դիզայնի կանոններ սենսորային էկրան օգտագործողների համար.
- Մի հպեք կտտացրեք տարրերը: Չկա դժվար եւ արագ կանոն, որը սահմանում է, թե որքան մոտ է շատ մոտ, բայց հղումների ցանկը, հատկապես փոքր տառատեսակով, կարող է դժվար նավարկվել, ճարպ մատով սեղմելով (թակել): Այն կարող է լինել անհանգստացնող, որպեսզի ընդլայնել ընդամենը փորձել եւ սեղմել հղումը: Այս սկզբունքը ճիշտ է կոճակների եւ հղումների համար:
- Հիերարխները կարող են դժվար լինել բաց պահել: Դինամիկ ընտրացանկերից մեկի ձեւաչափը օգտագործում է JavaScript- ը, երբ օգտագործողը կտտացնում է, իսկ այնուհետեւ սեղմում է մկնիկը ներքեւում: Այս երկրները կարող են լինել շատ դժվար կամ անհնար է օգտվել touchscreens, քանի որ նրանք կամ բաց չեն մնացել կամ չեն փակել:
- Տեղափոխեք հղումները եւ կտտացրեք տարածքները պատուհանի աջ եզրից: Մարդկանց մեծ մասը ճիշտ է եւ հակված է ոլորել էկրանի այդ կողմը: Քանի որ գույնը կատարվում է ժեստի միջոցով, ապա երբեմն հնարավոր է սխալմամբ հղկել սկավառակը: Օգտագործողները կարող են անհանգստացնել, եթե ուզում են ոլորել էջում եւ փոխարենը պատահաբար բղավելով հղումը: Անջատելով ձեր հղումները դեպի աջ կողմը, կարող եք օգնել նրանց խուսափել այս անհարմարությունից:
- Մկնիկ չկա: Եվ սա նշանակում է, որ մկնիկի ցուցիչ չկա : Դուք չպետք է ապավինեք մկնիկի ցուցիչին, որն օգնում է ցույց տալ, որ ինչ-որ բան սեղմելի է:
- Հովեր պետությունները գոյություն չունեն: Որպես վերոնշյալ վերլուծություն, քանի որ չկա մկնիկ, չկա ոչ մի դրսեւորում: Մի հղումը կամ սեղմված (tapped) կամ ոչ թե touchscreen սարքի վրա, այնպես որ օգտվողները չեն կարողանում նման սավառնելի պետություններից որեւէ օգտակար տեղեկատվություն ստանալ որպես գունային փոփոխություններ, գործիքի խորհուրդներ կամ կարգավիճակի փոփոխություններ:
- Սեւ ծագումը բարձրացնում է շողալը: Սեւ ֆոնի վրա գտնվող կայքը կարող է շատ դժվար է կարդալ սենսորային սարքի վրա `շողալով: Սեւը սարքերում մատնահետքերը դարձնում է ավելի հստակ, բծերկրանի էկրանը: Եվ սեւը կարող է էկրանը վերածել հայելու մեջ, որն արտացոլում է օգտվողներին հաճախ ավելի շատ դեմքը, քան էկրանի տեքստը:
- Բառերի երկար տեքստերը դժվար է գրել: Թեեւ կարելի է գրել ամբողջ վեպերը iPad- ի կամ Android- ի կամ Windows- ի պլանշետի վրա, սակայն մարդկանց մեծամասնությունը տեքստի երկար հեռավորության վրա էկրանի ստեղնաշարի օգտագործումը չի սիրում: Որքան ավելի շատ ձեր դիզայնը կարող է հնարավորինս կարճ եւ հեշտ դարձնել տվյալների մուտքը, այնքան լավ:
Նպատակակետային էկրանների նախագծման ամենակարեւոր առարկան ` ձեր էջերը փորձարկող սարքի վրա փորձարկելն է : Չնայած շատ iPad եւ Android emulators հասանելի են, եւ շատ Windows հաբեր, նրանք դեռեւս չեն ապահովում զգայունության էկրանին: Չեք կարող ասել, որ հղումները չափազանց մոտ են, կամ այդ կոճակները չափազանց փոքր են, կամ, որ շողալը էջը չափազանց դժվար է դարձնում, եթե դուք դուրս չեկաք դեղահատ եւ փորձեք դրանք դուրս գալ ձեր նոր կայքի դիզայնը: