Стратегии разработки веб-сайта: «сначала мобильные» и «сначала компьютеры»

В предыдущем материале мы рассмотрели ключевые различия между мобильной и компьютерной версиями сайта. Мы отмечали, что из-за разных пропорций и размеров экранов, их базовую ориентацию и принципиально различные средства ввода информации эти две версии дизайна веб-сайтов очень различаются. Как по композиции, так и по средствам взаимодействия.

Постоянный рост количества посетителей сайтов, которые просматривают их со смартфонов, уже давно сняло вопрос о том, нужно ли делать мобильную версию (конечно, нужно!).

Но как создается мобильная версия? И с какой версии начинается проектирование дизайна?

Здесь существуют две принципиально различные дизайн-стратегии: одна называется «сначала мобильные» (англ. mobile first), другая — «сначала компьютеры» (англ. desktop first). Их названия достаточно красноречивы. В обоих случаях создают обе версии сайта, разница только в последовательности их разработки.