Създайте свой дизайн

Предишен ◈ Следващото

Основната задача на онлайн магазин - продават. магазин привлекателност за гледна точка на купувача се определя от основните удобства. Каква утеха?

Процесът на закупуване от гледна точка на купувача

Купувач, след като в магазина, трябва да сте сигурни (и по-бързо), че:

той е бил в магазина с десния спектър от продукти за него,
магазин е в населено място, или да достави стоката на него,
той може да се запознаете с правилата за работа на магазини
той може да се запознаете с процеса на плащане и доставка, както и механизъм за контрол на тези процеси,
тя може бързо да се свържете с персонала на магазина, за да се изясни на всички въпроси;
тя може бързо да се разбере:
- как да се определи наличието на желания продукт,
- как да се получи информация за избрания продукт,
- какво да направя, за да направят покупка.

Каква трябва да бъде на страниците на сайта на магазина

Купувачът дойде в онлайн магазина. Какво иска да види в селата се интересуват от онлайн магазин? Какво бихте искали да видите дойде в онлайн магазина като купувач? Логично е да се предположи:

курс на действие,
поставите "дом" магазин,
навигационното меню,
Поле за въвеждане да търсите в магазина,
име на магазин.

Каква информация купувачът търси в менюто? всъщност:

И така, какво е добър дизайн?

Добрият дизайн - простотата и лесна навигация, интуитивен и удобен интерфейс. Купувачът трябва да е ясно веднага как да изглежда, когато е кошница, как да се плащат и къде да получите стоката. И нека всички основни бутони са достатъчно големи, тогава купувачът няма да се налага да се стремят за дълго време, за да влязат в тях.

за декориране

Следваща: по-малко излишни украшения. Онлайн магазин е необходимо преди всичко функционалност; а именно в функционалност и трябва да се появи на всички професионални магазин дизайн създателя на. Дизайн за онлайн магазин е добре разработена структура, идеологически почтеност и използваемост за посетители. а не в razlyapistyh снимки, които често се изразяват дизайнери. Интернет магазин винаги съдържа голямо количество информация, не добавяйте твърде много. От изобилието на банери, melteshaschih, потрепване флаш памети, купувачът е трудно да се съсредоточи, а той може да искате бързо да се затвори тази страница.

За изтегляне на скоростта

За снимките и описанията

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

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

За нас

Но! Простият дизайн означава, че няма дизайн изобщо. Лош външен вид и текстове с грешки са гарантирани за да предизвика недоверие посетител - магазин трябва да се направи качествено.

На някои страници

Но най-важната страница - "стоки". Тук продавачи обикновено знаят как това позициониране. Въпреки това, директории със стоки има много изисквания, някои от които са противоречиви. Ето, например, дървовидна структура. Тя е добра, но клоновете на една единствена функция, като неговото предназначение. И какво, ако купувачът интересува само от продукта на даден производител? - филтър е очевидна. И ако вие двамата? - това е трудно. И за цената, подредени? Като цяло, това не е толкова очевидно. Мога ли да дам един пример за такава екзотична ситуация? - Толкова е лесно, и това не е екзотика на всички! Нужда, например, минималната цена за посетител твърд диск 2,5 на ", SATA, Hitachi или Seagate производствен капацитет от 120 Gb на наличните запаси в момента. Той бързо ще го намерите в магазина?

Във всеки магазин, като правило. има "търсене". И, като правило, за такива задачи неизползваеми. Удобен ще намерите това показва списък намерени на искане за дадена страница, с възможност за търсене в продължение на повече от нея за други искания (търсене в резултатите). В идеалния случай, ако имате окончателния списък и нещо от всеки параметър на стоката може да бъде.

В допълнение към по-горе, на една от страниците на магазин на сайта, който трябва да се определи неговата система на отношенията с клиента и да го изрази:

в публичното предложение за сключване на договор (оферта);
механизма на влизане в сила на споразумението;
в тези Общи условия.

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

За използваните цветове

Изберете цветове за декорация на магазина трябва да бъдат внимателни. Те трябва:

за да се гарантира четливостта на етикетите и на видимостта на бутоните,
добре един с друг на същата страница,
гарантира, че "признаването" на марката, ако марката магазин,
да бъде привлекателен за целевата аудитория.

Тя може да бъде трудно да се постигне, ако не забравяме, че:

посетителя и дизайнер различен както по размер и цвят оказване на дисплеи (и ги определи прекалено, разбира се, са различни)
Различните браузъри могат да бъдат малко по-различни цветове на дисплея и същ елемент на страницата.
посетителят може да се активира режим на дисплея с малък брой цветове (2, 16, 256, 65 536),
посетителят може да бъде деактивирана графичен режим за сваляне в момента на влизане в магазина.

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

