Ինչպես արձագանքող վեբ դիզայնը կբարելավի օգտվողների փորձը բոլոր այցելուների համար
Մի պահ պահեք եւ մտածեք այն բոլոր սարքերի մասին, որոնք դուք ունեք, որոնք կարող են օգտագործվել դիտելու կայքեր: Եթե դուք նման մարդկանց նման եք, ապա այս ցուցակը վերջին մի քանի տարիների ընթացքում աճել է: Այն, հավանաբար, ներառում է ավանդական սարքեր, ինչպիսիք են աշխատասեղան եւ / կամ նոուտբուքի համակարգիչը, այն սարքերին, որոնք վերջին մի քանի տարիների ընթացքում հայտնվել են այնպիսի սարքերի, ինչպիսիք են սմարթֆոնները, հաբերերը, wearables, խաղային համակարգերը եւ այլն: Դուք նույնիսկ կարող եք ձեր տանը կամ ձեր մեքենայի էկրանին ապակյա սարքավորում ունենալ, որը թույլ է տալիս միանալ ինտերնետին: Ներքեւի տողն այն է, որ սարքի լանդշաֆտը ստանում է ավելի մեծ եւ ավելի բազմակողմանի ամբողջ ժամանակ, ինչը նշանակում է, որ այսօր վեբ կայքի զարգացումը (եւ ապագայում) պետք է կառուցվեն կայքերի պատասխանատու մոտեցմամբ եւ CSS մեդիա հարցումներով եւ պետք է հաշվի առնի, թե ինչպես մարդիկ հավանաբար համատեղելու են այս տարբեր սարքերը մեկ վեբ զննման փորձի մեջ:
Մուտքագրեք բազմաբնույթ սարքի օգտագործողը
Մի ճշմարտություն, որը մենք տեսել ենք, այն է, որ եթե մարդկանց տրվում են մի քանի տարբերակներ, վեբ մուտք գործելու համար, նրանք կօգտագործեն դրանք: Ոչ միայն այն մարդիկ, որոնք օգտագործում են բազմաթիվ տարբեր սարքեր, կայքի բովանդակության համար, սակայն նույն անձը նույն կայքում է այցելում այդ տարբեր սարքերի միջոցով: Սա այն դեպքն է, երբ «բազմաբնույթ» սարքի հայեցակարգը գալիս է:
Տիպիկ բազմաբնույթ սարքի սցենար
Մտածեք համացանցային փոխազդեցության մասին, որը շատերն ամեն օր փորձարկում են `անշարժ գույքի կայքեր այցելելով, նոր տան որոնման մեջ: Այս փորձը կարող է սկսվել աշխատասեղանի համակարգչից, որտեղ ինչ-որ մեկը մտել է այն, ինչ նրանք փնտրում են եւ գնահատում են այդ հարցմանը համապատասխանող տարբեր գույքի ցանկերը: Օրվա ընթացքում այս անձը կարող է նորից վերցնել հատուկ հատկություններ իրենց բջջային սարքի վրա, կամ նրանք կարող են ծանուցումներ ստանալ իրենց էլեկտրոնային նամակով (որը նրանք ստուգելու են իրենց բջջային սարքը) իրենց որոնման պարամետրերին համապատասխանող նոր ցանկերների համար: Նրանք նույնիսկ կարող էին այդ ահազանգերը ստանալ որպես wearable սարքի, ինչպես մի խելացի դիտող եւ վերանայել հիմնական տեղեկատվությունը այդ փոքրիկ էկրանին:
Այս գործընթացը կարող էր շարունակվել օրվա ընթացքում ավելի շատ այցելություններ կատարել կայքի տարբեր սեղանադիր համակարգչում, գուցե նրանց գրասենյակում: Այդ երեկո նրանք կարող են օգտագործել դեղահատ սարքը `ցուցադրելու այնպիսի ցանկերը, որոնք հատկապես հետաքրքրում են իրենց ընտանիքին` այդ հատկությունների վերաբերյալ իրենց կարծիքը ստանալու համար:
Այս սցենարում մեր կայքի հաճախորդը կարող է օգտագործել չորս կամ հինգ տարբեր սարքեր, որոնցից յուրաքանչյուրը շատ տարբեր էկրանի չափսերով, նույն կայքում այցելելու եւ նայելու նույն բովանդակությանը: Սա բազմաբնույթ սարքի օգտագործողն է, եւ եթե նրանք այցելում են կայք, չեն տեղավորվում բոլոր այս տարբեր էկրանների վրա, նրանք պարզապես հեռանում են եւ գտնում են մեկը:
Այլ սցենարներ
Անշարժ գույքի որոնումը միայն մեկ օրինակ է, որտեղ օգտագործողները կթողնեն սարքից մինչեւ սարքի իրենց կայքի ընդհանուր փորձի ընթացքում: Այլ օրինակներ են.
- Ավտոմեքենայի որոնում որոնելու համար
- Պլանավորում արձակուրդ
- Ընթերցանության հոդվածներ
- Տնային բարելավման գաղափարների ուսումնասիրություն
- Տեղական կապալառուների / ծառայությունների որոնում
- Հարսանեկան պլանավորում կամ այլ մեծ իրադարձություն
- Հետեւեք սպորտային թիմին կամ մարզական միջոցառմանը
Յուրաքանչյուր դեպքերում վեբ փորձը հավանական է, որ ձգվի մեկից ավելի նիստ, ինչը նշանակում է, որ հնարավորություն կա, որ օգտագործողը կօգտագործի տարբեր սարքեր, որոնց հիման վրա ցանկացած ժամանակ հարմար է նրանց համար:
Հետեւեք լավագույն փորձին
Եթե այսօրվա կայքերը պետք է սպասարկեն լսարան օգտագործող ավելի շատ բազմաբնույթ սարքեր, ապա կան որոշ հիմնարար սկզբունքներ եւ լավագույն փորձեր, որոնք պետք է հետեւեն, որպեսզի այդ կայքերը պատրաստ լինեն պատշաճ կերպով կարգավորեն այս այցելուները եւ նրանք լավ են գտնում որոնման համակարգերում :
- Պատասխանատու կայք - պատշաճ ձեւաչափ, որը կարող է հարմարվել եւ փոփոխվել տարբեր տեսակի չափերի համար, կարեւոր է համացանցային կապակցված տարբեր սարքերին մատչելի դարձնել այսօր:
- Բոլոր բովանդակությունը պետք է մատչելի լինի , եթե որեւէ մեկը կարող է մուտք գործել որոշակի բովանդակություն կամ առանձնահատկություններ, երբ նրանք այցելում են կայք մեկ սարքի վրա, նրանք ակնկալում են, որ դրանք մատչելի լինեն, երբ վերադառնան այլ սարքեր: Բովանդակությունը պետք է ներկայացվի այնպիսի եղանակով, որը հարմար է յուրաքանչյուր սարքի համար, սակայն որոշ սարքերի համար բովանդակությունը չպետք է «թաքնված» կամ «անջատված» լինի:
- Կարդացեքությունը բանալի է , անկախ նրանից, թե ինչպիսի սարքեր կամ ինչ չափի էկրան է օգտագործվում կայք այցելելու համար, այդ կայքի ընթերցանության հեշտությունը կարեւոր է: Սա նշանակում է, որ տպագրությունը կարեւոր դիզայնի տարր է: Եթե ինչ-որ մեկը դժվարությամբ է ընթերցում կայքի բովանդակությունը, նրանք, ամենայն հավանականությամբ, կմնան կայքից:
- Բազմազանության մեջ համահունչությունը , մինչդեռ յուրաքանչյուր տարբեր էկրանին ներկայացված դասավորությունը տարբերվում է, պետք է լինեն հետեւողականություն մի սարքից մյուսը: Ընդհանուր փորձը պետք է միացված լինի այնպես, որ օգտվողները չհրապարակեն այն ամենը, երբ նրանք այցելեն այն նոր էկրանին:
- Կատարելագործում է առաջնահերթություն. Կայքերն արագորեն պետք է բեռնեն եւ լավ աշխատեն բոլոր սարքերում, ներառյալ բջջային սարքերի պակաս, քան կատարյալ ներբեռնման արագությունները: Ընդհանուր կայքի աշխատանքը պետք է առաջնահերթ լինի կայքի դիզայնի եւ զարգացման բոլոր ասպեկտների վրա, ոչ ոք չի կարող ասել, որ կայքը շատ արագ է բեռնված կամ շատ լավ աշխատել:
Խմբագրվել է Ջերեմի Գիրարդը 1/26/17 թ .: