Разработка сайта для Вашего бизнеса. Веб дизайн. Дизайн логотипа, фирменного стиля, рекламная фотография . Комплексный рекламный креатив.

Ralex. We do the work.
На рынке с 1999го года. Средняя ценовая категория. Ориентация на эффективность решений.
Ознакомтесь с нашим портфолио
Узнайте больше о услугах
Свяжитесь с нами:
E-mail: [email protected]
Tel: (044) 587 - 84 - 78
Custom web design & дизайн и разработка сайта "под ключ"
Креативный, эффективный дизайн. Система управления сайтом (СУС).
Custom flexible разработка систем электронной коммерции
Система e-commerce разрабатывается под индивидуальные потребности. Гибкая функциональность.
Search Engine Optimzation & оптимизация под поисковые системы (SEO)
Постоянная оптимизация и мониторинг сайта в поисковых системах. Достигаем результата быстро и эффективно
Custom logo design & дизайн логотипа и фирменного стиля
Многолетний опыт. Огромное портфолио. Уникальное предложение и цена.
профессиональная рекламная фотография
креативно, смело, качественно
Custom logo design & рекламный креатив. дизайн рекламы
Многолетний опыт. Огромное портфолио. Уникальное предложение и цена.

Як вибрати ширину сайту або Інтернет-магазину?

  1. Що ще почитати з циклу "Як відкрити Інтернет-магазин?"

Наша взаимовыгодная связь https://banwar.org/

У більшості власників сайтів і он-лайн магазинів перед запуском виникає питання: яку ширину сайту або магазини вибрати, щоб розмістити свою інформацію або продукти для продажу.

З одного боку, подібні питання здаються малозначущими, однак, якщо задуматися, ви зрозумієте, наскільки важливий розмір ширини відображення вашого магазину або сайту.

Перш чого, давайте почнемо від початку. Ваш майбутній покупець або відвідувач взаємодіє з вами за допомогою он-лайн магазину або сайту через Браузер.

Розмір самого браузера обмежується дозволом екрану, на якому користувач можемо переглядати сторінку.

І той, хто зможе правильно підібрати ширину екрану зможе більше показати інформації, або продуктів на продаж.

Пам'ятайте Правило Першої Сторінки - користувач відразу оцінює першу сторінку магазину або сайту відразу ж.
Він розглядає видиму частину магазину або сайту. Якщо ваш сайт займає по вертикалі два або три екрана, не факт, що користувач захоче прокручувати їх нижче. Для цього йому доведеться шукати смугу прокрутки або крутити колесо мишки.

Чим більше ви зможете «втиснути» в цей перший екран - тим більше шансів у вас буде на покупку товарів у вашому магазині.

Не існує універсальних розмірів, які б підходили всім.

Хоча є способи, які дозволять охопити максимально велику частину аудиторії.

Питання: як дізнатися який дозвіл екрана мають мої відвідувачі?

Перш за все, якщо у вас вже є або був сайт - ви можете поставити собі системи обліку відвідуваності - наприклад - Google Analytics від Гугл або Метрика від Яндекса. Це просунуті лічильники дозволять вам відстежити всі потрібні параметри. До речі, ці системи безкоштовні, вам не потрібно платити за них. Все що вам потрібно, це зареєструватися, налаштувати варіанти збору інформації і генерувати код лічильника, який надалі потрібно вставити в кожну сторінку магазину або сайту.

Мета цієї статті не знайомити детально про ці системи, однак я розглядав ці системи побіжно в своїй попередній статті: Аналіз роботи сайту Інтернет-магазину за допомогою Google Analytics поради для поліпшення роботи

Коли ви зможете зібрати статистику ваших відвідувачів - тільки тоді ви можете дізнатися, яка частка користувачів має дозвіл екрана. І вже від цього ви можете відштовхуватися при роботі над сайтом або налаштовувати ширину вітрини Інтернет-магазину. Тут виходить дилема: що первинне, курка чи яйце?

