Мобильдік құрылғыларда пайдалану үшін оңтайландырылған веб-беттер жұмыс үстелі және ноутбук компьютерлерінде көрсетілетіндерден ерекшеленеді. Соңғылары үлкен экрандар мен тінтуірді дәл басу үшін жасалған, ал мобильді веб-беттер кішірек экрандар мен дәл емес саусақпен түртуге арналған.
- Кішкене экрандар мен дәл емес саусақ түртуге арналған.
- Тінтуірді дәл басу арқылы үлкен экрандарға арналған.
Веб-сайтқа кірудің көпшілігі мобильді құрылғылардан келетінін ескере отырып, сайт дизайнерлеріне мобильді құрылғылармен де, жұмыс үстелі компьютерлерімен де жұмыс істейтін нұсқаларды ұсыну міндеті жүктеледі. Ең көп таралған әдіс - браузер анықтағандай, пайдаланушы құрылғысы мен экран өлшеміне негізделген дұрыс нұсқаны автоматты түрде жеткізетін жауап беретін веб-дизайнды пайдалану.
Қандай жағдайда да мобильді веб-беттер жұмыс үстелі нұсқаларынан бірнеше жолмен ерекшеленеді.
Бет дизайны: мобильді экрандарда орын аз
- Смартфон мен планшет дисплейлері диагональ бойынша 4-10 дюймді құрайды.
- Жиналатын немесе кеңейтілетін мәзір виджеттері әдетте бүйірлік тақталар мен көлемді тақырып мәзірлерін ауыстырады.
-
Мәтін арасындағы бос орынды соттық мақсатта пайдаланатын толық ені бар графика.
- Үстел үсті мониторларының көпшілігі диагональ бойынша 19-24 дюймді өлшейді.
- Демеуші сілтемелер мен үлкен баннерлік жарнамалар жиі кездеседі.
- Графикаға көбірек мүмкіндік беретін тығыз мәтін.
Үстелдік және мобильді веб-беттер арасындағы ең айқын айырмашылық - экрандағы жылжымайтын мүлік. Көптеген жұмыс үстелі мониторлары диагональ бойынша кемінде 19 дюймден 24 дюймге дейін өлшенсе, планшеттер әдетте шамамен 10 дюймді құрайды. Смартфондар диагональ бойынша шамамен 4 дюймді құрайды. Жай кішірейту веб-бетті мобильді нұсқаға сәтті түрлендірмейді, себебі ол мәтінді оқылмайтын етеді және сайтқа кірушіден қосымша қадамды талап етеді. Сондай-ақ, ұсақ элементтерді дәл түрту мүмкін болмайды.
Мәселені шешу үшін дизайнерлер қажет емес бүйірлік тақталар мен графикаларды жоюы мүмкін. Оның орнына олар кішірек графиканы пайдаланады, қаріп өлшемдерін ұлғайтады және мазмұнды кеңейтілетін виджеттерге жинайды. Бұл жылжымайтын мүлік шектеуі веб-дизайнерлердің мүлдем басқаша ойлауын тудырды.
Сонымен қатар жиналатын немесе кеңейтілетін мәзір виджеттері әдетте бүйірлік тақталар мен көлемді тақырып мәзірлерін ауыстырады. Дизайнерлер экран кеңістігінің әрбір миллиметрін санауға тырысқанда, оқу мүмкіндігін мұқият қадағалап, артық бос орынды жояды.
Демеуші сілтемелер мен үлкен баннерлік жарнамалар телефонда немесе шағын планшетте жұмыс істемейді. Оның орнына шағын қалқымалы жарнамалар мобильді веб-беттерде жиі кездеседі.
Графикке оралған мәтіні бар макеттер мобильді құрылғыларда жақсы жұмыс істемейді. Оның орнына, дизайнерлер көбінесе бұл графикаға экранның толық енін береді және мәтінді астындағы немесе үстінде іске қосады. Сол сияқты, жақсы веб-дизайн мәтінді оқуға ыңғайлы болу үшін бөліктерге бөледі; ешкім мәтіннің қатты қабырғаларын оқығысы келмейді. Бұл шағын экрандарда одан да маңыздырақ болады. Ақ кеңістікті ұтымды пайдалану өте маңызды.
Бетті басқару элементтері: Desktop Precision және Mobile Blobs
-
Нақтырақ шарлау үшін үлкен түрту аймақтары немесе хотспоттар.
- Түрлі URL: "m" әрпін қосады. Көбінесе сайттың жұмыс үстелі нұсқасын көру опциясы.
- Кіру тіркелгі деректерінде жиі арнайы орын болады, кейде саусақ ізі қолжетімді.
- Нақтырақ курсорға негізделген сілтемелер мен түйме.
Жұмыс үстеліндегі нақты тінтуір меңзерінен айырмашылығы, адам саусағы бөртпе болып табылады және түрту гиперсілтемелер үшін экранда үлкен нысандарды қажет етеді. Ұялы телефонға ыңғайлы сайттар дәл шарлауды жеңілдету үшін үлкен түрту аймақтарын (немесе хотспоттарды) ұсынады.
Ұялы телефонға ыңғайлы веб-беттер де әдетте мекенжайларында m әрпін қамтиды; мысалы, Facebook-тің ұялы мекенжайы m.facebook.com. Мобильді URL мекенжайы әдетте мобильді планшет немесе смартфон арқылы серфинг жасағанда автоматты түрде таңдалады. Кейбір жағдайларда беттің әдеттегі жұмыс үстелі нұсқасына ауысуға мүмкіндік беретін түртуге болатын сілтемені көресіз.
Үстел компьютерлері мен ноутбуктерге арналған логин мен құпия сөз өрістері телефонда кішкентай және жарамсыз болып қалады, сондықтан веб-баспагерлер оларды үлкейтеді, кейде оларға ыңғайлы болу үшін жеке беттерін береді. Құрылғы мен қызмет мүмкіндіктері дамыған сайын саусақ ізімен немесе Google немесе Facebook сияқты басқа есептік жазбамен кіру жиірек болып барады.
Бұл неге маңызды?
Мобильдік веб-беттер қол құрылғыларына арналған және жұмыс үстелінен оқуға арналған беттерден айтарлықтай ерекшеленеді. Әдетте мобильді құрылғыда веб-беттің жұмыс үстелі нұсқасын көруге болады және керісінше, олар мазмұнды көруді, оқуды және шарлауды жеңілдету үшін басқаша жасалған.
