3 страница20 июня 2019, 05:45

Глава 1. Не заставляйте меня думать! Первый закон Круга


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

«Не за­став­ляй­те ме­ня ду­мать!»

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

e4e0e61ab0c36fb9e0e8cd7d35cf09a7.jpg

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

0238f0a1aaa0477efd58bdaf782d614e.jpg

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

То, что за­став­ля­ет ду­мать

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

f62c2d36176c250672997dac94ecece3.jpg

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

297839fe2eedffc6050005c523ab05c6.jpg

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

96c02c11b8edb31dc2e889535d540316.jpg

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

cde9859e185715311a9537fda72e236f.jpg

Ко­неч­но, весь этот «внут­рен­ний мо­но­лог» про­ис­хо­дит за до­ли се­кун­ды, но, каквы са­ми ви­ди­те, это до­воль­но уто­ми­тель­ный про­цесс. Да­же впол­не без­обид­ное на пер­вый взгляд из­ме­не­ние из­вест­но­го по­ня­тия или име­ни (как, на­при­мер,«Бы­ст­рый по­иск» вме­сто «По­иск») мо­жет вы­звать у поль­зо­ва­те­ля во­прос. Ес­ли для срав­не­ния по­смот­реть на Ama­zon.com, то мы уви­дим, что раз­де­ле­ние«Ав­тор-Название-Клю­че­вое сло­во» там да­же не упо­ми­на­ет­ся. Вы про­сто на­бирае­те то, что ище­те, и по­иск на­чи­на­ет­ся.

cc5d45b03450299768f3a813f76c4e04.jpg

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

- Где я? 

-От­ку­да сле­ду­ет на­чи­нать? 

-Где на­хо­дит­ся...? 

-Что са­мое глав­ное на этой стра­ни­це? 

-По­че­му это на­зы­ва­ет­ся так? 

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

Вы не смо­же­те сде­лать все са­мо­оче­вид­ным

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

По­че­му это так важ­но?

Это мо­жет по­ка­зать­ся стран­ным, но во­все не по­то­му, что:

59dc1898f214da3e052f1ec9a00383f9.jpg

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

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

Итак?

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

3 страница20 июня 2019, 05:45

Комментарии

0 / 5000 символов

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

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