Вероватно сте видели како иПхоне може да флипује и прошири веб странице. Може вам показати цијелу веб страницу на први поглед или зумирати да би текст који вас занима читљив. У једном смислу, пошто иПхоне користи Сафари, веб дизајнери не би требали урадити ништа посебно за креирање веб странице која ће радити на иПхоне-у.
Али стварно желите да ваша страница једноставно ради? Већина дизајнера жели да своје странице сијају!
Када изградите веб страницу , потребно је размислити о томе ко ће га прегледати и како ће га прегледати. Неке од најбољих сајтова узимају у обзир врсту уређаја на којој се гледа страна, укључујући резолуцију, опције боја и доступне функције. Они се не ослањају само на уређај како би га схватили.
Опште смернице за изградњу сајта за мобилне уређаје
- Тестирајте на што више уређаја колико можете. Прва ствар коју треба да урадите је да погледате своју веб локацију на иПхоне и што више различитих мобилних уређаја или емулатора колико можете. Иако можете да користите емулаторе за све ваше тестове, заиста вам не пружају исти осећај као покушај навигације преко веб странице на ситном малом екрану, тако да тестирате на стварним уређајима колико год је могуће.
- Учините да се ваше странице грациозно деградирају. Можете да упишете своје странице за брзе прегледаче са широким екраном, али проверите да ли су критичне информације видљиве чак и на малом монитору који не може да се носи са посебним функцијама (као што су колачићи, Ајак, Фласх, ЈаваСцрипт итд.). Било шта изван КСХТМЛ Басиц ће бити изван неких мобилних телефона. Иако већина паметних телефона може да реши све те ствари (осим Фласха на иПхоне-у, наравно), други мобилни уређаји не могу.
- Изградите специфичну страницу за бежичну мрежу - и олакшавајте проналазак. Ако ћете направити одређену страницу за свој мобилни телефон и бежичне купце, учините га доступним. Одличан начин је да ставите везу на бежичну страницу на самом врху документа, а затим сакријте ту везу са не-ручних уређаја помоћу ручног типа медија. На крају крајева, већина људи долази на вашу почетну страницу, чак и на мобилним телефонима - а ако нема везе са вашом бежичном страном, они ће напустити ако је страница превише тешка за кориштење.
Изглед веб странице за паметне телефоне
Прва ствар коју треба да запамтите када пишете странице за паметне телефоне јесте да не морате да правите промене ако не желите. Одлична ствар код већине паметних телефона је да користе Вебкит претраживаче (Сафари на иОС-у и Цхроме-у на Андроид-у) да би приказали веб странице, тако да ако ваша страница изгледа у реду у Сафари-у или Цхроме-у, на већини смарт телефона ће изгледати добро (само много мање ). Али постоје ствари које можете учинити како би искуство претраживања било пријатно:
- Запамтите да је екран мали. Паметни телефони ће кондензовати све те колоне у мали прозор и то их може учинити веома тешким за читање без зумирања. Већина корисника користи се за зумирање, али може постати запањујуће. Једна дугачка колона текста је лакша за читање.
- Подијелите странице у мање дијелове. Може бити тешко читати дуге сегменте текста на мобилном телефону, па их стављање на више страница чини лакшим за читање.
Линкови и навигација на иПхоне-у
- Што су краћи УРЛ-ови, то је боље. Ако сте икада покушали да унесете УРЛ адресу на мобилни телефон, знаћете да је то бол (осим можда за тинејџере који су навикли да шаљу много текстуалних порука). Чак и на иПхоне-у, досадно је уношење дугих УРЛ-ова. Држите их кратки.
- Али текст дугог линка је лакши за додир. Када се на страници где је неколико одвојених речи повезано са различитим члановима, једва уз друге, може бити веома тешко додиривати тачан један без зумирања. Многи људи ће само одустати и отићи негде другде. Везе са 3-5 речи у њима лакше је кликнути на телефон него везе од 1 речи.
- Не постављајте навигацију на сам врх екрана. Не постоји ништа више непријатно него што треба да претражујете екране и екране веза како бисте пронашли жељене информације. Ако сте погледали веб странице које су дизајниране за мобилне телефоне, видећете да су прве ствари које се појављују садржај и наслов. Затим, испод тога је навигација.
- Не плашите се да сакријете навигацију. Повезивање навигационих веза са ЦСС или ЈаваСцрипт-ом и њихово постављање само када корисник то затражи је начин да олакшава корисницима паметног телефона.
Савјети за слике на паметним телефонима
- Слике морају бити мале. Да, Андроид и иПхоне уређаји могу зумирати и унзоом на сликама , али што су мањи у оба димензија и вријеме за преузимање, срећнији ће ваши бежични корисници. Оптимизација слика је увијек добра идеја, али за странице мобилног телефона, то је критично.
- Слике морају брзо преузети. Слике заузимају доста простора на веб страницама када их гледате са мобилног уређаја. И док су често веома лепе и чине да странице изгледају боље када се гледају на веб прегледачу на целом екрану, они често стоје на путу на мобилном уређају. Плус, када је корисник мобилне мреже на мобилној мрежи, последња ствар коју они желе да плаћају је преузимање гомиле великих слика или навигационих икона.
- Немојте стављати велике слике на врх странице. Као и код навигације, може бити врло досадно чекати на слику која заузима 3-4 екрана који се могу учитати на самом врху странице. И то је врло често на веб страницама. Једини изузетак од овога је ако читатељ зна да ће добити слику када кликну, рецимо у галерији фотографија.
Шта избегавати приликом пројектовања за мобилне уређаје
Постоји неколико ствари које бисте требали избјећи приликом изградње странице која је пријатељска за мобилне уређаје. Као што је већ поменуто, ако стварно желите да их имате на вашој страници, можете, али се побрините да сајт функционише без њих.
- Фласх - већина мобилних телефона не подржава Фласх, тако да није добра идеја да је укључите на своје бежичне странице.
- Колачићи - велики број мобилних телефона нема подршку за колачиће. иПхоне-ови имају подршку за колачиће.
- Оквири - чак и ако их прегледач подржава, размислите о димензијама екрана. Оквири једноставно не раде на мобилним уређајима - врло је тешко или немогуће читати.
- Табеле - не користите табеле за изглед на страници за мобилне уређаје. И покушајте избјећи табеле уопште. Они нису подржани на сваком мобилном телефону (иако их подржавају иПхоне и други смартфони) и можете завршити са чудним резултатима.
- Уграђене табеле - ако морате користити табелу, уверите се да га не гнежите у другој табели. Ово је тешко за десктоп прегледаче да подрже, иу најбољем случају, учитавање странице спорије.
- Апсолутне мјере - другим ријечима, не дефинирајте димензије објеката у апсолутним величинама (попут пиксела, милиметара или инча). Ако дефинишете нешто ширине 100пк, на једном мобилном уређају који може бити пола екрана, а на другом, може бити двоструко већа ширина. Релативне величине (као емс и проценти) најбоље функционишу.
- Фонтови - немојте претпостављати да ће било који од фонтова за који сте навикли да имате приступ доступан на мобилним телефонима.
Опширније
- Како направити вашу веб страницу за пријатељску употребу користећи ПХП