Разработка дизайна интернет магазина

Современные тенденции веб-дизайна

Внимание покупателя на сайте интернет магазина должно сосредотачиваться на товарах, а не на элементах дизайна, которые до сих пор на многих сайтах имеют анимированный вид. Качественные фото, четкий текст описаний товаров, выделенные цветом кнопки "купить", "задать вопрос по товару", а также заказ товара в минимальное количество шагов (лучше в один) выгодно выделят Вас из толпы конкурентов.

Что увеличит конверсию на сайте

• Адаптивность сайта к мобильным устройствам (подстройка под ширину их экрана).

• Наиболее важная информация (способы доставки, оплаты, гарантии и преимущества) должны находиться на видном месте. Лучше, если они будут дополнительно продублированы на страницах товаров, как это сделано у большинства крупных интернет магазинов.

• Кнопки откладывания товара и оформления заказа нужно сделать яркими и большими.

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

Все вышеизложенное лежит в основе модного сегодня Flat-дизайна. Его основные отличия минимализм и простота форм.

Пять принципов Flat - дизайна

• Принцип №1: отсутствие эффектов на сайте. В основе flat-дизайна лежит двухмерный стиль. Все элементы сайта должны быть двумерными, без теней на краях, делающих их объемными. Обязательное выполнение этого правила в отношении любого блока и компонента – от картинок до кнопок является жестким требованием flat-дизайном.

• Принцип №2: простота элементов. Разработка веб-сайтов с плоским flat-дизайном базируется на использовании простых элементов – кнопок и иконок обычных геометрических форм: прямоугольник, квадрат, треугольник, круг и т.д. чаще всего края их имеют ровную форму, но иногда дизайнеры придают им небольшую кривизну. Главное – легкость и кликабельность каждого элемента интерфейса сайта. Тут нужно отметить еще необходимость отличать простоту элементов от простоты дизайна. Второе никак не относится к стилю «flat».

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

• Принцип №4: акцентируем внимание на цвете. Цветовая палитра для плоского дизайна может быть выбрана из числа самых ярких, красочных и смелых, тех, что обычно не используются для создания дизайна других стилей. Обычно используются сочетания разных цветов, чаще всего двух-трех, но иногда их число доходит до шести-восьми, причем все используются в равной степени.

  Обратите внимание, что для плоского дизайна подходят больше цвета основного цветового круга, а не их оттенки или тона. Популярны также ретро-цвета: salmon (лососевый), purple (фиолетовый), green (зеленый) и blue (синий).

• Принцип №5: минималистичность подхода. Избегайте «наворотов», если решили создать плоский дизайн. Если добавляете фотографии, то они должны быть простыми, не слишком отвлекающими внимание, гармонично вписывающимися в общую идею.

Вот собственно и все пять принципов, на которые следует обращать особое внимание при разработке flat-дизайна.

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