8 страница17 июня 2019, 11:11

Глава 6. Дорожные знаки и «хлебные крошки»


Раз­ра­бот­ка на­ви­га­ции

Это прав­да:

Лю­ди не ста­нут поль­зо­вать­ся ва­шим сай­том, ес­лиим не бу­дет по­нят­но, как по не­му пе­ре­ме­щать­ся.

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

В ма­га­зи­не

Пред­ста­вим се­бе сле­дую­щую кар­ти­ну: в суб­бот­ний день вы от­прав­ляе­тесь в мага­зин, что­бы ку­пить цеп­ную пи­лу.Уже на вхо­де вы за­ду­мы­вае­тесь: «Где же у них здесь пи­лы?». Зай­дя в ма­га­зин,вы на­чи­нае­те про­смат­ри­вать на­зва­ния от­де­лов – они на­пи­са­ны круп­ны­ми бу­ква­ми и вы­ве­ше­ны на сте­не так, что вы мо­же­те ви­деть их с лю­бо­го мес­та.

05da87733912bf2ea0ecb15aae0f591a.jpg

Вы за­ду­мы­вае­тесь: «Хм, «Ин­ст­ру­мен­ты»? Или «Сад и га­зон»?». Зная, что этот ма­газин спе­циа­ли­зи­руется на ин­ст­ру­мен­тах, вы от­прав­ляе­тесь в от­дел «Ин­ст­ру­мен­ты».Придя ту­да, вы смот­ри­те на таб­лич­ки в кон­це ка­ж­до­го то­вар­но­го ря­да.

865e7ee6850c00ce12362e3467548401.jpg

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

94649cc6a88482adcd41a27d2e832ac0.jpg

c52e0557b75c8fd755bd7fb7635a1f3d.jpg

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

С уче­том это­го ре­ше­ния вся схе­ма бу­дет вы­гля­деть та­ким об­ра­зом:

86ed1155dbadfc079db8d7ed198faa5a.jpg

Об­ра­ти­те вни­ма­ние, что да­же ес­ли вы от­пра­ви­тесь на са­мо­стоя­тель­ные по­ис­кинуж­но­го вам то­ва­ра, то в слу­чае не­уда­чи вам, воз­мож­но, все же при­дет­ся при­бегнуть к по­мо­щи пер­со­на­ла. 

На­чаль­ный курс по веб-на­ви­га­ции 

По­се­ще­ние ма­га­зи­на во мно­гих от­но­ше­ни­ях на­по­ми­на­ет по­се­ще­ние веб-сай­та.

  - Обыч­но вы хо­ти­те что-то най­ти. В «ре­аль­ном» ми­ре это мо­жет быть ава­рийный вы­ход или бан­ка кон­сер­вов. В Ин­тер­не­те это мо­жет быть по­иск са­мо­годе­ше­во­го 4-го­ло­воч­но­го ви­део­маг­ни­то­фо­на «с час­тич­ной оп­ла­той» или имени ак­те­ра из Ка­саб­лан­ки, ко­то­рый иг­рал офи­ци­ан­та «У Ри­ка». 

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

433b690f5a6af4f9b283522a004d1c42.jpg

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

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

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

d7702dc717ec740f153978c2c8209d20.jpg

За­тем вы вы­би­рае­те из спи­ска под­раз­де­лов.

be229862b44b466e633613f3db349d7b.jpg

И по­сле то­го как вы сде­лае­те еще один или два кли­ка, вы дос­тиг­не­те спи­скапред­ме­тов нуж­но­го вам ти­па:

52a5dffe637ca98d113d8ccc2a1eaadf.jpg

Затем вы мо­же­те щелк­нуть по ссыл­кам на от­дель­ные то­ва­ры, что­бы рас­смотреть их под­роб­но, в точ­но­сти так, как ес­ли бы вы бра­ли эти то­ва­ры с тор­говых по­лок и чи­та­ли их яр­лы­ки.

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

Итак, вся схе­ма про­цес­са вы­гля­дит сле­дую­щим об­ра­зом:

52d2f1ab740824ce0d06a656b5dd2bbf.jpg

Не­вы­но­си­мая лег­кость сер­фин­га

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

- Нет ощу­ще­ния мас­шта­ба. Да­же ес­ли мы уже хо­ро­шо зна­ко­мы с ка­ким-тосай­том – ис­клю­че­ние со­став­ля­ют толь­ко со­всем не­боль­шие, – нам труд­но опре­де­лить его объ­ем (50?, 1000?, 17000 стра­ниц?). Мы зна­ем, что на сай­те могут быть еще не­ис­сле­до­ван­ные на­ми угол­ки, объ­ем ко­то­рых мо­жет ока­заться до­воль­но боль­шим. Ес­ли же речь идет о жур­на­ле, му­зее, от­де­ле ма­га­зи­на,вы все­гда имее­те хо­тя бы при­бли­зи­тель­ное пред­став­ле­ние о до­ли уже уви­денно­го и еще не уви­ден­но­го ва­ми.Та­ким об­ра­зом, не все­гда лег­ко оп­ре­де­лить, все ли вы ви­де­ли на сай­те из того, что вас ин­те­ре­су­ет, и, сле­до­ва­тель­но, труд­но оце­нить, ко­гда мож­но за­кончить его про­смотр.

