9 страница22 июня 2019, 01:38

Глава 6.1

Раз­де­лы

Па­нель раз­де­лов – ее ино­гда на­зы­ва­ют ос­нов­ной на­ви­га­ци­ей (pri­mary navi­gation) – со­дер­жит ссыл­ки на ос­нов­ные раз­де­лы сай­та, пред­став­ляю­щие верх­ний уро­вень ие­рар­хии сай­та.

cf3f186657612c0680bec36b2fd1edd5.jpg

В боль­шин­ст­ве слу­ча­ев по­сто­ян­ная на­ви­га­ция (per­sis­tent navi­ga­tion) со­дер­жит так­же и вто­рич­ную на­ви­га­цию (sec­on­dary navi­ga­tion), т. е. спи­сок под­раз­де­лов те­ку­ще­го раз­де­ла.

ecb67ea0cea8ae6d3ab440cbcff5ba00.jpg

Сер­ви­сы

Сер­ви­са­ми на­зы­ва­ют­ся ссыл­ки на до­воль­но важ­ные ком­по­нен­ты сай­та, не принад­ле­жа­щие к ие­рар­хии смы­сло­во­го со­дер­жа­ния. 

a3687208e04ebe5efaa9db49c9adb92f.jpg

Сю­да вхо­дят ли­бо раз­де­лы, ко­то­рые по­мо­га­ют мне поль­зо­вать­ся сай­том, на­пример «По­мощь» (Help), «Кар­та сай­та» (Site Map), «Кор­зи­на» (Shop­ping Cart), ли­бо раз­де­лы, ко­то­рые со­дер­жат ин­фор­ма­цию о соз­да­те­ле сай­та, на­при­мер «О нас»(About Us), «Как с на­ми свя­зать­ся» (Con­tact Us).Так же как и ука­за­те­ли вспо­мо­га­тельных служб в ма­га­зи­не, спи­сок сер­ви­сов  дол­жен быть ме­нее за­ме­тен, чем спи­сок раз­де­лов сай­та.

56baf57c2894f57b6b33e8a0cfc92925.jpg

На­бор сер­ви­сов мо­жет варь­и­ро­вать­ся в за­ви­си­мо­сти от ти­па сай­та. На­при­мер,кор­по­ра­тив­ный сайт или ин­тер­нет-ма­га­зин мо­жет иметь сле­дую­щие сер­ви­сы: 

0d510e16ac32c1d5eac820eaaf016b8c.jpg

Как пра­ви­ло, по­сто­ян­ная на­ви­га­ция мо­жет вме­стить толь­ко че­ты­ре или пять сер­ви­сов из тех, ко­то­рые ча­ще все­го мо­гут по­на­до­бить­ся поль­зо­ва­те­лю. Ес­ли вы по­пы­тае­тесь по­мес­тить ту­да боль­шее ко­ли­че­ст­во сер­ви­сов, то ра­зо­брать­ся в них бу­дет уже труд­нее. Ре­же ис­поль­зуе­мые сер­ви­сы мож­но со­брать в от­дель­ную группу на на­чаль­ной стра­ни­це.

Сто­ит отой­ти на три щелч­ка, как сра­зу вспо­ми­на­ешь, что «нет мес­та луч­ше до­ма»

Од­ним из важ­ней­ших эле­мен­тов по­сто­ян­ной на­ви­га­ции яв­ля­ет­ся кноп­ка или ссыл­ка для пе­ре­хо­да на на­чаль­ную стра­ни­цу сай­та. Рас­по­ло­жен­ная на вид­ном мес­те, кноп­ка на­чаль­ной стра­ни­цы да­ет поль­зо­ва­телю уве­рен­ность, что, да­же за­блу­див­шись в не­драх сай­та, с ее по­мо­щью он все­гда смо­жет на­чать все сна­ча­ла, буд­то бы на­жав «Сброс» или по­лу­чив про­пуск «Свобо­ден» на вы­ход из тюрь­мы. По­след­нее вре­мя поя­ви­лась прак­ти­ка ис­поль­зо­вать ло­го­тип сай­та в ка­че­ст­ве кноп­ки для пе­ре­хо­да к на­чаль­ной стра­ни­це. На мой взгляд, эту цен­ную идею сто­ит взять на воо­ру­же­ние и на дру­гих сай­тах, од­на­ко край­не ма­ло поль­зо­ва­телей знают о та­кой воз­мож­ности. Итак, мож­но по­ре­ко­мен­до­вать один из сле­дую­щих ва­ри­ан­тов:

