Рабочий процесс нашего агентства по созданию веб-сайта обычно состоит из:
Теперь, когда мы медленно приближаемся к 2010 году и размышляем о RWD («Отзывчивый веб-дизайн») и «сначала мобильные устройства», становится ясно, что наш рабочий процесс не будет работать без дополнительных затрат для клиента ( учитывая, что технические накладные расходы на CSS не НАСТОЛЬКО велики).
Каков наилучший рабочий процесс, который работает с RWD и mobile first? Кроме того, есть ли какие-либо специальные инструменты, которые могут помочь?
Отбой - шаги 3-4. Их необходимо удалить, а процесс утверждения/проверки выполнить ПОСЛЕ начала кодирования.
Посмотрите на Agile Development и Lean UX:
http://uxdesign.smashingmagazine.com/2011/03/07/lean-ux-getting-out-of-the-deliverables-business/
Тонна кода, чтобы сделать дизайн адаптивным, должна влиять на стоимость. Вот предложение рабочего процесса, адаптированного к новым требованиям:
1.обсудить контент-дизайн с клиентом
2. создаем каркасы (с опциональным, в зависимости от клиента, согласованием)
2a.для настольных компьютеров (классический)
2b.для планшетов
2c.для телефонов
3. мы создаем трехпиксельные идеальные «макеты» в Photoshop
4.клиент одобряет/с исправлениями
5а. вернуться к шагу 3
5c.begin кодирование для всех трех значений ширины
Как заметил Мариус, ваш рабочий процесс не обязательно должен сильно меняться, вам просто нужно рассмотреть три основных сценария вместо одного. Ничего страшного, верно?
Что меняется, так это то, как вы анализируете карту данных. Вы должны начать с каждой части данных/контента, а затем перейти к уровням приоритета. Есть четыре широкие категории:
Сначала мобильный?
Мобильный телефон на самом деле не является «первым» в этом подходе: вы рассматриваете все сразу. Имея это в виду, я думаю, что самое большое изменение рабочего процесса произойдет на этапе 1: вам нужно разработать карту контента/данных (что вы уже делаете), а также решить, что когда отпадает.
Принятие решения о разработке RWD действительно зависит от проекта. Адаптивность идеально подходит для контентных сайтов. С другой стороны, в мире ecomm сайты и приложения для конкретных устройств по-прежнему играют главную роль. Я не думаю, что мы выяснили, насколько отзывчивость действительно соответствует проблеме ecomm. (Честно говоря, я не думаю, что мы разобрались с ecomm на мобильных устройствах в целом, за исключением самых простых сценариев, но это тема для другого дня.)
Вне кода решение быть отзывчивым или нет в любом случае не сильно меняет ситуацию. Вам еще предстоит вайрфреймить и скомпилировать все три (или четыре... спасибо мини-планшетам!).
Римский
е100
Римский
Лорен-Клир-Моника-Ипсум