Рақамли иқтисодиёт ривожланар экан, ҳар бир соҳада, ҳар бир тижорий ташкилотда сайт мавжуд. Табиийки, компания имижи сайтга кўра шаклланади. Харидорлар, ташриф буюрувчилар айнан сайтга қараб компания ҳақида тасаввурга эга бўлади. Шундай экан, бунга жиддий қараш ва буюртма берувчи сифатида  веб-дизанерга қандай талаб қўйилишини аниқ билиш керак. Веб-дизайнер ҳам ўз навбатида буюртмачи нимани хоҳлаётганини билса, бу иш самарадорлигини сезиларли даражада оширади.

Замонавий сайт нима? Осон навигация, чиройли расмлар, графикалар, видеолар ва... муайян қоидаларга амал қиладиган бошқа кўплаб амаллар. Ҳозир веб-дизайннинг асосий қоидалари ҳақида гапирамиз. Сайтингиз уларга мос келадими йўқми текшириб кўринг!

Веб-дизaйннинг aсосий қоидaлaри

Қоида 1. Саҳифа юклаш тезлиги

Кўринишидан, веб-дизайннинг бунга нима алоқаси бор дейишимиз мумкин? Кўп мутахассислар график экспериментларни шунчалик яхши кўрадиларки, улар юклаб олиш тезлигига эътибор қаратмайдилар. Агар сайтни виджет, анимация ва видеолар билан тўлдирсангиз, муқаррар равишда сайт «оғирлашади». Aгар сайт секин юкланса, ташриф буюрувчининг кутишга сабр-тоқати етмайди, ярми ҳақиқатан ҳам ҳеч нарсани кўришга улгурмасдан ресурсингизни тарк этиши аниқ. Бошқа томондан, график эффектларсиз ҳам бўлмайди. Ҳеч ким зерикарли кулранг саҳифани ўқигиси келмайди – агар Википедия юритмасангиз албатта.

Сиз учун нима муҳимроқ эканлигини ўйлаб кўринг: визуализация ёки тезлик. Сизга «олтин ўрта»ни излашни маслаҳат берамиз: графика, албатта, керак, лекин веб-дизайнердан фанатизмсиз ҳаракат қилишни сўранг. Яхши двигателда сайт яратинг: кўп нарса бунга боғлиқ.

Қоида 2. Юзабилити, ёки сайтдан фойдаланиш қулайлиги

Сайтингиз замонавий ва чиройли бўлиши мумкин, аммо умидсиз ва жуда ноқулай бўлса, унда нима фойда? Юзабилити ресурснинг ташриф буюрувчи учун қулайлигини билдиради. Мисол учун, у асосий саҳифага ўтади ва қисқача тавсифни кўради: ҳа, бу онлайн спорт товарлари дўкони, ҳамма нарса аниқ. У менюга қарашни хоҳлайди, ҳамма нарса жавонларда жойлаштирилган: мана каталог, бу ерда буюртма шартлари, мана етказиб бериш маълумотлари ва бу ерда алоқа маълумотлари. Каталогга ўтади, товарларнинг тоифалари ва пастки тоифаларини кўради. Сайтда уч марта босиш қоидаси мавжуд бўлса (фойдаланувчи керакли маҳсулотга уч марта босишдан кўп бўлмаган вақт ичида эришиши керак. Aгар кўпроқ ҳаракатлар кутилса, фойдаланиш қулайлиги оқсоқланган, уни тузатиш керак)

Сайтда қидирув майдони мавжудми? Бор бўлса, ажойиб, одам бир лаҳзада керакли маҳсулотни топа олади. Юқори ўнг бурчакда ҳар бир саҳифадан кўринадиган катта харид қилиш савати тугмаси борми? Шуниси эътиборга лойиқки, ташриф буюрувчи асосий саҳифага қайтиб, пиктограмма ва меню элементлари орасидан сават излаши шарт эмас.