Проверете как да се показва онлайн магазина си в различни браузъри, операционни системи и с различна резолюция. Това може да стане на услуги:

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

страница код се генерира от сървъра чрез комбиниране на няколко елемента:

оформление Page формира браузъра на посетителя:

Повече подробности за процеса на код страница описани тук

Следва да се има предвид, че различните браузъри и дори на различни версии на един и същ браузър може да изглежда малко по-различна форма на изображението на страницата на същата кодова страница.

Някои браузъри имат възможност да покажат не само в резултат на тълкуването на кодовата страница, но и кода на страницата, във вида, в който те са получени от сървър, който може да се използва за отстраняване на грешки код компоненти.

страница шаблон

страница шаблон - текст на езика HTML, който е в основата, рамката за формиране на изгледа на страницата. Шаблонът съдържа в допълнение към HTML-текстови линкове към файлове с изображения и поставете език "Liquid", което позволява да се включат в променливите данни в текста на страници от магазин на базата данни.

Процесът на извършване на промени в моделите, описани тук.

Променливи данни на страницата

Данните, генерирани на вложка страницата оператори за изпълнение на текст език на страницата с резултати от "Liquid", която се съдържа в страниците на шаблони. Относно прилагането на език "Liquid" може да бъде намерена тук. Налични обекти в шаблоните стандартен набор от теми, са изброени тук.

стил файлове

Стил файлове прехвърлят на сървър в страницата на текст и прилагат на уеб браузъра на посетителя да генерира съдържанието на страницата в съответствие с правилата на езика, CSS.

Процесът на извършване на промени в стила на файлове (.css) е описан тук.

Процесът на извършване на промени в сценария файлове (.js) е описан тук.

Изображенията на страницата

Снимки - файлове, които съдържат снимки в различни формати (JPG GIF .png ..), които се показват в уеб браузъра на страницата, определени в текста на шаблона на страницата.

Процесът на зареждане на нови файлове с изображения, описани тук.

Преди да отида на работа на своя дизайн, е необходимо да се отговори на въпроса:

Защо промяна на дизайна на магазина?

Промяна на дизайна на магазина може да имат различни цели:

направите своя магазин различен от другите, използвайки една и съща тема по подразбиране;
направите своя магазин по-привлекателни за насочване на групи посетители;
направите вашия магазин по-удобен за потребителите, отколкото това е направено в стандартните теми;
вземат предвид при проектирането и магазин навигационна система естеството на предложилия гама от продукти на:
промяна на начина, по който се справят с определени събития, например, вместо да се крие с прозорци липсват продукт е поставен "на ред" или "отчет за допускане."

Промяна на стандартната тема

Тъй като ние може да избере формата и да зададете функциите на магазини, като се използва стандартен промяната на темата, която е най-близо до това, което искате да получите в края на краищата. Това може значително да опрости допълнителна модификация на магазина. Темата трябва да се промени, ако:

друга тема разполага с набор от опции, за да ви отведе по-близо от текущата тема;
друга тема има външен вид по-близо да ви отведе от текущата тема.

Как да се направи промяна на магазин теми и възможности на стандарта, описани тук

Добавяне и редактиране на страници

Добави е необходима за нови страници:

Този списък със сигурност не е изчерпателен. Как да създадете нова страница в магазина на сайта си или да редактирате съществуващ описано тук.

навигация промяна

За да се добавят страници на разположение на посетителите на магазин трябва да поставите линкове към тях в навигационния екран.

Създаване и конфигуриране на менютата, описани тук.

Промяната на темата

Промяната на темата, за разлика от стандартната смяна се изисква, ако нито един от стандартите не могат да се запознаем по вид или набор от функции. С цел постигане на избраната тема на вашите изисквания, могат да бъдат предмет на промяна, всички компоненти. от които са генерирани страници магазина.

тема мелодия

Включено в някои от възможностите. Тя ви позволява да персонализирате цвета на фона, цвета и шрифта.

Подмяна на изображения

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

Как да качите нов файл с изображение, то е написано тук.

Промяна на моделите

Промяна на моделите може да се постигне чрез промяна на търговски страници тип, което означава, че оформление, разположението, размера, цвета, фона и други параметри на различните части на страниците нанесени на следните видове информация. Тези промени могат да бъдат различни за различните страници на местоназначението, като се опише имат различни модели.