Сандар мен есептеулерге бармай-ақ қояйық, өйткені Интернетте қанша сайт бар екенін анықтау мүмкін емес. Күн сайын мыңдаған, тіпті жүздеген мың сайттар істен шығып, олардың орнына жаңалары пайда болады. Сәтсіздіктердің себебі неде? Неліктен адамдар сайтқа кіріп, оны бірден тастайды? Жауап қарапайым және сіздің көз алдыңызда – бұл сайттың дизайны.
Тартымды әсер
Келісемін, әркімнің күн сайын кіретін белгілі бір сайттар жинағы бар. Бетбелгі қойылғандардың көпшілігі фильмдер, кітаптар, жаңалықтар, ойындар және т.б. бар сүйікті сайттар екеніне сенімдімін. Неліктен бір сайтты тапқаннан кейін, біз басқа ұқсас сайтты табуға тырыспаймыз, бұл одан да жақсы болуы мүмкін? Жауап қарапайым! Біз бетбелгі қоятын сайттарды пайдалану ыңғайлы - мұндай сайттарда әдетте элементтердің, санаттардың ыңғайлы орналасуы және көзді тітіркендірмейтін жағымды дизайн бар. Бұл «тартымды әсер», дұрыс жобаланған сайтқа бір рет бару - оны қалдыруенді қаламайды.
Екі сайттың сауда платформасының мысалын қарастырайық:
Сөзсіз және даусыз №1 сайт мүмкіндігінше тезірек жабылғысы келеді, ал №2 сайт, керісінше, ұзаққа созылғысы келеді. Неліктен бұл болып жатыр? Бірінші сайтта кездейсоқ орналасқан өнімнен басқа, екінші сайт туралы айту мүмкін емес түсті шамадан тыс қанықтыру бар. «Киіміне қарап кездеседі, ақылына қарап ұзатады» деген тамаша мақал бар, ол сайттарға да қатысты, тек киімнің орнына дизайн, ал ақылдың орнына навигациялық құрылым бар. Сайтқа кірген келуші бірінші болып түс схемасын көреді, содан кейін ғана ішкі навигация мен сайт құрылымына назар аударады.
Түс қабылдау
Түстерді таңдаудағы басты ереже - оны асыра алмау. Кейде тіпті екі немесе үш дұрыс таңдалған түс жеткілікті болады, мұның жарқын мысалы - fb.ru сайты. Көптеген веб-дизайнерлер html сайтын жобалау үшін "қауіпсіз" түстер кестесін пайдаланады.
Қауіпсіз деп аталады, себебі мұнда көрсетілген барлық түстерді барлық пайдаланушылар бірдей түрде жібереді. Бұл түстер сайтта дизайн жасау кезінде стандартты деп айтуға болады.
Түс үйлесімділігі
Әр түстің өзінің "жақсы" түсі бар - бұл ең жақсы үйлесетін түс. Дөңгелекті қайта ойлап табудың және таңдаумен тәжірибе жасаудың қажеті жоқ, бәрі бұрыннан ойлап табылған және қоғамдық игіліктерде. Түстерді таңдау үшін түсті дөңгелектер қолданылады. Itten. Төмендегі суретте 2 сәйкес түсті сәйкестендіруге арналған түс дөңгелегі көрсетілген.
Т. яғни шеңбер ішіндегі қарама-қарсы түс ең үйлесімді болып саналады. Сәйкес 3 түсті таңдау қажет болса, түс дөңгелегі де пайдаланылады, тек түсті орналастыру сызығы әлдеқашан өзгертілген болады.
Ондай шеңберлер көп, сіз көбірек сәйкес келетін түстерді таңдай аласыз. Мысалы, төрт.
Иттен шеңберлері арқылы түстерді осылайша таңдау арқылы түстердің максималды үйлесімі қамтамасыз етіледі және сайттың көзге ұнамды дизайны алынады. Интернетте көбірек түсті шеңберлерді табуға болады. Негізгі тақырыптан сәл ауытқып кетелік, өйткені бұл Itten түсті дөңгелектерді тіпті сән әлемінің кәсіби дизайнерлері де қолданатынын хабарлаймын, яғни дизайнерлік киімдерді жасағанда бұл түс сәйкестендіру әдісі қолданылады.
Сайттың ішкі құрылымы
Егер түсті қабылдау арқылы бәрі азды-көпті түсінікті болса, онда сайттың ішкі құрылымы немесе басқаша айтқанда, «пайдалану мүмкіндігі» сияқты тағы бір маңызды көрсеткіш қалады. Сайтта дұрыс түстерді таңдау жеткіліксіз, тәжірибе көрсеткендей - сайттың әдемі дизайнында сіз алысқа бармайсыз. Сайттың дұрыс құрылымы үйдің қаңқасына ұқсайды, егер ол дұрыс жоспарланбаған болса, онда оны айналып өту ыңғайсыз болады.
Барлық навигация элементтерін алдын ала ойластыру керек, тіпті жақсырақ – жазып алу керек. ҚұрылымСайт, ең алдымен, келушілер үшін түсінікті және ыңғайлы болуы керек. Көптеген сайттар өз келушілерін жоғалтады, себебі соңғысы сайтқа кірген кезде қайда және не орналасқанын түсінбейді. Түймелердің көптігімен шатастырудың және көптеген функционалдылықты іліп қоюдың қажеті жоқ. Сіз әрқашан келушінің көзімен қарауыңыз керек, егер пайдаланушыға қандай да бір функция қажет болмаса, оны алып тастаған дұрыс. Тағы да веб-сайт дизайнының жарқын және дұрыс мысалы - Fb.ru веб-сайты, оның барлық бөлімдері келушілерге түсінікті және ыңғайлы етіп орналастырылған.
Ең үлкен қате
Орташа талдауға сәйкес, 15-30 секунд ішінде сайттан қажетті бөлімді немесе ақпаратты таба алмаған қолданушы бұл бөлім немесе ақпарат сайтта жоқ деп есептеп, ресурстан шығып кетеді. Көп жағдайда мәңгілік. Қорқынышты навигациясы бар сайттың тамаша мысалы:
Қалай ойлайсыз, мұндай ресурста қажетті ақпаратты іздеуден емес, жай басты бетке өту арқылы табуға болады ма? Жоқ деп ойлаймын. Қайтадан түстердің қанықтылығы және түсініксіз навигацияның көптігі, бұл кез келген келушіні ессіздік пен таң қалдырады. Мұндай қателерді болдырмау үшін барлық бөлімдерді топтастыру және оларды әрбір келушіге түсінікті болатын бөлек навигациялық мәзірге қою керек.
Тіркеу формасы
Сайттағы тағы бір маңызды және қорқынышты фактор – тіркелу формасы. Кейбіреулер тіркеу терезесінде үлкен әже туралы дерлік деректерді жинауға тырысады.
Мұндай тіркеу формаларыИнтернет тек үйлерде пайда бола бастағанда бұрын сәнді болды. Бүгінде интернет қолданушысы өзіне қажетті ақпаратты тезірек тапқысы келеді, ал ұзын тіркеу формалары сайттың тамаша дизайнына қарамастан, 99% кері қайтарады. Бүгінгі стандарттар бойынша тамаша тіркеу формасы төменде көрсетілген.
Бұл ақпарат жеткіліксіз болса да, тіркеуден кейін келушіден оны кейінірек сұрауға ешкім алаңдамайды. Бұл тәсіл жұмысқа өтініш формасына ұқсайтын тіркеу формасына қарағанда адал және мейірімдірек болып саналады.
Веб-сайт үлгілері
Қазір көптеген сайттар сайт дизайнын тегін қамтамасыз ететін заманауи CMS жүйелерінде жасалуда. Бірақ тегін дизайн (үлгілер) ешқандай визуалды дизайнды алып жүрмейді, сондықтан сайт иесі оны қандай да бір жолмен өзгертуге тырыспаса, онда мұндай сайт іздеуде жоғалады.
Сондай-ақ олардың негізінде өз веб-сайтыңызды орналастыруды ұсынатын бүкіл интернет-порталдарды атап өткен жөн. Бұл жағдайда оң және теріс жақтары бар:
- Бірінші және мүмкін жалғыз плюс - қарапайымдылық. Сайттың жақтауы, әдетте, тәжірибелі дизайнерлермен осындай ресурстарға негізделген, сайттың дизайны белгілі бір талаптар мен ережелерге сәйкес келеді. Оны тақырыптық материалмен толтырып, алғашқы келушілерді күту ғана қалады. Сондықтан мұндай қызметтердің қарапайымдылығы мен ыңғайлылығы жаңадан бастағандарды тартады. Бірақ егер сайт байыпты даму және бәсекелестік үшін құрылған болсаіздеу жүйелерінде бірінші орында тұрса, мұндай қызметтен бас тартқан дұрыс.
- Кемшіліктерінен - берілген үлгілерді көп жағдайда өңдеу немесе өзгерту мүмкін емес, берілген үлгіні үнемі пайдалану керек болады. Монотондылық - бұл біз ең басында айтқан басты кемшілік, өйткені әрбір сайт жеке болуы керек және сыртқы түрі бойынша басқалардан ерекшеленеді. Көптеген шектеулерді сипаттау мүмкін емес, өйткені мұндай қызметтердің әрқайсысының өзіндік ерекшеліктері бар.
Қорытынды бөлім
Осы материалда сипатталғанның бәрі «негізгі нұсқау» болып көрінбейді, сіз әрқашан өз жолыңызбен бәрін жасай аласыз және тіпті қажетсіз - бұл ең көп таралған ережелер мен қателердің жиынтығы ғана. Бірақ мұнда түсті қабылдау және сайттың ішкі құрылымы түрінде сипатталған ең маңызды нүктелер сайтты жобалаудың стандарты болып табылады. Қате таңдалған түстер сайтқа енді ғана кірген кез келген келушіні қорқытады, ал санаттар мен сайт элементтерінің сауатсыз дизайны оған шарлауға және қажетті ақпаратты табуға мүмкіндік бермейді. Бұл тармақтарға барынша назар аудару керек және жоғарыда айтылғандай, кез келген сайтқа әзірлеушінің көзімен емес, келушінің көзімен қарау керек.
