How to Design a Home Page

Тӱҥ лаштыкын дизайнжым ыштыме годым, икмыняр ой-влакым шарнаш кӱлеш. It’s important to keep it simple, да сӱрет-влакым кучылташ, видео, да сайтыш пураш полшышо навигаций. Шке логотипдам пурташ ида мондо, уто! Шукырак веб-сайт шке логотипшым шке тӱҥ лаштыкшын ӱлыл шола могырыштыжо ончыктат, но те тудым тыгак навигаций панельыште вераҥден кертыда. Тендан логотипдам кугу да лудаш куштылго кучаш сай, тыге уна-влак тудым куштылгын пален налын кертыт.

Simple

Тӱҥ лаштыкын дизайнжым ыштыме годым, тыглай кучаш кӱлешан. Тудо графике да анимаций дене перегружаться ок кӱл – тиде уна-влакым путаен кертеш да тендан сайтдам луштараш. Профессионал веб-дизайнер тендан тӱҥ лаштыкым ыштыме годым эн шуко ӧрыктарыше деч посна ышташ полшен кертеш. Копий оҥай лийшаш да шрифт-влак лудаш куштылго лийшаш улыт.

Тӱҥ лаштыкын цельже — уна-влакым сайтым утларак шымлаш да воронко гоч куснаш ӱшандараш. Тидым шукташ манын, тыланда ӱжмаш кнопко-влакым пурташ кӱлеш (CTA-влак) – тиде чӱчкыдынак контакт формо але подписке возалтме кнопко-влак улыт – оҥай да кумдан палыме верыште. Ешартыш, тендан тӱҥ лаштыкыште икмыняр CTA-м кучылтыда гын, лудшо-влакым нунын ӱмбаке темдалташ тараташ манын, CTA кнопко-влаклан тӱрлӧ тӱсан кучылташ кӱлеш.

Тыглай тӱҥ лаштык дизайнын эше ик примерыже — Calm сайт. Нунын тӱҥ лаштык дизайнышт ару да брендын значенийже дене келшен толеш. Тыгак, Zenefits тӱҥ лаштык — тыгаяк дизайн дене веб-сайтын чапле примерыже, но вес шижмаш дене. Тиде случайыште, прокрутка дизайн тӱҥ лаштыкым кум мер ончыкта да тӱрлӧ тӱсан символ-влакым ончыкта.

Мучашлан, тыглай тӱҥ лаштык дизайн темлымашым раш ончыкташ ойырен налшаш, унагудо деч посна. Тендан серышдам раш колаш полшаш манын, TruAccent йӱкым палыме технологий гай куатле ӱзгарым кучылт кертыда. Copyblogger тыгак кумылым тарваташ да лудшо-влак дене кылым кучаш куатле мут-влакым кучылташ темла. Авторитет гай мут-влакым кучылтмаш, куатле пайдале, да тыглай чыла сай йӧн тендан тӱҥ лаштыкыште вниманийым ойырен.

Images

Images are an important part of homepage design for a variety of reasons. Нуно текстым шеледаш полшат да вӱдышӧ-влакым кумылаҥдат. Шуко бизнес шке продукцийыштым да услугыштым визуальный ӱжмашым пуашлан утларак сӱретым пурта. Тӱҥ лаштыкыште текстым шеледыме эше ик сай йӧн — значок-влакым кучылтмаш. Икон-влакын символ значенийышт уло, да лаштыкыште текстым кӱчыкемдаш йӧнан йӧн улыт.

Ойырен налме сӱрет-влак тендан тӱҥ лаштыкда дене кылдалтше лийшаш улыт. Мутлан, туризм отрасльыште улыда гын, те пиалан серфер-влакын сӱретыштым кучылташ шонеда. Сӱрет-влак информаций лийшаш огытыл, но нуно йӱкым шындышаш улыт. Оҥай дизайным ышташ, ончышо-влакым кумылаҥдыше сӱретым кучылт. Тыланда тыгак шке уна-влаклан иктаж-могай йӱкым ончыкташ стоковый сӱрет-влакым кучылташ лиеш. Тиде поснак тендан сайтыште вашлийме атмосферым ышташ полша.

