Адаптивен или адаптивен – какъв сайт има нужда вашата компания (ИНФОГРАФИКА)
Responsive Web Design (RWD) е адаптивен уеб дизайн. Adaptive Web Design (ADW) - Адаптивен уеб дизайн. Всеки от термините обозначава различен подход и се използва за описване на процеса на създаване на уебсайт, който ще бъде удобно разглеждан от различни мобилни устройства.
Всъщност ADW и RWD решават един и същ проблем, но по различни начини. При създаването на адаптивен уебсайт се използва гъвкава структура на страницата - „гумено оформление“ (fluid grid), чиито пропорции и размери на елементите са зададени в проценти. В допълнение към "гумената" структура се използват гъвкави изображения (течни изображения), "гумени" текстови блокове. При намаляване на ширината на такава страница цялото съдържание се компресира гладко, структурните елементи се намаляват един спрямо друг. Така че, ако уебсайтът имаше структура от три колони, тогава две или една колона със съдържание щеше да се показва на по-тесен екран.
Ето страхотен анимиран пример за гумен (отзивчив) уебсайт:
Адаптивните уебсайтове може да изглеждат подобни на адаптивните уебсайтове, но ключовата разлика между тях е, че може да не се забелязва за окото на обикновения потребител - за адаптивен уебсайт предварително се създава набор от различни опции за шаблон (маркиране) за устройства с различна ширина на екрана и също се определя функционалността, която определена версия може да има за определени типове устройства.
Сега трябва да решите кой подход да използвате при създаването на сайт.
Адаптивните сайтове са подходящи в повечето случаи, но са най-търсени, когато скоростта на зареждане на страницата е важна и взаимодействието на потребителя с мобилната версия е много различно от използването на версията за десктоп, базирана на браузър.
ДА СЕЗа съжаление няма универсално решение и всеки случай на създаване на мобилен сайт трябва да се разглежда отделно. За по-лесно вземане на решения по-долу е дадена малка таблица за сравнение на използването на ADW (адаптивен уеб дизайн) и RWD (отзивчив уеб дизайн).