Дизайнът на уебсайтове за мобилни устройства е сложен, тъй като една мобилна версия на даден сайт може да не е съвместима с всяко устройство. Дизайнерите трябва да са наясно с най-добрите дизайнерски практики, за да направят вашето мобилно присъствие смислено и полезно.
Между уеб разработчиците има непрекъснат дебат за това кой начин за създаване на оптимизиран за мобилни устройства уебсайт е най-добрият. Има три водещи метода за разработване на мобилен уебсайт.
Това са:
- Отзивчиви уеб дизайн.
- Специализирани мобилни уебсайтове.
- RESS: Програмирането от страна на сървъра предоставя CSS и HTML, в зависимост от типа на устройството.
Всеки метод има своите плюсове и минуси. Уеб разработчик трябва да е наясно с всяка техника, за да приложи най-добрата за ситуацията.
3 начина за проектиране на мобилен уебсайт
Отзивчиви уеб дизайн (RWD)
RWD разчита на медийни заявки на CSS3, за да приведе в съответствие оформлението на уеб страница с размера на зоната за преглед на дадено устройство. Същият HTML код се използва за представяне на различни оформления на уеб страници за таблети, мобилни устройства, настолни компютри и други притурки.
Ползи:
- Вашият уебсайт ще има подобно съдържание и HTML надценка, така че мобилните посетители ще имат същия опит, независимо от вида на устройството, което използват.
- Единият URL адрес улеснява потребителите при свързването и споделянето на съдържание. (Ако уеб страницата е достъпна за повече от един URL адрес, потребителите могат да се объркат.)
Недостатъци:
Не е възможно отделно оптимизиране на мобилното съдържание. Следователно, дизайнер, използващ RWD, не може да приспособи съдържанието отделно за мобилните потребители.
Според данните от януари 2013 г. от HTTP архива, средната уеб страница е около 1.3 MB. Въпреки това, повечето сайтове за RWD са сравнително по-големи. Този по-голям размер намалява ефективността на мобилните сайтове, което ги прави по-бавни.
Мобилните потребители са по-настроени към специфичните за мобилните устройства модели на дизайн на потребителския интерфейс. Освен това мобилните потребители са свикнали с многозадачност. Освен ако структурата за навигация не е персонализирана за конкретни устройства, потребителите могат да се сблъскат с проблеми, когато се опитват да изпълнят няколко задачи едновременно.
Специализирани мобилни сайтове
Този метод подобрява опита на мобилните потребители, като създава напълно отделен уебсайт.
Ползи:
- Простота на управление: За мобилните и десктоп сайтовете са необходими отделни промени. Направените промени са ограничени до всяка съответна версия. Това означава, че промените, предназначени за мобилната платформа, не могат да бъдат достъпни от работния плот.
- Когато разработвате конкретен уебсайт за мобилни устройства, става по-лесно да го оптимизирате и оптимизирате специално за тази аудитория.
- Структурата на съдържанието и навигацията може да бъде персонализирана за мобилни потребители.
Недостатъци:
Споделянето на уеб страница чрез социални медии става все по-трудно, тъй като за специализирани мобилни сайтове има няколко URL адреса за страници. Когато потребителите на настолни компютри кликнат върху URL адресите за мобилни устройства, споделени в социалните медийни платформи, те могат по невнимание да получат мобилната версия на сайта, а не версията на работния плот.
За да се избегнат дублиращи се проблеми със съдържанието, уеб разработчикът трябва да използва met = тагове от rel = ”alternative” и rel = “canonical”. Ако мобилен потребител търси в Google и кликне върху URL адрес на работния плот, потребителят ще види версията на работния плот или ще бъде пренасочен към мобилната версия на уеб страницата. Ако версията за мобилни устройства не съществува, потребителят ще получи съобщение за грешка.
Създаването на напълно различен уебсайт за мобилни потребители означава, че сайтът ще бъде специално пригоден за мобилни потребители. Въпреки това, за да изпълнят тази цел, уеб разработчиците трябва да изрязват функционалност и съдържание, което се оказва кошмар за тях.
Отзивчиви уеб дизайн+ Компоненти от страната на сървъра (RESS)
Този метод зависи от програмирането от страна на сървъра за предоставяне на персонализиран HTML и CSS за различни устройства. Кодът за потребителите на мобилни устройства ще се различава от този на потребителите на настолни компютри.
Основната цел на това прилагане е да се подобри ефективността на уебсайта. Този метод работи добре, когато се комбинира с отзивчив уеб дизайн. Следователно, тази реализация може да бъде наречена Responsive Web Design + компоненти на сървъра (RESS).
Ползи:
- Структурата за навигация може да бъде персонализирана за различни задачи, изпълнявани от настолни и мобилни потребители.
- Разработчиците могат да премахнат елементи от HTML и CSS страници, за да постигнат желания дисплей.
- Възможно е да се премахне ненужния JavaScript от HTML, което освобождава ресурсите на процесора, паметта и кеша на мобилните устройства.
Недостатъци:
- Динамичният HTML увеличава натоварването на сървъра.
- Не може да се разчита на откриването на устройство.
- HTML и CSS са оптимизирани за мобилни устройства. Desktop версията използва повече HTTP заявки и Java Scripts.
Какъв метод да изберете?
Решението за проектиране на мобилно оптимизиран сайт зависи от продуктите, които продавате, вашата целева аудитория, необходимата инвестиция, конкуренцията, процента на реализация и т.н. Методът на проектиране, който ще работи най-добре, зависи до голяма степен от форматите на екрана, операционните системи, браузърите и резолюции.
Най-отзивчивите сайтове за уеб дизайн не се изпълняват оптимално и в резултат на това тези сайтове изискват повече време за зареждане. Тъй като конкуренцията е ожесточена, може да загубите клиенти, ако сайтът ви работи по-бавно. Потребителят просто ще премине към друг уебсайт, който отваря по-малко време. Въпреки че е възможно да се създават уебсайтове с по-къси времена на натоварване със специални мобилни сайтове, съществуват и различни недостатъци, свързани с това изпълнение.
RESS предоставя ползи от RWD, преодолявайки двата си основни недостатъка. Основният недостатък на RESS е, че откриването на устройството е ненадеждно. Трябва да проверявате често за нови устройства, за да сте сигурни, че процесът продължава да работи правилно.
Има услуги като DeviceAtlas, WURFL и други, които могат да откриват нови устройства. Ще бъде от голяма полза да актуализирате нови устройства във вашата база данни.
Мобилният уеб дизайн е успешен само когато уебсайтът се показва правилно на мобилно устройство. Въпреки че е трудна задача за дизайнерите да представят всички съществени части на десктоп сайт в малък мобилен прозорец, всеки ден се появяват нови техники, които правят мобилните сайтове по-добри, по-бързи и по-пълноценни.
Снимка на мобилния сайт чрез Shutterstock
15 Коментари ▼