Video

Adding video to your homepage design is a great way to enhance your landing page and increase your conversions. Видео-влак шуко тӱрлӧ улыт, кудым тый кучылт кертат, да нуно чыланат тендан тӱҥ лаштыкын ӱжмашыжым ешарат. Тендан тӱҥ лаштыкышкыда видеом пурташ — тиде тендан сайтдам конкуренций деч ойыртемалтше ышташ сай йӧн.

Тендан тӱҥ лаштыкыште видео тендан шкешотан ужалыме вердам ончыкта, шке сатум але услугым ончыкташ, да шке ӱжмашетлан тӱткышым ойыраш. Тудо тендан лаштыкын ӱлнӧ але рӱдыштӧ лийшаш. Видео эн сай верыште вераҥдыме манын ӱшанаш, еҥ-влакын тӱҥ лаштыкым кузе ончымыштым лончылаш шокшо картым кучылтман. Видеошто шуко информацийым шаркалыме деч утлыза. Варажым эре шукырак видеом ыштен кертыда, сандене шке тӱҥ пайдалыкдам ончыкташ ойырен налза.

Тендан видеода тӱҥ лаштыкыште улшо моло контент деч ойыртемалтше лийже манын, кӱлешан. Начарын ыштыме видео тендан сайтдам профессионал деч шагалрак ыштен кертеш, да чумыр серышлан нимом ешарен огыл. Тидын деч утлаш манын, ӱшанен, тендан видео сайын ыштыме да сайын монтажым ыштыме. Лиеш гын, видеом окна воктене але фоновый шум шагал улмо верыште сниматлыза.

Тендан тӱҥ лаштыкын дизайныштыже видео еҥ-влакын ссылке-влакым темдалме да тендан контентдам ончымо йӧнжым кугемден кертеш. Тиде дизайн элемент тыгак тендан навигация саемден кертеш. Видео тендан системын ресурсшын кугу ужашыжым налын кертеш. Тендан видеом шке тӱҥ лаштыкыште кучылтыда гын, кӱкшӧ разрешениян видеом ойырен налза, тудо пеш кугу огыл.

Навигаций

A website’s navigation is one of the most important design elements. Ончаш толшо-влак сайтыш тӱрлӧ источник гыч толыт, кычалше системын лектышыжым да моло веб-сайтла гыч ссылке-влакым пуртымо. Тендан ойырен налме навигаций структурда тендан целевой аудиторийлан келшен толшаш. Тыгак уна-влакын могай верлашке коштмыштым палемдаш кӱлешан. Начар навигаций дене сайтыш сай навигаций дене таҥастарымаште шагалрак пурат.

Путаница ынже лий манын, навигацийым муаш куштылго да лийме семын кӱчыкын ыштыза. Ӱлыл навигаций панельыште шым элемент деч шуко огыл лийшаш. Айдеме вуйдорыкшо шым арверым гына шарнен кертеш, тыге шагалрак арвер-влак уна-влаклан мом кычалыт, тудым муаш куштылго лийже. Тыгак, социальный сетьлаште кнопко-влакым йымалне вераҥдыман, тыге пайдаланыше-влак нунын деч огыт ӧрыктаре.

Сай навигаций тыгак тендан кычалше системын оптимизацийжым кугемда. Тиде тыге, молан манаш гын, сай навигация кычалше системын тендан сайтыште утларак пайдалын сканер полша, кычалмаш лектышыште кугурак верым налын. Ешартыш, куштылго навигаций налме вероятностьым кугемда. Еҥ-влак чӱчкыдынак налмашым ыштат, кунам нуно мом кычалыт, тудым муаш куштылго. Тулечат утла, сай навигаций тендан деке пурышо-влаклан тендан сайтыште утларак йӧнан шижмашым ышта.