Aгар юқорида айтиб ўтилган нарсалар бўлмаса, сайт ноқулай, ташриф буюрувчи уни тарк этади ва фойдаланиш қулайлиги ҳақида ғамхўрлик қиладиган бошқасини қидиради. Ҳеч ким сизга мослашиб, сайтда «Буюртма бериш» бўлими қаерда жойлашганини қидириб ўтирмайди – ёрлиқни ёпиш ва қидирув тизимига қайтиш осонроқ. Рақобатчилар бунинг учун сизга миннатдорчилик билдиришади, аммо реклама бюджети қўлини силкитиб, хайрлашади: пул ҳавога учиб кетди деб ҳисобланг. Конверсия ҳам тушади: меҳмон кетди, аммо ҳеч қандай мақсадли ҳаракатларни амалга оширмади.

3-қоида. Ўқилиши мумкин бўлган шрифтлар

Илгари шрифтлар қанчалик мураккаб бўлса, шунчалик яхши деб ҳисобланган. Ҳарфлар шунчалик мураккаб эдики, сўзларни ўқиш тобора қийинлашди. Эффектлар ва ранглар стандарт шрифтлар устига қўйилган. Энди тенденциялар ўзгарди: шрифтлар қанчалик содда бўлса, шунча яхши. Катта компаниялар ва онлайн-дўконлар веб-сайтларни қандай лойиҳалаштирганига қаранг: улар ҳатто чақалоқ ҳам тушуна оладиган катта, ўқилиши мумкин бўлган шрифтлардан фойдаланадилар. Яна бир қоида: саҳифада 2-3 хил шрифтдан кўп бўлмаслиги керак. Aгар кўпроқ бўлса, у қўпол кўринади. Логотипда битта шрифт, таклифда иккинчи, матнда учинчи шрифтдан фойдаланиш мақбулдир ва бу етарли.

Муакорпаратив шрифт тўпламини ўз ичига олган фирма услубини яратган яхшироқдир. Қоида тариқасида, ишлаб чиқиш жараёнида мижозга ушбу шрифтлар рўйхатдан ўтган брендбук берилади. Бу дизайнерлар, кейинчалик босмахона билан ишлаш учун жуда қулай. Шартнома шартларига кўра, улар ўз ишларида фақат шу шрифтлардан фойдаланишлари керак – ҳеч қандай ташаббуссиз. Кейинчалик, агар сиз веб-дизайнерни ўзгартирсангиз, шунчаки брендбукни бошқа ижрочига беринг – унинг ҳам иши осонлашади.

Қоида 4. Ранг палитраси мослиги

Қоида бу ерда ҳам амал қилади: ҳар бир саҳифада 3 та рангдан ошмаслиги керак. Соялар ва ярим тонларга рухсат берилади, лекин кўп эмас. Қора, қизил, сариқ ва яшил ранглар кўзни чарчатади: бечора меҳмонга раҳм қилинг. Ранглар орасида у шунчаки фойдали маълумотни сезмай қолиши мумкин ёки бўлмаса қўлида лупа билан сизнинг светофорларингиздан ўтади. Шунингдек, фирма услубини маслаҳат берамиз: шрифтларга қўшимча равишда корпоратив ранглар ҳам танланиши керак, сиз кейинчалик ҳар қандай реклама материалларида, шу жумладан сайт дизайнида, ижтимоий тармоқларда, YouTube каналида ва бошқаларда фойдаланасиз.

Қоида 5. Замонавий фон

90 йиллардан яна бир салом: сайт учун мураккаб фон. У ҳали ҳам янги веб-дизайнерлар орасида, иккинчи ва учинчи даражали доменларнинг бюджет сайтларида мавжуд. Aгар сиз заргарлик буюмларини сотсангиз, олтин пластерлар фонга ўтиши керак деб ўйлаш жуда соддаликдир. Буларнинг барчаси жуда аниқ ва оддий. Йўқ, мавзудаги расмлар ҳар доим долзарбдир, лекин фон учун ғайриоддий, ноаниқ нарсани танлаш яхшидир. Соф тонлар ва градиентлар, 3D тасвирлар, виртуал реаллик - бу ҳозир мода.

Бу каби умумий қоидалар кўп, агар сизга мақола фойдали ва қизиқарли бўлса, биз сайт дизайнига қўйиладиган умумий талаб ва қоидалар ҳақида маълумот беришда давом этамиз. Сиздан эса ушбу мақолани кўпроқ инсонлар кўришида ташаббус кўрсатишингизни сўраймиз. Шунда биз жойлайдиган маълумотлар қанчалик долзарб эканлигини билиб оламиз.