Як можна зібрати статистику, або он-лайн магазин ще не запущений, а ви хочете дати завдання розробниками на запуск магазина.

У цьому випадку, я б рекомендував орієнтуватися на світові декантування користувачів. Якщо раніше, в 2007 або в 2010 основним стандартом для дизайнерів і розробників був дозвіл 1024 х 768, то з 2012 - 2013 роках почали продаватися монітори в форматі HDTV- формату.

На зараз популярним дозволом екрану є 1366 x 768 пікселів. Тобто монітори, які мають велику ширину по горизонталі. Давайте і буде на це орієнтуватися на даний момент (станом на осінь 2013 року).

Останнім часом, є сенс подивитися на ці тенденції і орієнтуватися на них. Ви можете подивитися статистику від відкритих джерел, і дізнатися, які поточні дозволу найбільш масові. На них би я і радив би орієнтуватися.

Прошу вас також звернути увагу на той факт, що потрібно орієнтуватися на реальності. Дивіться статистику по Росії, а не США чи Європи. У цих країнах купівельна спроможність користувачів вище, і звичайно, вони будуть брати монітори з великою роздільною здатністю.

Детальніше по Росії (статистика доступна на сайті ЛайвІнтернет )

Якщо ви вже визначилися з дозволом, на яке ви будете орієнтуватися, не забудьте про службові або сервісні місця, які відводяться браузерами в своєму вікні.
Зазвичай, це адресний рядок, рядок меню в шапці вікна, закладки браузера і додаткові інструменти, наприклад від Яндекса, Гуглі або навіть віджет погоди.

Причому у всіх браузерах це висота не однакова.

Так якщо взяти Chrome і Opera, то у них явно зменшується і звужена частина шапки, тоді як для FireFox висота сервісної зони більше.

Не забудьте ще про вертикальні прокрутки для довгих сторінок, які з'являються в браузерах автоматично, а також рядок пошуку, якщо клієнт захоче пошукати щось в браузері.

Подивіться, які зони «захоплюють» браузера на сторінці:
Червоним кольором показуються сервісні зони, необхідні браузеру для роботи.

FireFox

У більшості власників сайтів і он-лайн магазинів перед запуском виникає питання: яку ширину сайту або магазини вибрати, щоб розмістити свою інформацію або продукти для продажу

Chrome

Chrome

Opera

Opera

Знаючи особливості зазначених браузерів уважно подивіться, які використовують ваші відвідувачі. Загалом, велика трійка лідерів давно вже сформувалася - це Chrome, Opera, FireFox. До них примикає Internet Explorer - так як Майкрософт ставить його броузером за замовчуванням в своїх операційних системах. На ці браузери вам варто орієнтуватися. Інформацію про них ви можете знайти в свій статистикою по сайту. Вона доступна в Google Analytics (Гугл), Метрика (Яндекс).

FireFox

Правило 1: завжди перевіряйте, як буде виглядати ваш магазин у відвідувачів з різними дозволами екрану.

Знаючи своїх відвідувачів за допомогою статистики, не полінуйтеся перевірити, що саме буде показуватися клієнтам в їх браузерах з різними дозволами.

Звичайно, я не закликаю вас бігати по знайомих, які мають різні монітори і дивитися у них, як буде виглядати ваш магазин.

Зробити це можна за допомогою додаткових аддоном Web Developer , Який можна безкоштовно встановити в бразузерах FireFox.

Все що вам потрібно, це додати бажані дозволу, при яких ви хочете протестувати свій магазин і просто перемикатися між ними.

Якщо ж ви не хочете ставити Аддони в свій браузер, ви можете скористатися сторонніми он-лайн послугами, які дозволяють подивитися, як буде виглядати ваш магазин в необхідному дозволі.

Я б рекомендував використовувати такі ресурси: quirktools.com/screenfly

