Ұялы телефондарды оңтайландырусыз веб -сайттардың саны азайып бара жатқанымен, тек жұмыс үстеліне арналған веб -сайттар әлі де бар. Өкінішке орай, Google -дің бұрынғы «мобилизаторы» веб -қызметі тоқтатылды. Қызметтің рухани мұрагері - Google Weblight, мобильді қарау үшін сайттарды қайта қарауға емес, баяу қосылымдарды оңтайландыруға арналған. Google қызметінен басқа, мобильді құрылғыны ескере отырып, сайтты жасау кезінде ескеру қажет бірқатар тәжірибелер мен құралдар бар.
Қадамдар
2 бөліктің 1 бөлігі: Google Weblight көмегімен тәжірибе жасау
Қадам 1. Weblight қалай жұмыс істейтінін талдаңыз
Weblight - бұл желінің нашар жағдайында пайдаланушыларға жылдам әрі жеңіл жүктеуді қамтамасыз ету үшін Google жасаған алгоритм. Бұл Weblight бағдарламасында пайдаланушы интерфейсі жоқ және артқы жағында жұмыс істейтінін білдіреді. Беттер мобильді платформа үшін нақты оңтайландырылғаннан гөрі, жеңілдетілген тәжірибені қамтамасыз ететін күрделі элементтерден айырылады.
Қадам 2. Weblight көмегімен сайт өзгерістерін тексеріңіз
Мобильді құрылғыда веб -сайт мекенжайының соңына сайттың толық URL мекенжайын қосыңыз (мысалы, егер сіздің веб -сайтыңыз «mywebsite.com» болса, онда сіз https://googleweblight.com/?lite_url=https://mywebsite.com сайтына кіресіз)). Бет өзінің оңайлатылған, бірақ функционалды нұсқасын жүктейді. Алынған элементтермен кейбір сайттар мобильді құрылғы экрандарында әлдеқайда жақсы көрінуі мүмкін.
3 -қадам. Шектеулерді мойындаңыз
Есіңізде болсын, бұл қолданушының өзара әрекеттесуіне арналған нақты түрлендіру құралы емес. Веб -сайтқа қолмен кіруді қысқартуға болады, ал Weblight қол жетімділікке емес, жылдамдыққа арналған.
2 бөліктің 2 бөлігі: мобильді үйлесімділікке арналған дизайн
Қадам 1. Мобильді құрылғы шектеулерін есте сақтаңыз
Мобильді құрылғылар жұмыс үстеліндегі әріптестерінен ерекшеленетін бірнеше аспектілермен бөліседі. Бұл негізгі мүмкіндіктер мобильді тұтыну үшін сайтты құруда басты назарға алынуы тиіс.
- Шағын экрандар мен вертикальдық: мобильді құрылғылардағы экран ажыратымдылығы үнемі жақсарып келе жатса да, сайттың дизайны үшін өлшемі мен формалық факторы алаңдаушылық туғызады. Сайтты бір бағанға орналастыру дизайны телефондар үшін ең қолайлы болып табылады (планшеттер көбінесе жұмыс үстеліндегі сайттарды тым көп проблемасыз қолдана алады).
- Сенсорлық интерфейстер: Бет элементтері саусақ өлшемін ескере отырып орналастырылуы керек. Тінтуірді жылжытуды пайдаланатын элементтерді азайту немесе түрту үшін қайта жасау керек (мысалы, ашылмалы мәзірлер).
- Деректер жылдамдығы: мобильді құрылғылардың үлкен артықшылықтарының бірі - Wi -Fi ауқымынан тыс пайдалану, бірақ деректер байланысы әдетте баяу және сенімді емес. Пайдаланушы интерфейстері (UI) қарапайым болып қалуы керек және мазмұн көрінетін және қол жетімді болуы керек. Шамадан тыс жүктеме жүктеме уақытын қысқартады және навигацияны қиындатады.
Қадам 2. Мазмұнды басқару жүйесі (CMS) қызметін пайдаланыңыз
Аз ресурстармен дамып келе жатқандар үшін Wordpress немесе Squarespace сияқты CMS қызметін пайдалану арзан, пайдаланушыларға ыңғайлы мобильді дизайн үшін тамаша мүмкіндік болып табылады. Жауапты веб -дизайнды қолданатын тақырыптар мобильді сайт үшін ең қарапайым үлгіні береді.
Жауапты веб -дизайн - бұл дизайнның тегіс ауысуы мен платформалар бойынша қолдануға ыңғайлы болу үшін сұйық дизайн элементтерін қолдануға ықпал ететін веб -дизайн теориясы
Қадам 3. Жұмыс үстелі бағдарламалық жасақтамасын пайдаланып мобильді құрылғы экрандарын тексеріңіз
Веб -сайттың эстетикасы мен функционалдығын тексеру үшін мобильді құрылғыларға еліктеуге мүмкіндік беретін бірнеше ақысыз веб -қосымшалар бар. Бұл құралдарды қолдану қалаған сынақ құрылғысын таңдау, содан кейін алдын ала қарау үшін мақсатты веб -сайтқа кіру сияқты оңай. Олардың көпшілігінде экранның бағдары, пиксель тығыздығы немесе тіпті шолғышты таңдау сияқты айнымалыларға арналған құралдар болады. Бірнеше танымал мысалдар:
- Chrome құрылғы режимінің эмуляторы
- mobilephoneemulator.com
- скринфлай (quirktools жиынтығы)
- mobiletest.me (ақылы мүшелік)