- ли­бо вклю­чить ссыл­ку «Home»(В на­ча­ло) в стро­ку раз­де­лов или сер­ви­сов;

c87bc14b0fa90171e682bebf6d0998ce.jpg

- ли­бо на ка­ж­дой стра­ни­це,кро­ме на­чаль­ной, до­ба­вить к ло­го­ти­пу сай­та вы­ра­же­ние«Home» (В на­ча­ло).

2aa5f6e8683df00ff458f84da24e8ffd.jpg

По­иск

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

f36b12cd0b237b1420dfb4e2ac2dbb53.jpg

Фор­му­ла ок­на по­ис­ка до­воль­но про­ста: ок­но, кноп­ка и сло­во «Search» (По­иск). Не ус­лож­няй­те жизнь по­се­ти­те­лям ва­ше­го сай­та – при­дер­жи­вай­тесь этой про­стой фор­му­лы, учи­ты­вая сле­дую­щее:

- Из­бе­гай­те не­при­выч­ных на­зва­ний. Поль­зо­ва­те­ли бу­дут ис­кать сло­во «Поиск», по­это­му ис­поль­зуй­те имен­но его, а не сло­ва «Най­ти», «Бы­ст­ро най­ти»,«Бы­ст­рый по­иск», «По­иск по клю­че­вым сло­вам». (Ес­ли сло­во «По­иск» вы упот­ре­би­ли в ка­че­ст­ве за­го­лов­ка для ок­на по­ис­ка, то на кноп­ке ис­поль­зуй­те над­пись «Пуск» («Go»)).

- Из­бе­гай­те ин­ст­рук­ций. Ес­ли вы бу­де­те при­дер­жи­вать­ся этой фор­му­лы, то лю­бой, кто поль­зо­вал­ся Ин­тер­не­том хо­тя бы па­ру дней, смо­жет ра­зо­брать­сяс тем, как при­ме­нять ок­но по­ис­ка. До­бав­ле­ние фра­зы «Вве­ди­те клю­че­вое сло­во для по­ис­ка» на­по­ми­на­ет за­пись на ав­то­от­вет­чи­ке: «Ос­тавь­те свое со­обще­ние по­сле сиг­на­ла». Рань­ше на­до бы­ло объ­яс­нять по­сле­до­ва­тель­ность дейст­вий, но сей­час это зву­чит не­уме­ст­но.

- Оп­ции. Что­бы из­бе­жать пу­та­ни­цы с ши­ро­той поис­ка (про­смот­реть весь сайт?, часть сай­та?, всю Сеть?), обя­за­тель­но обо­значь­те об­лас­ти по­ис­ка понят­ным об­ра­зом.

f34b11fd9bb8ba818035e04a8db56714.jpg

Од­на­ко хо­ро­шо про­ду­май­те оп­ции ог­ра­ни­че­ния об­лас­ти по­ис­ка (на­при­мер,«толь­ко в те­ку­щем раз­де­ле»), а так­же оп­ции рас­ши­ре­ния за­про­са (на­пример, уточ­не­ния по на­зва­нию, име­ни ав­то­ра, но­ме­ру то­ма, на­име­но­ва­нию продук­та).