Навигацийым кучылташ куштылго лийже манын, волгалтарыше меню-влак улыт. Тиде меню-влак кӱшыл кӱкшытан категорий ден подкатегорий-влакым ончыктат, тыгак контент деке ссылке-влакым пуат. Нуно тыгак сложный IA дене веб-сайт-влаклан пеш сай улыт.

Cascading menus

Cascading menus are an effective way to display an extensive list of options for users. Бирок, чын вераҥдыме да шыҥдарымаш пайдаланышын сай опытшо верч кӱлешан улыт. Тӱҥ лаштыкын дизайнышкыже меню-влакым пурташ икмыняр каҥашым пуымо. Меню опций-влакым логический тӱшкаш вераҥдыман да кажныжлан сӱретлыме лӱм-влакым пуыман. Тыгак кужу але путаен шогышо меню лӱм-влакым ыштыме деч утлаш кӱлешан.

Нью-Йорк Таймс шке сайтыштыже горизонтальный волгалтарыше менюм кучылтеш. Пайдаланыше-влаклан лаштыкым уэмдыме деч посна тӱрлӧ опций гоч куштылгын куснаш йӧным пуа. Пайдаланыше-влак шке кумылан вариантыштым куштылгын ойырен кертыт да кычалмашым куштылгын тарватен кертыт. Тӱҥ лаштыкыште улшо меню-влак тыгак пайдаланыше-влаклан кумда ойырен налме йӧн-влакым ончыктат.

Шуко веб-сайт йоҥылыш ышта, тӱҥ содержаний деч ӱлнӧ неле меню вераҥдыме. Тендан сайтын функциональностьшым кугемдаш тыглай йӧн-тиде куштылго навигация. Сайын ыштыме волгалтарыше меню сай коеш да йӧршын пашам ыштышаш. Тендан навигаций тӱс схемым вашталташ кӱлеш, тыге пайдаланыше кӱлеш вариантым куштылгын ойырен налын кертеш. Кок да йошкар тӱсым кучылтыда гын, нуно ойыртемалтше улыт манын ӱшанен лийза.

Липкий подменю пуртымаш — тиде тендан меню-влакын пайдалыкыштым кугемдаш эше ик пайдале йӧн. Тиде типлан меню кажне ужашын тӱҥ вуймутшо гыч элемент-влакым луктеш. Липкий подменю-влак ончышо-влакым келшыше ужашыш виктарат. Ешартыш, липкий подменю тендан окна ӱмбалне кодеш, ойыртемалтше ужашым палемдаш манын, тудо миен коштын.

Easy to navigate

When designing a homepage, эн ончыч шотыш налаш кӱлеш, еҥ-влаклан контент гоч кошташ мыняр куштылго. Еҥ-влак кӱлеш информацийым писын муаш шонат. Навигаций панельым кучылташ йӧнан лийже да лаштыкын ӱлнӧ але пурла лукыштыжо верланен. Пайдаланыше шке кычалмыжым нимогай нелылык деч посна муын кертшаш.

Тӱҥ лаштык тыгак уна-влакын йодышыштлан вашмутым пуэн кертшаш. Шукыжо уна-влак шке йодышыштлан вашмутым йодыт. Тиде йодыш-влаклан эн сай вашмутым пуашлан тендан сайтда контентын фокусшым тарваташ сай шонымаш. Тиде уна-влаклан кычалме информацийым муаш да вес лаштыкыш куштылгын куснаш полша.

Тӱҥ лаштыкын дизайнжын эше ик кӱлешан аспектше — тудын копийже. Копий куштылго да лудаш йӧнан лийшаш. Тудо уна-влакын тӱткышыштым савырен кертшаш да нуным сайтыште ойыртемалтше мероприятийым ышташ таратен кертеш. Герой образ тыланда тидым ышташ полша. Герой образым кучылтмо тӱҥ лаштыкын дизайнже уна-влакым шкеж деке ӱжмаште пеш пайдале.