Introweb - введення в web-розробку

Що таке зручний і зрозумілий сайт для відвідувачів? Можна говорити про зручний розміщенні елементів управління та інформації на сайті, зручному пошуку, швидкого завантаження сторінок, зручному функціонал, зрозумілою навігації і ін. Це все правильно, але вдруге, тому що поняття зручності визначається природою людини і зовнішніми умовами, в результаті чого відбувається пристосовування людини до тієї чи іншої ситуації або дії. Оскільки взаємодія користувача з web-сайтом відбувається візуально, то зручність визначається природою візуального сприйняття людини, а зрозумілість - досвідом і знаннями (крім візуальної пам'яті). Властивості візуального сприйняття ми розглянемо окремо, а зараз поговоримо про все інше.

Отже, у багатьох випадках людині зручно те, що йому звично. Але зручність поняття відносне. У процесі діяльності людина проводить велику кількість досліджень на предмет підвищення зручності, яке оцінюється за певними критеріями. Вони використовуються в процесі діяльності для збільшення її ефективності. Наприклад, більшості людей незручно тримати ракетку для бадмінтону так, як це роблять професіонали або бити ногою по м'ячу так, як це роблять футболісти. Але саме професійний хват ракетки і поставлений удар - одна з необхідних умов для досягнення хороших результатів. Не всі люди хочуть стати футболістами, тому вони б'ють по м'ячу так, як їм це зручно і не варто звинувачувати їх за це "невміння", якщо вони грають для себе. Ось тут виходить цікавий момент. Якщо відвідувач працює з сайтом для себе, то всім іншим, в принципі, не важливо, наскільки ефективна ця робота, а сам відвідувач керується поняттям зручності. Але, якщо результат від взаємодії відвідувача з сайтом виходить за рамки особистого використання, наприклад інші співробітники організації користуються результатами цієї взаємодії, то поряд зі зручністю виникає поняття ефективності, тому що від роботи однієї людини залежить робота інших людей.

Висновок, щоб людині щось було зручно, потрібно зробити це так, як це звично для нього. Стосовно до "діловому інтернету" це означає наступне - зіставити віртуальність реальності. Якщо на сайті предмети і функціональність відрізняються від того, до чого людина звикла в реальному житті або при роботі з Windows-додатків, то для нього це буде незручно, наприклад, читання тексту справа-наліво. Я підкреслив "ділової інтернет" оскільки для ігрових форм більш властива фантазія, ніж реальність.

Коли мова йде про зручний сайті для відвідувачів, потрібно не лише давати роз'яснення яким відвідувачам це зручно - новим відвідувачам, постійним відвідувачам, звичайним відвідувачам, фахівцям та ін. А й враховувати те, що мається на увазі під зручністю. Програмісти розглядають поняття зручності з точки зору ефективності та функціональності сайту, web-дизайнери - з точки зору композиції та краси, психологи - з точки зору впливу інформації на людину і ін. А юзабіліті-фахівці повинні виробляти дану оцінку з усіх боків.

Я вважаю, що поняття зручності швидше можна застосувати до звичайним користувачам, які відвідують сайти для себе, тоді як ефективність відноситься до цільовим відвідувачам і фахівцям, які за допомогою сайтів постійно вирішують певне коло питань, причому результати цієї роботи використовуються іншими людьми.

Звичайний відвідувач - це людина, яка найчастіше користується сайтом для себе - робить замовлення товарів через інтернет-магазин, шукає інформацію, проводить час і ін. Він не володіє особливими знаннями і працює з сайтом "методом тику, як вийде або на інтуїтивно зрозумілій основі ". Йому потрібно швидко вирішити певне завдання, а не розбиратися з десятками сервісів на кожному сайті.

Цільовий відвідувач - людина, яка використовує сайт для роботи. Передбачається, що він повинен більш осмислено підходити до роботи з сайтом, оскільки це його робота, за це йому платять! Але на практиці виходить так, що цільовий відвідувач - постійний відвідувач сайту, який знає трохи більше звичайного відвідувача, який потрапив на сайт в перший раз. Я вважаю такий стан речей неправильним, оскільки від роботи цього відвідувача залежить успіх спільної справи. Уявіть, що колега, який сидить навпроти Вас, повинен повідомити Вам ціну відомого товару відомого виробника. Скільки Ви готові чекати? 1 годину, 2 години, весь день, поки він буде розбиратися з роботою в Інтернеті і сайтом? Я думаю, що 10 хвилин - максимум, після чого багато хто все кинуть і самі почнуть шукати цю інформацію.

Зрозумілість - "позитивні очікування", які обумовлюються попереднім досвідом людини і його знаннями. Більшість відвідувачів сайту керуються "візуальним досвідом" і інтуїцією, ніж знаннями. Як Ви думаєте, в чому різниця між тим, як використовують програму Word звичайні користувачі та досвідчені користувачем або програмісти? Інтуїтивно! Перші, тому що не знають, як користуватися програмою, другі, тому що припускають, що ця робота буде відбуватися так, як і в інших відомих їм програмах.

Отже, відвідувач чекає від сайту "правильної" реакції на його дії. Але "правильні" в розумінні відвідувача дії, можуть бути "неправильними або нелогічними" в розумінні розробника сайту. Як приклад наведу приклад із власної практики. На сторінці завантаження прайс-листа я вирішив помістити під посиланням "завантажити прайс-лист" знімок прайс-листа в Excel, з невеликим поясненням по роботі з ним. Яке ж було моє здивування, коли я побачив, як співробітник протягом 1 хвилини клацає по знімку і не розуміє, чому він не може виділити жодну позицію в "прайс-листі Excel", від чого він зовсім заплутався і попросив допомоги! Це привело мене до думки про те, що звичайним відвідувачам важко визначити візуальні зв'язки предметів на екрані монітора, а вже про розуміння функціональних зв'язків можна взагалі не говорити. Після цього я замінив картинку прайс-листа на список вимикачів, за допомогою яких можна вибрати окремі розділи прайс-листа для завантаження, щоб не завантажувати весь прайс-лист, як показано на малюнку нижче.

Мал. 1. Форма для створення прайс-листа.

І запропонував співробітникові завантажити повний прайс-лист. Він зайшов на цю сторінку, і не розбираючись, і тим більше нічого не Новомосковськ, клацнув по побаченої їм кнопці "Отримати прайс-лист" (оскільки це найбільший елемент на сторінці). Але страшно тут навіть не це а то, що з-за некоректної роботи браузера виникла помилка! Але відвідувачеві щось не важливо з якої причини сталася помилка. Він хотів скачати прайс-лист, виникла помилка - винен розробник сайту або система!

Це дозволяє говорити як про необхідність робити настроювання "за замовчуванням", так і те, що для успішної взаємодії звичайних відвідувачів з інформацією на web-сторінці бажано реалізовувати ОДИН варіант цієї взаємодії.

Інший відвідувач сказав, що він не зміг завантажити повний прайс-лист, оскільки подумав, що для цього потрібна реєстрація. Скажіть мені, де на малюнку Ви бачите форму реєстрації для отримання прайс-листа? Цей приклад говорить про те, що у багатьох відвідувачів дію випереджає свідомість, а й те, що нестандартне оформлення вони сприймають по відомим їм "характерним" ознаками. В даному випадку системна кнопка "Отримати прайс-лист" викликала у нього асоціації з формою реєстрації, що дуже незручно.

Спеціаліст з юзабіліті, подивившись на таке решінію, скаже, що ця сторінка дуже незручна і незрозуміла відвідувача, оскільки вона реалізована незвично і складно. Відвідувач буде вкрай здивований такою кількістю елементів управління. Що значить кнопка "Отримати прайс-лист", яка до всього іншого знаходиться за рамкою згрупованих елементів? Що означають кнопки у верхній частині списку? А напис "Розділи прайс-листа" взагалі не відноситься до списку, поскільки знаходиться далеко від нього. Пропозиції про те, як сформувати прайс-лист на потрібні розділи взагалі ніхто не Новомосковскет.

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

Скажіть, якщо відвідувача цікавить карти з географії, то навіщо йому завантажувати весь прайс-лист? Було б йому зручно завантажити тільки те, що йому потрібно? Так. Або покупця цікавлять прилади з фізики, то чи не логічніше йому запропонувати для скачування тільки цей розділ, замість всього прайс-листа?

До того ж, що формується прайс-лист має істотну перевагу перед повним прайс-листом, оскільки в формованому прайс-листі асортимент і ціни відповідають поточному моменту (з бази 1С оновлюються в реальному часі), а в повному прайс-листі - застарілі, певні на дату формування прайс-листа. Але це на сторінці ніяк не позначено! Тому це прихована від відвідувачів функціональність.

Давайте розглянемо зручність використання даної сторінкою.

• Візуальне зручність - для нових відвідувачів - не зручно, для постійних - середньо.
• Смислове зручність (зрозумілість) - для нових відвідувачів - не зрозуміло, для постійних - зрозуміло, якщо пояснити
• Функціональне зручність - для нових відвідувачів - не зрозуміло, для постійних відвідувачів - дуже зручно, якщо пояснити і браузер не видає помилку.

Висновок. Розробник хотів надати відвідувачам більш зручний з точки зору функціональності сервіс, але в результаті вийшла незручна сторінка!

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

Провал даній сторінці в плані зручності полягає і в тому, що на ній суміщені 2 сервісу різного рівня - повний прайс-лист для скачування - для всіх покупців, і оперативний прайс-лист для цільових досвідчених відвідувачів.

Цей приклад я навів для того, щоб Ви вчилися з боку оцінювати результати своєї роботи. Дуже важко будучи досвідченим работчіком критично оцінювати свою працю, але в іншому випадку відвідувачі самі оцінять роботу і підуть на інший сайт, а в діловому Інтернеті - непотрібні втрати покупців, за яким можна втратити і успіх у спільній справі.

Щоб зрозуміти, що відчуває інший посетелель при пнреходе на незнайомий сайт, уявіть собі людину, яку просять зайти в кабіну літака і запитати, зручно і зрозуміл йому керування літаком. Він бачить багато всього - якісь кнопки, індикатори, важелі, написи, але як ними користуватися? Він може, звичайно, спробувати виконати дії, які він виконує при управлінні автомобілем, але неважко здогадатися, що їх цього вийде.

Деякий час назад я досить скептично ставився до юзабіліті-фахівцям, які постійно твердять - це незрозуміло відвідувачеві, то незрозуміло відвідувачеві. Але, зробивши невеликі спостереження, я просто був вражений, наскільки точно вони описують стан справ. Ми звикли чути "Інтернет - це просто" і "У нас комп'ютер вивчають діти в дитячому садку". Але що таке Інтернет і комп'ютер - це інформація, зрозуміти яку може далеко не кожен досвідчений програміст баз даних, не кажучи вже про звичайний користувача, який прочитав книгу "Інтернет для чайників".