Мне ред­ко при­хо­ди­лось ви­деть слу­чаи, ко­гда не­об­хо­ди­мость за­ду­мы­вать­ся над тем, что та­кое «оп­ции рас­ши­рен­но­го по­ис­ка», как имен­но и нуж­но ли их при­ме­нять, оп­рав­ды­ва­лась бы по­тен­ци­аль­ной поль­зой от до­бав­ле­ния их к обыч­но­му ок­ну по­ис­ка. Ес­ли вы хо­ти­те дать поль­зо­ва­те­лю воз­мож­ность рас­ши­рен­но­го по­ис­ка, тодай­те ее то­гда, ко­гда это дей­ст­ви­тель­но нуж­но: ес­ли по за­про­су бы­ло по­лу­чено слиш­ком мно­го ре­зуль­та­тов.

Од­ной из глав­ных при­чин ус­пе­ха сай­та Ama­zon, на мой взгляд, яв­ля­ет­ся разум­ная ор­га­ни­за­ция сис­те­мы по­ис­ка. Как я упо­мя­нул в пер­вой гла­ве, Amazon – это один из пер­вых (ес­ли не са­мый пер­вый) книж­ных ин­тер­нет-ма­га­зинов, в по­ис­ко­вом ок­не ко­то­ро­го не ста­ли ис­поль­зо­вать оп­цию вы­бо­ра по назва­нию, име­ни ав­то­ра или клю­че­во­му сло­ву. Вме­сто это­го поль­зо­ва­тель может вво­дить лю­бую це­поч­ку сим­во­лов и по ней по­лу­чать ре­зуль­та­ты сво­его за­про­са.

Я не­сколь­ко раз про­во­дил тес­ти­ро­ва­ния он­лай­но­вых книж­ных ма­га­зи­нови за­ме­тил, что пер­вое дей­ст­вие, ко­то­рое поль­зо­ва­те­ли очень час­то со­вер­шают при об­ра­ще­нии к по­ис­ко­вым сис­те­мам на та­ких сай­тах, – это по­пыт­ка най­ти кни­гу, дан­ные о ко­то­рой им из­вест­ны, для то­го что­бы про­ве­рить, насколь­ко хо­ро­шо ра­бо­та­ет по­ис­ко­вая сис­те­ма. Мно­же­ст­во тес­тов по­ка­за­ло,что уже пер­вое ис­поль­зо­ва­ние по­ис­ко­вой сис­те­мы на сай­те Ama­zon за­кан­чива­лось ус­пе­хом, то­гда как при­ме­не­ние оп­ций по­ис­ко­вых сис­тем на дру­гих сай­тах не да­ва­ло поль­зо­ва­те­лям же­лае­мых ре­зуль­та­тов, по­сколь­ку они не мог­ли вос­поль­зо­вать­ся эти­ми оп­ция­ми пра­виль­но.

Ес­те­ст­вен­но, ес­ли вы обес­пе­чи­вае­те по­ис­ко­вую сис­те­му до­пол­ни­тель­ны­ми оп­ция­ми, то вам сле­ду­ет убе­дить­ся, что они ра­бо­та­ют нор­маль­но. 

На­при­мер, ко­гда на сай­те Inter­net Movie Da­ta­base я по­пы­тал­ся най­ти ци­та­ту «От­вра­ти­тель­ные же­то­ны» из «Со­кро­ви­ще в Сьер­ра Мад­ре», то при зна­че­нии оп­ции по­ис­ка «Все», при­ня­той по умол­ча­нию, по сло­ву «при­зна­ки» был найден толь­ко один ва­ри­ант: ка­кое-то ста­рое те­ле­ви­зи­он­ное шоу. 

af46bd876b268a25835528630a4c80ce.jpg

Вто­рич­ная, тре­тич­наяи ка­кая там еще на­ви­га­ция

Ко­гда ди­зай­не­ры, с ко­то­ры­ми мне еще не при­хо­ди­лось ра­бо­тать, при­но­сят пробные ва­ри­ан­ты стра­ниц для тес­ти­ро­ва­ния их юза­би­ли­ти, очень час­то ока­зы­ва­ется, что блок-схе­ма сай­та со­дер­жит че­ты­ре струк­тур­ных уров­ня... 

