Уважаемый веб-разработчик!
Нам нужно обсудить «Mobile First» .
Этот термин является одной из наших лучших, более наглядных и адаптивных концепций веб-дизайна. Идея проста: мы начинаем с базовой версии нашего сайта — обычно с одной колонкой. Он будет работать практически везде, независимо от устройства, браузера, возможностей, возраста или разрешения экрана. Не имеет значения, получит ли посетитель доступ из Chrome 35 на MacBook, IE6 на ПК с Windows 98 или Opera Mobile на устаревшей Nokia — они увидят контент.
Когда наш базовый сайт будет готов, мы используем медиа-запросы CSS и, возможно, небольшое обнаружение объектов JavaScript, чтобы улучшить взаимодействие с пользователем на устройствах, которые поддерживают современные функции и большие экраны. Например, мы можем добавить выпадающие меню, несколько столбцов, изображения с более высоким разрешением и более сложные макеты.
Выгоды?…
- Пользователь со старым браузером, который не поддерживает медиазапросы, все равно увидит основной сайт. Это было бы не так, если бы мы начали с нашего «настольного» макета и попытались вписаться в дизайн маленького экрана.
- Это логичный способ работы. Мы постепенно улучшаем макет, когда это возможно, вместо того, чтобы надеяться, что он изящно ухудшится на меньших устройствах, или пытаемся удалить функции, которые не будут работать правильно.
- Это позволяет нам сосредоточиться на том, что важно — на контенте . Линеаризованное представление должно определять приоритет текста и функций. Не может быть компромиссов между несколькими столбцами, плавающими элементами или модальными диалоговыми окнами; важный контент должен появиться первым.
Мы полностью понимаем контекст и значение «Mobile First» . К сожалению, похоже, наши клиенты и коллеги этого не делают. Кажется, даже те, кто обладает значительными знаниями в области ИТ, имеют такие предположения, как:
- перед версией для ПК будет разработан отдельный мобильный сайт
- мобильный дизайн будет иметь более высокий приоритет, или
- мы отдаем приоритет устройствам с относительно небольшим рынком по сравнению с традиционными настольными ПК.
Ничего из этого не является правдой, но они являются логическими выводами, когда вы не понимаете, что на самом деле означает «Mobile First». Возможно, более подходящие термины:
- мобильно-совместимый
- мобильный осведомленный
- прогрессивная компоновка
- устройство, независимое от устройства, или
- «Работает где угодно».
Я слышал, что некоторые разработчики ссылаются на «контент в первую очередь», хотя я не уверен, что он точно описывает технический подход к макету.
Неважно — возможно, уже слишком поздно менять термин. Вам нужно общаться с коллегами-разработчиками, и «Mobile First» хорошо, если все понимают смысл.
Тем не менее, я рекомендую вам избегать использования этого термина во время обсуждений с клиентами, если вы не абсолютно уверены, что они понимают контекст. Мало будет. Клиенты довольны, когда вы выполняете отличный проект в срок и в рамках бюджета; их меньше волнуют умные модные слова и методологии разработки. Возможно, тогда мы сможем избежать частых, длинных объяснений и действительно реализовать то, что обещали!
Всего наилучшего,
Craig
PS. Испытывали ли вы путаницу с «Mobile First»? Комментарии приветствуются!