Мүмкін сіз iPhone-ның веб-беттерін қалай аудара алатындығын және кеңейте алатынын көрдіңіз. Сізге бүкіл веб-бетті бір көзқараспен немесе қызықтыратын мәтінді оқуға ыңғайлы ету үшін ұлғайтуға болады. Бір жағынан, iPhone Safari-ды пайдаланғандықтан, веб-дизайнерлер iPhone-да жұмыс істейтін веб-бетті жасау үшін арнайы ештеңе жасамауы керек.
Бірақ шынымен сіздің бетіңіз жұмыс істегіңіз келеді ме? Көптеген дизайнерлер беттерінің жылтыратқанын қалайды!
Веб-бетті құрған кезде, оны кім көретіні және оны қалай көретіндігі туралы ойлану керек. Ең жақсы сайттардың кейбірі, ажыратымдылықты, түс опцияларын және қол жетімді функцияларды қоса, беттің қай түрі қаралғанын ескереді. Олар бұл құрылғыны анықтауға ғана сенбейді.
Ұялы құрылғылар үшін сайт құрудың жалпы нұсқаулары
- Көптеген құрылғыларды мүмкіндігінше тексеріңіз. Біріншіден, сіз өз сайтыңызды iPhone-да және әртүрлі мобильді құрылғылар немесе эмуляторлар сияқты көре аласыз. Сіз эмуляторларды барлық тестілеу үшін қолдансаңыз да, шын мәнінде кішкентай экранда веб-сайт арқылы шарлауға тырысқандай сезінбейді, сондықтан мүмкіндігінше нақты құрылғыларды сынап көріңіз.
- Беттеріңізді нәзік түрде өшіріңіз. Беттеріңізді флэш-белсенді, кең экран браузерлері үшін жаза аласыз, бірақ маңызды ақпарат тіпті кез-келген арнайы мүмкіндіктерді (куки, Ajax, Flash, JavaScript, т.б.) өңдеу мүмкін емес кішкентай мониторда көрінетініне көз жеткізіңіз. XHTML Basic шеңберінен тыс кейбір нәрсе ұялы телефондардан тыс болады. Көптеген смартфондар барлық нәрселерді өңдей алады (iPhone-дағы Flash, әрине), басқа мобильді құрылғылар да мүмкін емес.
- Сымсыз арнайы бетті жасаңыз және оны табуды жеңілдетіңіз. Егер сіз өзіңіздің ұялы телефоныңыз бен сымсыз клиенттерге арналған нақты бетті құрғыңыз келсе, оны қол жетімді етіңіз. Ең жақсы тәсілі - сілтемені сканерлейтін бетке құжаттың ең жоғарғы жағына қою, содан кейін қолмен тасымалданбаған құрылғылардан қол тасымалдағыштың түрін пайдаланып осы сілтемені жасыру. Өйткені, көптеген адамдар үй бетіне, тіпті ұялы телефондарға да келеді - егер сіз сымсыз бетіңізге сілтеме болмаса, онда бет қолдануға тым қиын болса, олар кетеді.
Смартфондарға арналған веб-бет орналасуы
Бірінші кезекте, смартфондар нарығына арналған беттерді жазу кезінде есте сақтауыңыз керек, егер қаламасаңыз, ешқандай өзгеріс жасаудың қажеті жоқ. Көптеген смартфондар туралы веб парақтарды көрсету үшін Webkit браузерлерін (iOS және Chrome-да Safari) қолдануға болады, сондықтан егер сіздің бетіңіз Safari немесе Chrome-де жақсы көрінсе, ол көптеген смартфондарда жақсы көрінеді (өте аз ). Бірақ, шолу тәжірибесін жағымды ету үшін жасай алатын нәрселер бар:
- Экранның кішкентай екенін есте сақтаңыз. Смартфондар барлық бағаналарды кішкентай терезеге салады, бұл оларды масштабтаусыз оқу мүмкіндігін береді. Көптеген пайдаланушылар масштабтау үшін пайдаланылады, бірақ ол жеңілдетеді. Мәтіннің бір ұзын бағаны оқу оңайырақ.
- Беттерді кішкене бөліктерге бөліңіз. Ұялы телефонға мәтіннің ұзын сегменттерін оқып үйрену қиын болуы мүмкін, сондықтан оларды бірнеше беттерге қою оларды оңай оқуға мүмкіндік береді.
Сілтемелер мен навигация iPhone
- URL мекенжайлары қысқа болса, соғұрлым жақсы. Егер сіз ұялы телефондағы URL мекенжайын теруге тырысқан болсаңыз, ол ауырсынуды (көптеген мәтіндік хабарларды жіберу үшін пайдаланылатын жасөспірімдерден басқа) екенін білесіз. Тіпті iPhone-да, ұзын URL мекенжайларын жазудың қажеті жоқ. Оларды қысқа ұстаңыз.
- Бірақ ұзын сілтеме мәтінін табу жеңілірек. Бірнеше бөлек сөздердің әртүрлі мақалалармен байланысы бар беттерде бір-бірінің артында тұрған кезде, суретті масштабтаусыз түзетуге өте қиын болуы мүмкін. Көптеген адамдар бас тартады және басқа жерге барады. Олардың ішінде 3-5 сөзбен байланыстар телефонда 1 сөздік сілтемелерге қарағанда оңай басылады.
- Навигацияны экранның жоғарғы жағына қоймаңыз. Қажетті ақпаратты табу үшін экрандар мен сілтемелердің экранына өтуге қарағанда, тітіркендіретін ештеңе жоқ. Егер ұялы телефондарға арналған веб-парақтарды қарап шықсаңыз, көрсетілетін алғашқы нәрселер мазмұн мен тақырып дегенді білдіреді. Содан кейін төменде навигация болады.
- Навигацияны жасырудан қорықпа. CSS немесе JavaScript арқылы навигациялық сілтемелерді жасыру және оларды пайдаланушы сұраған кезде ғана пайда болады, бұл смартфон пайдаланушыларға оңай болуы мүмкін.
Смартфондардағы суреттерге арналған кеңестер
- Суреттер кішкентай болуы керек. Ия, Android және iPhone бейнелеулерді үлкейтуге және ажыратуға болады, бірақ олар екі өлшемде де, жүктеу уақытында да кішірек болады, сымсыз клиенттеріңіз бақытты болады. Суреттерді оңтайландыру әрдайым жақсы идея болып табылады, бірақ ұялы телефон беттерінде бұл өте маңызды.
- Суреттер тез жүктелуі керек. Мобильді құрылғыдан қараған кезде бейнелер веб-беттерде көп орын алады. Олар жиі өте жақсы және беттер толық экрандағы веб-браузерде көргенде жақсы көрінеді, бірақ олар жиі мобильді құрылғыда жүреді. Сонымен қатар, смартфонның пайдаланушысы ұялы байланыс желісінде болғанда, төлеуге келген соңғы нәрсе - үлкен суреттер немесе навигациялық белгішелерді жүктеу.
- Беттің жоғарғы жағына үлкен кескіндер қоймаңыз. Навигация секілді, беттің ең жоғарғы жағына жүктеу үшін 3-4 экранды қабылдайтын кескінді күту өте нәзік болуы мүмкін. Және бұл веб-беттерде өте кең таралған. Бұған жалғыз ерекшелік, егер оқырман олар басқан кезде суретке түсетінін білсе, фото галереяда айт.
Ұялы телефонды жасаған кезде аулақ болу керек
Ұялы телефонға ыңғайлы бетті құру кезінде аулақ болуыңыз керек бірнеше нәрсе бар. Жоғарыда айтылғандай, егер сіз өзіңіздің беттеріңізде бұл туралы шынымен білгіңіз келсе, сіз сайттың жұмыс істемейтініне көз жеткізіңіз.
- Flash - көптеген ұялы телефондар Flash-ды қолдамайды, сондықтан оны сымсыз беттерге қосу дұрыс емес.
- Cookies - көптеген ұялы телефондарда куки қолдау жоқ. iPhone-ларда куки қолдауы бар.
- Рамкалар - браузер оларды қолдайтын болса да, экранның өлшемдері туралы ойланыңыз. Фреймдер тек мобильді құрылғыларда жұмыс істемейді - олар өте қиын немесе оқу мүмкін емес.
- Кестелер - мобильді бетке орналастыру үшін кестелерді пайдаланбаңыз. Жалпы кестеден аулақ болуға тырысыңыз. Олар әр ұялы телефонда қолдамайды (бірақ iPhone және басқа смартфондар оларға қолдау көрсетсе де) және сіз елдегі нәтижелермен аяқтай аласыз.
- Кірістірілген кестелер - егер сіз кестені пайдалануыңыз керек болса, оны басқа кестеге кіргізбеу керек. Бұл жұмыс үстелі браузерлеріне қолдау көрсету қиын, және, ең алдымен, бетті баяу жүктеуге мүмкіндік береді.
- Абсолюттік шаралар - басқаша айтқанда, абсолютті өлшемдегі объектілердің өлшемдерін (пикселдер, миллиметрлер немесе дюймдер сияқты) анықтамаңыз. Егер сіз 100 пиксель кеңістікті анықтасаңыз, экранның жартысы болуы мүмкін бір ұялы құрылғыда, екіншісі ені екі есе болуы мүмкін. Салыстырмалы өлшемдері (мысалы, ems және пайыздар) жақсы жұмыс істейді.
- Шрифттер - қол жетімділікке қолданылатын кез келген қаріптердің ұялы телефондарға қолжетімді болатынын болжауға болмайды.
Ары қарай оқу
- PHP көмегімен веб-сайтыңызды мобильді түрде қалай жасауға болады