9f93983879fd6586c2cef1d2e848bb9c.jpg

И то­гда я на­чи­наю кру­тить эти стра­ни­цы, не­до­уме­вая, ку­да по­де­ва­лось все осталь­ное, и ста­ра­юсь най­ти ме­сто, где они чу­дес­ным об­ра­зом смог­ли уко­ро­титься. Од­на­ко эти по­ис­ки ни­чем не за­кан­чи­ва­ют­ся. Ви­ди­мо, это од­на из са­мых распро­стра­нен­ных про­блем веб-ди­зай­на (осо­бен­но это ка­са­ет­ся боль­ших сай­тов) –не­дос­та­точ­ное вни­ма­ние к на­ви­га­ции ниж­них уров­ней сай­та по срав­не­ниюс верх­ни­ми. На мно­гих сай­тах, как толь­ко вы про­хо­ди­те че­рез вто­рой струк­турный уро­вень, на­ви­га­ция пе­ре­ста­ет ра­бо­тать и ста­но­вит­ся про­из­воль­ной. Эта пробле­ма на­столь­ко рас­про­стра­не­на, что труд­но най­ти при­мер сай­та с хо­ро­шо разра­бо­тан­ной на­ви­га­ци­ей до третье­го уров­ня.По­че­му так про­ис­хо­дит?

От­час­ти это свя­за­но с тем, что хо­ро­шую мно­го­уров­не­вую на­ви­га­цию про­сто-напро­сто труд­но рас­счи­тать: объ­ем про­стран­ст­ва на стра­ни­цах ог­ра­ни­чен, а ко­личе­ст­во эле­мен­тов, ко­то­рые нуж­но в них вме­стить, до­воль­но боль­шое.От­час­ти это про­ис­хо­дит из-за то­го, что у раз­ра­бот­чи­ков не хва­та­ет вре­ме­ни нараз­ра­бот­ку даже пер­вых двух уров­ней сай­та. Кро­ме то­го, по­че­му-то раз­ра­бот­чи­кам ка­жет­ся, что это не так уже и важ­но: «В кон­це кон­цов, ведь это не пер­вич­ная и да­же не вто­рич­ная на­ви­га­ция...».И мно­гие счи­та­ют, что к то­му мо­мен­ту, ко­гда поль­зо­ва­тель до­бе­р­ет­ся до ниж­них уров­ней сай­та, он уже и сам мо­жет ра­зо­брать­ся в том, как все ра­бо­та­ет. Ко все­му про­че­му су­ще­ст­ву­ет еще про­бле­ма со­дер­жа­ния стра­ниц ниж­не­го уровня. Ко­гда раз­ра­бот­чи­ки сай­та за­пра­ши­ва­ют это со­дер­жа­ние, они не все­гда могут по­лу­чить его да­же у тех, кто от­вет­ст­ве­нен за его под­бор, по­сколь­ку ма­ло кому при­хо­ди­ло в го­ло­ву про­ду­мы­вать сайт на­столь­ко глу­бо­ко. Тем не ме­нее поль­зо­ва­те­ли тра­тят на стра­ни­цы с ниж­них уров­ней ие­рар­хии сайта не мень­ше вре­ме­ни, чем на стра­ни­цы с верх­них уров­ней. По­это­му ес­ли сра­зу тща­тель­ным об­ра­зом не раз­ра­бо­тать на­ви­га­цию для всей струк­ту­ры сай­та, с самых верх­них до са­мых ниж­них его уров­ней, то по­том по­сле­до­ва­тель­но до­полнить ее бу­дет на­мно­го труд­нее. Вы­вод? Очень важ­но обес­пе­чить проб­ные стра­ни­цы на­ви­га­ци­ей для всех пред­пола­гае­мых уров­ней струк­ту­ры сай­та еще до то­го, как вы нач­не­те об­су­ж­дать вопро­сы цве­то­вой па­лит­ры на­чаль­ной стра­ни­цы.