Ви можете протестувати як буде виглядати ваш магазин або сайт на різних дозволах екрану. Навіть на планшетах і смартфонах.

До речі, в статистиці Google Analytics є подібний інструмент. Він дозволяє прикинути, яка частка користувачів могла бачити сторінку в відсотковому співвідношенні.
Ця цінна інформація, яка дозволить вам оптимізувати ваш контент, наприклад підняти його вище, в видиму зону першого екрану.

Порада! Не забувайте про мобільні пристрої

Зараз постійно зростає частка користувачів, які використовують смартфони або планшети в дорозі, на роботі, вдома або в офісі.

В цьому випадку, необхідно врахувати можливість перемикання сайту або магазину в так звану мобільну версію. Що це означає?

Мобільна версія магазину - це спеціально зверстаний шаблон, який працює з урахуванням особливостей смартфонів. А саме - зменшений екран, дозвіл елементів не по всій ширині сторінка, а по вертикалі. Використання великих елементів, на які можна натискати пальцем. Дрібні кнопочки не підходять для натискання пальцем користувача.

Подивіться, як відрізняються звичайна і мобільні версії магазину

Веб-версія магазину

Веб-версія магазину

Версія для смартфонів

Версія для смартфонів

Мобільна версія - це вже абсолютно інший формат електронного магазину. Детальніше про цей формат я розповім в моїх наступних статтях.

А на даному моменті, для вас критичні користувачі, яких заходять до вас через Інтернет-бразури. На них ми і будемо орієнтуватися.

Питання: що потрібно показувати в можливу ширину сторінки?

Перш за все, потрібно оптимально розпорядиться з відведеною шириною вашого магазину. Що потрібно користувачеві?

Це обов'язково категорії, вітрина з товарами і корзина - це мінімум, що потрібно.
Будь-який власник магазину захоче ще додати додаткові блоки, які можуть збільшити товари, наприклад:

Блок «Нещодавно дивився» - в ньому показуються товари, які ви тільки що дивилися на даному магазині. Раптом ви захочете повернутись до товарів і все ж купити їх.

Блок «Рекомендуємо» - в цьому блоці зазвичай власники магазину показують найцікавіші або популярні товари.

Блок «З цим товаром часто купують» - якщо ви купуєте фотоапарат, чому б вам не рекомендувати ще купити акумулятор, карту пам'яті, чохол, штатив, оптику.

Зараз є кілька популярних схем розміщення.

Яку з схем вибрати для вашої ширини - вирішувати вже вам.
Сучасні двигуни магазинів дозволяють власникам самим налаштовувати, які саме блоки розміщувати на сторінці. За допомогою візуальних конструкторів ви можете просто пересувати блоки в потрібне місце. Працює це і в магазині на платформі PrestaShop.


Що ще почитати з циклу "Як відкрити Інтернет-магазин?"

Колонка редактора сайту Колонка редактора сайту


Що ще почитати з циклу "Як відкрити Інтернет-магазин?
Питання: як дізнатися який дозвіл екрана мають мої відвідувачі?
Тут виходить дилема: що первинне, курка чи яйце?
Що це означає?
Питання: що потрібно показувати в можливу ширину сторінки?
Що потрібно користувачеві?
Що ще почитати з циклу "Як відкрити Інтернет-магазин?
Категории
  • Биология
  • Математика
  • Краеведению
  • Лечебная
  • Наука
  • Физике
  • Природоведение
  • Информатика
  • Новости

  • Новости
    https://banwar.org/
    Наша взаимовыгодная связь https://banwar.org/. Запустив новый сайт, "Пари Матч" обещает своим клиентам незабываемый опыт и возможность выиграть крупные суммы.


    Наши клиенты
    Клиенты

    Быстрая связь

    Тел.: (044) 587-84-78
    E-mail: [email protected]

    Имя:
    E-mail:
    Телефон:
    Вопрос\Комментарий: