Что имеем?

Вот так выглядит практически стандартная страница оформления заказа:

Что не так?

Никуда не годится! Давайте рассмотрим по-подробнее, что к чему:

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

Нет, не противоречие, а задача! Решим задачу банально и просто: около каждого элемента требующего хоть какого-то пояснения расположим ссылку или кнопку "Подробнее", которая будет открывать лайтбокс со всей необходимой поясняющей информацией.

Увести покупателя со страницы оформления? Нет, нет, нет!

Навигация по сайту, ссылки ведущие на другие страницы должны отсутствовать, как бы вам не хотелось впихнуть, например, главное меню.

Со страницы оформления должно быть максимум две ссылки ведущие обратно на сайт, это Логотип (на главную) и кнопка в форме списка заказа "Продолжить покупки"

Кнопку "Пересчитать" лучше всего выделить, а если используется скрипт управления количеством, вообще скрыть за ненадобностью.

Шаги. Для чего, почему?

Для стандартных интернет-магазинов предлагаем делить процесс заказа на 3 простых шага, но чем больше полей вы хотите, чтобы покупатель заполнил, тем больше должно быть шагов.

Проще заполнить 3 формы по 2-3 поля, чем одну из 9 полей. Тоже самое и здесь.

Итак, первый шаг - выбор доставки, второй шаг - выбор оплаты, третий - заполнение формы заказа данными покупателя.

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

Следующий шаг появляется ниже.

Если поля формы для разных способов доставки разные, то лучше всего показывать покупателю только нужные.

Как сделать?