На­зва­ния стра­ниц, или по­че­му я люб­лю ез­дить по Лос-Анд­же­ле­су

Ес­ли вы ко­гда-ни­будь бы­ли в Лос-Анд­же­ле­се, то по­ни­мае­те, что это не ли­ри­ческая пес­ня, а го­род боль­ших до­рог.  Жи­те­ли Лос-Анд­же­ле­са очень серь­ез­но от­носят­ся к ав­то­во­ж­де­нию. Ви­ди­мо, по­это­му в го­ро­де са­мые луч­шие до­рож­ные знаки и ука­за­те­ли улиц из всех, ко­то­рые я ко­гда-ли­бо ви­дел. В Лос-Анд­же­ле­се:

- До­рож­ные зна­ки име­ют боль­шие раз­ме­ры. Ко­гда вы ос­та­нав­ли­вае­тесь на од­ном пе­ре­кре­ст­ке, то мо­же­те про­чи­тать ука­за­тель, ус­та­нов­лен­ный на сле­дую­щем.

- Ка­ж­дый знак на­хо­дит­ся на пра­виль­ном мес­те, т. е. над до­ро­гой, по ко­то­ройвы еде­те, по­это­му вам нуж­но все­го лишь по­смот­реть вверх, что­бы про­честь его.

Дол­жен при­знать, что мне очень по­нра­ви­лось та­кое от­но­ше­ние к во­ди­те­лям, таккак я сам из Бос­то­на, где уда­чей мож­но счи­тать уже то, что вам уда­лось раз­глядеть на­зва­ние ули­цы, на ко­то­рую нуж­но по­вер­нуть.

1d728741f76157c984d727f722b2d92f.jpg

В ре­зуль­та­те при по­езд­ке по Лос-Анд­же­ле­су я тра­чу мень­ше уси­лий и вни­ма­нияна то, что­бы оп­ре­де­лить, где я на­хо­жусь, по­это­му мо­гу боль­ше со­сре­до­то­чить­сяна дви­же­нии, раз­го­во­рах с по­пут­чи­ка­ми и про­слу­ши­ва­нии лю­би­мой ра­дио­пе­реда­чи. Мне нра­вит­ся ез­дить по Лос-Анд­же­ле­су. 

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

- Ка­ж­дая стра­ни­ца долж­на иметь на­зва­ние. Так же как на ка­ж­дом пе­ре­крест­ке дол­жен на­хо­дит­ься ка­кой-ли­бо до­рож­ный знак или ука­за­тель, ка­ж­дая веб-стра­ни­ца долж­на иметь свое на­зва­ние.  

dc8c9f267e850e5d0a931cbf225b17f6.jpg

Не­ко­то­рым ди­зай­не­рам ка­жет­ся, что дос­та­точ­но все­го лишь вы­де­лить на­звание стра­ни­цы в на­ви­га­ции. Это, ко­неч­но, за­ман­чи­вая идея, по­то­му что таким об­ра­зом мож­но сэ­ко­но­мить ме­сто на стра­ни­це. Тем не ме­нее это­го не­доста­точ­но, и на стра­ни­це все-та­ки долж­но быть ее на­зва­ние.

b4e4fd1b5780372682eb08fba3897ae6.jpg

- На­зва­ние стра­ни­цы долж­но на­хо­дить­ся в пра­виль­ном мес­те. Дру­ги­ми слова­ми, на­зва­ние стра­ни­цы долж­но за­ни­мать в ее ви­зу­аль­ной ие­рар­хии та­кое ме­сто, что­бы оно «об­рам­ля­ло» рас­по­ло­жен­ное на ней со­дер­жа­ние. (В кон­це кон­цов, в этом со­сто­ит ос­нов­ная за­да­ча имен­но на­зва­ния, а не на­ви­га­ции или рек­ла­мы, ко­то­рые, в свою оче­редь, пред­став­ля­ют все­го лишь ин­фраструк­ту­ру сай­та.)