- Нет ощу­ще­ния на­прав­ле­ния. В це­лом, на сай­те нет по­ня­тий вле­во и впра­воили вер­х и ни­з. Мож­но толь­ко го­во­рить о дви­же­нии «вверх или вниз» от­но­ситель­но струк­тур­ной ие­рар­хии – в на­прав­ле­нии к бо­лее об­щим или бо­лее конкрет­ным его уров­ням.

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

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

И на­пра­вим­ся пря­мо к ним.

6b2d9422705bbbe79fc420c2c9fdfff1.jpg

Но в Ин­тер­не­те ва­ша но­га ни­ко­гда не ка­са­ет­ся зем­ли, и вы мо­же­те пе­ре­мещать­ся, толь­ко щел­кая мы­шью по ссыл­кам. Щелк­нув по над­пи­си «Элек­троин­ст­ру­мент», вы сра­зу те­ле­пор­ти­руе­тесь в то­вар­ный ряд с элек­три­че­ски­миин­ст­ру­мен­та­ми, без про­хо­ж­де­ния ка­ко­го-ли­бо рас­стоя­ния и не встре­чая каких-ли­бо дру­гих то­ва­ров во вре­мя пе­ре­ме­ще­ния.Ес­ли мы хо­тим вер­нуть­ся к че­му-ли­бо, то нам нуж­но вспом­нить, где это нахо­дит­ся, но не в пря­мом – фи­зи­че­ском – смыс­ле, а в рам­ках струк­тур­ной иерар­хии и кон­цеп­ции сай­та, и за­тем вер­нуть­ся в то ме­сто.Имен­но по этой при­чи­не за­клад­ки, или со­хра­няе­мые пер­со­наль­ные ин­тернет-яр­лы­ки, име­ют та­кое боль­шое зна­че­ние, и имен­но по­это­му по кноп­ке«На­зад» де­ла­ет­ся от 30 до 40 про­цен­тов всех кли­ков в Ин­тер­не­те.Это так­же объ­яс­ня­ет, по­че­му кон­цеп­ция на­чаль­ной стра­ни­цы сай­та на­столько важ­на. На­чаль­ная стра­ни­ца – это срав­ни­тель­но фик­си­ро­ван­ная по­зи­ция.Для поль­зо­ва­те­ля на­чаль­ная стра­ни­ца на сай­те вы­пол­ня­ет ту же роль, чтои По­ляр­ная звез­да для пу­те­ше­ст­вен­ни­ка. Ес­ли что-то не по­лу­ча­ет­ся, вы всегда мо­же­те вер­нуть­ся в ис­ход­ную точ­ку сай­та – на­чаль­ную стра­ни­цу.

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

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

 Мне ка­жет­ся, что мы ис­поль­зу­ем это сло­во по от­но­ше­нию к Ин­тер­не­ту, по­то­мучто «оп­ре­де­ле­ние соб­ст­вен­но­го ме­сто­на­хо­ж­де­ния» – это до­воль­но серь­ез­ная пробле­ма, ко­то­рую в Ин­тер­не­те ре­шить труд­нее, чем в фи­зи­че­ском про­стран­ст­ве.По су­ти де­ла, ока­зав­шись в Ин­тер­не­те, мы «те­ря­ем­ся» в нем, и у нас нет воз­можно­сти за­гля­нуть че­рез «то­вар­ные ря­ды», что­бы уз­нать, где же мы на­хо­дим­ся.Та­ким об­ра­зом, веб=на­ви­га­ция слу­жит для то­го, что­бы ком­пен­си­ро­вать эту пробле­му от­сут­ст­вия «ощу­ще­ния мес­та» с по­мо­щью вне­се­ния оп­ре­де­лен­ной ие­рархии в струк­ту­ру сай­та, тем са­мым ис­кус­ст­вен­но соз­да­вая по­ня­тие «здесь». 

На­ви­га­ция – это не ка­кая-ни­будь «при­моч­ка» для веб-сай­та, это и есть сам сайт,ана­ло­гич­но то­му, как зда­ние, тор­го­вые пол­ки и кас­сы – это ма­га­зин. Без это­говеб-про­стран­ст­во не воз­ни­ка­ет.

 Вы­вод? Веб-на­ви­га­ция долж­на быть хо­ро­шей. 

Дру­гие на­зна­че­ния на­ви­га­ции

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

- На­ви­га­ция да­ет поч­ву для ног. За­блу­дить­ся где-ли­бо – это, как пра­ви­ло, неочень ве­се­ло. (Что бы вам боль­ше по­нра­ви­лось: «по­те­рять свою до­ро­гу» или«знать ку­да ид­ти»?) Ес­ли на­ви­га­ция раз­ра­бо­та­на пра­виль­но, то она да­ет почву (пусть и вир­ту­аль­ную) для ног поль­зо­ва­те­ля, а так­же слу­жит в ка­че­ст­вепе­рил, на ко­то­рые мож­но опе­реть­ся.

На­ви­га­ция так­же име­ет и дру­гие не ме­нее важ­ные функ­ции, ко­то­рые, од­на­ко,час­то за­бы­ва­ют­ся

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

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

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

Ус­лов­но­сти, при­ме­няе­мые для на­ви­га­ции

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

5cb01733b80b6cd68fead04e170aa492.jpg

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

f81d1b8675f46eb0a65eeb02018f457d.jpg

Сей­час вро­де не вид­но, но, по-мо­ему,оно пре­сле­ду­ет нас

Веб-ди­зай­не­ры ис­поль­зу­ют тер­мин по­сто­ян­ная на­ви­га­ция (per­sis­tent navi­gation), или гло­баль­ная на­ви­га­ция (global navi­ga­tion), для опи­са­ния на­ви­га­ци­онных эле­мен­тов, ко­то­рые по­яв­ля­ют­ся на ка­ж­дой стра­ни­це.

4529c4cc5f29e51dc557b0b4ded5f1d1.jpg

Гра­мот­но раз­ра­бо­тан­ная по­сто­ян­ная на­ви­га­ция долж­на как бы го­во­рить (же­латель­но ти­хим и ус­по­каи­ваю­щим то­ном): 

На­ви­га­ция все­гда с ва­ми. Не­ко­то­рые ее эле­мен­ты бу­дут не­мно­го из­менять­ся в за­ви­си­мо­сти от то­го, где имен­но вы на­хо­ди­тесь. Но она всегда бу­дет здесь и все­гда бу­дет ра­бо­тать оди­на­ко­вым об­ра­зом.

Факт то­го, что на­ви­га­ция по­яв­ля­ет­ся в од­ном и том же мес­те на ка­ж­дой стра­нице и име­ет при этом оди­на­ко­вый вид, слу­жит для поль­зо­ва­те­ля мгно­вен­ным подтвер­жде­ни­ем то­го, что он на­хо­дит­ся на том же сай­те, а это на­мно­го важ­нее, чеммо­жет по­ка­зать­ся на пер­вый взгляд. А уни­фи­ка­ция внеш­не­го ви­да на­ви­га­циида­ет воз­мож­ность поль­зо­ва­те­лю (к сча­стью!) толь­ко один раз уз­нать, как она рабо­та­ет, и за­тем уже ис­поль­зо­вать ее не за­ду­мы­ва­ясь.По­сто­ян­ная на­ви­га­ция долж­на вклю­чать в се­бя пять эле­мен­тов, ко­то­рым сле­дует быть под ру­кой в лю­бой мо­мент:

b8efd3f3cab5dbf498f8c0f83bac3c06.jpg

Мы рас­смот­рим ка­ж­дый эле­мент под­роб­но­ че­рез ми­ну­ту, но сна­ча­ла...

Раз­ве я ска­зал «на ка­ж­дой стра­ни­це»?

Я ошиб­ся. На са­мом де­ле есть два ис­клю­че­ния для пра­ви­ла «на­ви­га­ция долж­напре­сле­до­вать поль­зо­ва­те­ля вез­де»: 

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

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

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

Те­перь я знаю, что мы не в Кан­за­се

Ло­го­тип или на­зва­ние сай­та вы­пол­ня­ет для не­го ту же роль, что и вы­вес­кана вхо­де в ка­кое-ли­бо уч­ре­ж­де­ние. Ко­гда я иду в ма­га­зин, мне дос­та­точ­но на входе уви­деть вы­вес­ку, что­бы внут­ри ма­га­зи­на точ­но знать, что я на­хо­жусь в немдо тех пор, по­ка не вый­ду. Дру­гое де­ло Ин­тер­нет: здесь ос­нов­ной спо­соб пе­ре­меще­ния – это те­ле­пор­та­ция, и по­это­му мне нуж­но ви­деть эту «вы­вес­ку» на ка­ждой стра­ни­це.

7f0b0b6a30f6264c7185ec7e1a3eed0f.jpg

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

4467569071516a84a80c6d61dda7314b.jpg

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

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

387bf882c65fd86c001bc6246802e1f8.jpg

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

c0f861882d1daf298783845b9d103bfc.jpg

8 страница17 июня 2019, 11:11

Комментарии

0 / 5000 символов

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

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