Мобилне веб странице вс. Веб странице за десктоп рачунаре
Веб странице које су оптимизоване за коришћење на мобилним уређајима разликују се од оних које се појављују на десктоп и лаптоп рачунарима. Потоњи су дизајнирани за велике екране и прецизно кликање мишем, док су мобилне веб странице величине за мање екране и непрецизно куцкање прстима.
Мобилни
Дизајниран за мање екране и непрецизно куцкање прстима.
Десктоп
Дизајниран за велике екране са прецизним кликом миша.
С обзиром да већина посета веб сајту долази са мобилних уређаја, дизајнери сајтова имају задатак да обезбеде верзије које раде и са мобилним уређајима и са десктоп рачунарима. Најчешћи приступ је коришћење респонзивног веб дизајна, који аутоматски испоручује одговарајућу верзију на основу уређаја и величине екрана корисника, које детектује претраживач.
У сваком случају, веб странице прилагођене мобилним уређајима се разликују од десктоп верзија на више начина.
Дизајн странице: Мобилни екрани имају мање простора
Мобилни
Дијагонала екрана за паметне телефоне и таблете је 4 до 10 инча.
Склопиви или прошириви виџети менија обично замењују бочне траке и гломазне меније заглавља.
Графика пуне ширине са правилном употребом размака између текста.
Десктоп
Већина десктоп монитора има дијагонале од 19 до 24 инча.
Спонзорисане везе и велики банер огласи су чешћи.
Гушћи текст са више простора за графику.
Најочигледнија разлика између десктоп и мобилних веб страница је површина екрана. Док већина десктоп монитора има дијагонално најмање 19 до 24 инча, таблети су обично око 10 инча. Дијагонала паметних телефона је око 4 инча. Једноставно умањивање не доводи до успешног претварања веб странице у верзију прилагођену мобилним уређајима јер чини текст нечитљивим и захтева додатни корак од посетиоца сајта. Такође, прецизно тапкање по ситним елементима постаје немогуће.
Да би решили проблем, дизајнери могу да уклоне бочне траке и графике које нису стриктно неопходне. Уместо тога, они користе мању графику, повећавају величину фонта и скупљају садржај у прошириве виџете. Ово ограничење некретнина довело је до потпуно другачијег размишљања међу веб дизајнерима.
Такође, склопиви или прошириви виџети менија обично замењују бочне траке и гломазне меније заглавља. У тежњи да се сваки милиметар простора на екрану рачуна, дизајнери уклањају сувишни бели простор, а притом пажљиво пазе на читљивост.
Гомила спонзорисаних веза и великих банер огласа једноставно не раде на телефону или малом таблету. Уместо тога, мали искачући огласи су чешћи на мобилним веб страницама.
Распореди који садрже текст омотан око графике не играју добро на мобилним уређајима. Уместо тога, дизајнери често дају тој графики пуну ширину екрана и покрећу текст испод или изнад. Слично, добар веб дизајн разбија текст на делове ради читљивости; нико не жели да чита чврсте зидове текста. Ово постаје још важније на малим екранима. Разборито коришћење белог простора је кључно.
Контроле странице: Прецизност радне површине вс. Мобиле Блобс
Мобилни
Велике области за тапкање или вруће тачке за прецизнију навигацију.
Другачија УРЛ адреса: додаје слово „м“. Често опција за преглед десктоп верзије сајта.
Акредитиви за пријављивање често имају наменски простор, понекад са приступом отиском прста.
Десктоп
Прецизније везе и дугме засноване на курсору.
За разлику од прецизног показивача миша на радној површини, људски прст је мрља, а тапкање захтева велике мете на екрану за хипервезе. Сајтови прилагођени мобилним уређајима нуде велике области за прислушкивање (или вруће тачке) како би се олакшала прецизна навигација.
Веб странице прилагођене мобилним уређајима такође обично укључују писмо м на њиховим адресама; на пример, Фацебоок-ова мобилна адреса је м.фацебоок.цом. Мобилни УРЛ се обично аутоматски бира за вас када сурфујете помоћу мобилног таблета или паметног телефона. У неким случајевима, видећете везу која се може додирнути и која вам омогућава да пређете на стандардну верзију странице за рачунар.
Пријавите се и Лозинка поља намењена за десктоп и лаптоп рачунаре постају сићушна и неупотребљива на телефону, па их веб издавачи повећавају, понекад им дајући сопствене странице ради лакшег коришћења. Пријављивање са а отисак прста или други налог, као што су Гоогле или Фацебоок, постаје све чешћи како се могућности уређаја и услуга развијају.
Зашто је то важно?
Мобилне веб странице су дизајниране за ручне уређаје и прилично се разликују од страница направљених за читање са рачунара. Иако обично можете да видите верзију веб странице за рачунар на мобилном уређају и обрнуто, оне су другачије дизајниране да би садржај олакшали за преглед, читање и навигацију.