- На­зва­ние стра­ни­цы долж­но быть за­мет­ным. По­зи­ция, раз­мер, цвет и шрифт на­зва­ния долж­ны яс­но по­ка­зы­вать, что это за­гла­вие для всей стра­ни­цы в целом. По­это­му чаще всего текст на­зва­ния стра­ни­цы бу­дет иметь са­мый большой раз­мер.

- На­зва­ние стра­ни­цы долж­но со­от­вет­ст­во­вать на­зва­нию ссыл­ки, по ко­то­рой я щелк­нул. Су­ще­ст­ву­ет не­глас­ное пра­ви­ло о том, что «на­зва­ние стра­ни­цы со­от­вет­ст­ву­ет тем сло­вам, по ко­то­рым я щелк­нул мы­шью для то­го, что­бы на эту стра­ни­цу по­пасть». Дру­ги­ми сло­ва­ми, ес­ли я щел­каю по ссыл­ке или кноп­ке с на­зва­ни­ем «Го­ря­чее кар­то­фель­ное пю­ре», то дол­жен про­изой­ти пере­ход к стра­ни­це с на­зва­ни­ем «Го­ря­чее кар­то­фель­ное пю­ре».

2205e1a66fbb8d8bf19151c1749c8727.jpg

Это мо­жет по­ка­зать­ся ба­наль­ным, но в дей­ст­ви­тель­но­сти это не­глас­ное прави­ло име­ет очень боль­шое зна­че­ние. В слу­чае, ко­гда это пра­ви­ло на сай­те нару­ша­ет­ся, мне при­хо­дит­ся, пусть да­же на мил­ли­се­кун­ду, за­ду­мать­ся: «По­чему это от­ли­ча­ет­ся от то­го?». И ес­ли на­зва­ние ссыл­ки су­ще­ст­вен­но от­ли­ча­ется от на­зва­ния стра­ни­цы или име­ет­ся мно­го мел­ких не­со­от­вет­ст­вий, то мое до­ве­рие к сай­ту, а зна­чит, и к его из­да­те­лям, сни­жа­ет­ся. Ес­те­ст­вен­но, в не­ко­то­рых слу­ча­ях при­дет­ся ис­кать ком­про­мисс­ный ва­риант, так как про­стран­ст­во стра­ни­цы ог­ра­ни­че­но. Ес­ли сло­ва, по ко­то­рым я щел­каю мы­шью, по ка­ким-то при­чи­нам точ­но не со­от­вет­ст­ву­ют на­зва­нию стра­ни­цы, то важ­но до­бить­ся то­го, что­бы, во-пер­вых, они со­от­вет­ст­во­ва­ли друг дру­гу в мак­си­маль­но воз­мож­ной сте­пе­ни и, во-вто­рых, что­бы при этом при­чи­на не­со­от­вет­ст­вия бы­ла яс­на для поль­зо­ва­те­ля. На­при­мер, ес­ли на сайте Gap.com я щел­каю по кноп­кам с на­зва­ния­ми «По­дар­ки для не­го» и «Подар­ки для нее», то пе­ре­хо­жу на стра­ни­цы, ко­то­рые на­зы­ва­ют­ся «По­дар­кидля муж­чин» и «По­дар­ки для жен­щин». На­зва­ния кно­пок и стра­ниц не совпа­да­ют точ­но, од­на­ко они ка­жут­ся на­столь­ко рав­но­знач­ны­ми друг дру­гу,что это не вы­зы­ва­ет у ме­ня да­же ма­лей­ше­го раз­мыш­ле­ния.

9 страница22 июня 2019, 01:38

Комментарии

0 / 5000 символов

Форматирование: **жирный**, *курсив*, `код`, списки (- / 1.), ссылки [текст](https://…) и обычные https://… в тексте.

Пока нет комментариев. Будьте первым!