Дизайн верстки сайта на планшете и телефоне – что сделать первым?

У меня есть проект, который требует разработки мобильного сайта, который работает как на смартфонах, так и на планшетах. Я много читал о мобильном дизайне, концепциях «сначала мобильные», адаптивном дизайне и т. д. Одна вещь, которую я не видел, — это обсуждение рабочего процесса, особенно на этапе разработки макета.

В чем я не уверен, так это в том, следует ли мне сначала сосредоточиться на каркасной модели для макета сайта для телефона, а затем работать над макетом для планшета, как только макет для телефона будет готов? Или лучше работать над созданием вайрфреймов для телефона и планшета одновременно? Какой метод менее проблематичен в долгосрочной перспективе?


person Benjen    schedule 04.02.2013    source источник


Ответы (1)


Это действительно зависит от того, сколько из них вы сделали раньше, а также от вашего дизайнера.

Некоторым дизайнерам нужно сначала поработать на рабочем столе и перенести все оттуда, это просто то, что позволяет им быть более креативными.

Сказав, что вам лучше сначала перейти на мобильные устройства. Я видел много адаптивных проектов, которые сталкивались с проблемами, связанными с линеаризацией больших областей содержимого рабочего стола в макет планшета и мобильного устройства, при этом сохраняя узнаваемость бренда и синергию между дизайнами (да, я использовал «синергию»).

Это помогает, если вы можете получить НАСТОЯЩИЙ контент для сайта, чтобы вы точно знали, с чем имеете дело. Используйте фреймворк, например Bootstrap или Foundation для быстрого прототипирования некоторых идей с реальным содержанием и тестирования, чтобы увидеть, что работает, а что нет.

Когда дело доходит до проектирования, попробуйте проектировать вещи в модулях. Ознакомьтесь с плитками стилей, чтобы узнать, как использовать этот рабочий процесс.

Лучший совет — делайте то, что работает для вашей команды, вы все равно будете совершать ошибки, поэтому, даже если вы проигнорируете все, что я сказал, держите это в глубине души. Используйте реальный контент, прототипируйте/тестируйте заранее и не бойтесь пройти несколько итераций.

Да, и, наконец, если вы сначала выбираете дизайн для рабочего стола, display: none; не будет подходящим решением для ваших проблем с контентом позже.

person justinavery    schedule 04.02.2013
comment
Спасибо за ответ. Мы разрабатываем отдельный мобильный веб-сайт, так что это не вопрос телефона или настольного компьютера, а скорее телефона или планшета. Текущий момент рассмотрения заключается в том, следует ли сначала делать макет/каркас для версии для телефона, а затем переходить на версию для планшета? Или лучше начать делать макет/каркас для них обоих одновременно? Или это действительно не имеет никакого значения? - person Benjen; 05.02.2013
comment
Это не имеет большого значения, я бы сделал и то, и другое, чтобы сохранить некоторую последовательность в подходе к задачам. Например, вы можете завершить мобильный подход, прежде чем поймете, что усложнили масштабирование того же пользовательского потока для транзакций на планшет. - person justinavery; 05.02.2013