Վեբ էջերը, որոնք օպտիմիզացված են շարժական սարքերում օգտագործելու համար, տարբերվում են աշխատասեղանի և դյուրակիր համակարգիչների վրա հայտնվածներից: Վերջիններս նախատեսված են մեծ էկրանների և մկնիկի ճշգրիտ կտտոցների համար, մինչդեռ բջջային վեբ էջերը չափված են փոքր էկրանների և մատների անճշտության համար:
- Նախատեսված է ավելի փոքր էկրանների և մատով ոչ ճշգրիտ թակելու համար:
- Նախատեսված է մեծ էկրանների համար՝ մկնիկի ճշգրիտ սեղմումով:
Հաշվի առնելով, որ կայք այցելությունների մեծ մասը գալիս է շարժական սարքերից, կայքի դիզայներներին հանձնարարված է տրամադրել տարբերակներ, որոնք աշխատում են ինչպես շարժական սարքերի, այնպես էլ աշխատասեղանի համակարգիչների հետ:Ամենատարածված մոտեցումը ռեսպոնսիվ վեբ դիզայնի օգտագործումն է, որն ավտոմատ կերպով տրամադրում է համապատասխան տարբերակը՝ հիմնվելով օգտատիրոջ սարքի և էկրանի չափի վրա, ինչպես հայտնաբերվում է բրաուզերի կողմից:
Ամեն դեպքում, շարժական սարքերի համար հարմար վեբ էջերը մի շարք առումներով տարբերվում են աշխատասեղանի տարբերակներից:
Էջի ձևավորում. բջջային էկրաններն ավելի քիչ տեղ ունեն
- Սմարթֆոնների և պլանշետների էկրանները անկյունագծով ունեն 4-ից 10 դյույմ:
-
Ծալվող կամ ընդարձակվող ընտրացանկի վիջեթները սովորաբար փոխարինում են կողագոտիները և մեծածավալ վերնագրերի ընտրացանկերը:
- Լրիվ լայնությամբ գրաֆիկա՝ տեքստի միջև տարածության օրինական օգտագործմամբ:
- Սեղանի մոնիտորների մեծ մասը չափում է 19 դյույմից մինչև 24 դյույմ անկյունագծով:
- Հովանավորվող հղումները և մեծ գովազդային ազդերը ավելի տարածված են:
- Ավելի խիտ տեքստ՝ ավելի մեծ հնարավորություններով գրաֆիկայի համար:
Սեղանի և շարժական վեբ էջերի միջև ամենաակնհայտ տարբերությունը էկրանի անշարժ գույքն է: Թեև աշխատասեղանի մոնիտորների մեծ մասը չափում է առնվազն 19 դյույմից մինչև 24 դյույմ անկյունագծով, պլանշետները սովորաբար մոտ 10 դյույմ են: Սմարթֆոնները գտնվում են մոտ 4 դյույմ անկյունագծով: Պարզապես մեծացնելը հաջողությամբ չի փոխակերպում վեբ էջը շարժական սարքերի համար հարմար տարբերակի, քանի որ այն դարձնում է տեքստը անընթեռնելի և կայքի այցելուից լրացուցիչ քայլ է պահանջում: Նաև փոքր տարրերի վրա ճշգրիտ հպումը անհնար է դառնում:
Խնդիրը շտկելու համար դիզայներները կարող են հեռացնել կողագոտերն ու գրաֆիկան, որոնք խիստ անհրաժեշտ չեն: Փոխարենը, նրանք օգտագործում են ավելի փոքր գրաֆիկա, մեծացնում են տառաչափերը և բովանդակությունը փլուզում են ընդարձակվող վիդջեթների մեջ: Անշարժ գույքի այս սահմանափակումը վեբ դիզայներների մոտ բոլորովին այլ մտածելակերպ է առաջացրել:
Նաև, մենյուի ծալվող կամ ընդարձակվող վիջեթները սովորաբար փոխարինում են կողագոտին և մեծածավալ վերնագրերի ընտրացանկերը: Էկրանի յուրաքանչյուր միլիմետր տարածքը հաշվի առնելու ձգտումով դիզայներները հեռացնում են ավելորդ սպիտակ տարածությունը՝ միաժամանակ ուշադիր հետևելով ընթերցանությանը:
Հովանավորվող հղումների ամբոխը և մեծ բաններային գովազդները պարզապես չեն աշխատում հեռախոսի կամ փոքր պլանշետի վրա: Փոխարենը, փոքր թռուցիկ գովազդներն ավելի տարածված են բջջային վեբ էջերում:
Դասավորությունները, որոնք պարունակում են գրաֆիկայի շուրջ փաթաթված տեքստ, լավ չեն խաղում շարժական սարքերում: Փոխարենը, դիզայներները հաճախ այդ գրաֆիկներին տալիս են էկրանի ամբողջ լայնությունը և տեքստը վարում ներքևում կամ վերևում: Նմանապես, լավ վեբ դիզայնը ընթեռնելիության համար տեքստը բաժանում է կտորների. ոչ ոք չի ցանկանում կարդալ տեքստի ամուր պատերը: Սա ավելի կարևոր է դառնում փոքր էկրանների վրա: Սպիտակ տարածության խելամիտ օգտագործումը շատ կարևոր է:
Էջի կառավարում. Desktop Precision vs Mobile Blobs
-
Հպման մեծ տարածքներ կամ թեժ կետեր ավելի ճշգրիտ նավարկության համար:
- Տարբեր URL. ավելացնում է «m» տառը: Հաճախ կայքի աշխատասեղանի տարբերակը դիտելու տարբերակ:
- Մուտքի հավատարմագրերը հաճախ ունեն հատուկ տարածք, երբեմն՝ մատնահետքերի հասանելիությամբ:
- Ավելի ճշգրիտ կուրսորի վրա հիմնված հղումներ և կոճակ:
Ի տարբերություն ձեր աշխատասեղանի վրա տեղադրված մկնիկի ճշգրիտ ցուցիչի, մարդու մատը բլիթ է, և կտկտոցը պահանջում է մեծ թիրախներ էկրանին հիպերհղումների համար: Շարժական սարքերի համար հարմար կայքերն առաջարկում են դիպչելու մեծ տարածքներ (կամ թեժ կետեր)՝ ճշգրիտ նավիգացիան հեշտացնելու համար:
Շարժական համար հարմար վեբ էջերը սովորաբար ներառում են նաև m տառը իրենց հասցեներում; օրինակ՝ Facebook-ի բջջային հասցեն է՝ m.facebook.com: Բջջային URL-ը սովորաբար ընտրվում է ձեզ համար ավտոմատ կերպով, երբ դուք ճամփորդում եք բջջային պլանշետով կամ սմարթֆոնով: Որոշ դեպքերում դուք կտեսնեք հպվող հղում, որը թույլ է տալիս անցնել էջի սովորական աշխատասեղանի տարբերակին:
Մուտքի և գաղտնաբառի դաշտերը, որոնք նախատեսված են աշխատասեղանի և դյուրակիր համակարգիչների համար, դառնում են փոքր և անօգտագործելի հեռախոսի վրա, ուստի վեբ հրատարակիչները դրանք ավելի մեծացնում են՝ երբեմն նրանց տալով իրենց սեփական էջերը՝ հեշտ օգտագործման համար:Մատնահետքով կամ մեկ այլ հաշվի միջոցով մուտք գործելը, օրինակ՝ Google-ը կամ Facebook-ը, գնալով ավելի տարածված է դառնում, երբ զարգանում են սարքերի և ծառայությունների հնարավորությունները:
Ինչու՞ է դա կարևոր:
Բջջային վեբ էջերը նախատեսված են ձեռքի սարքերի համար և միանգամայն տարբերվում են սեղանադիր ընթերցման համար ստեղծված էջերից: Թեև դուք սովորաբար կարող եք դիտել վեբ էջի աշխատասեղանի տարբերակը շարժական սարքում և հակառակը, դրանք այլ կերպ են նախագծված՝ բովանդակությունը դիտելը, կարդալը և նավարկելը հեշտացնելու համար:
