ПредишенСледващото

LPgenerator - Професионална целевата страница платформа за увеличаване на продажбите на Вашия бизнес

Кацане МАГАЗИН ОБУЧЕНИЕ ЗА ДЕЙСТВИЕ от страна на партньорите

Показва състоянието на системата е една от десетте основни стандарти за използваемост, макар и да остава един от най-важните и универсални принципи на UI-дизайн.

Показатели за етапа, въведени с цел осигуряване на навременна обратна връзка за функционирането на системата / интерфейс. Според теорията на взаимодействие Норман (Норман теория взаимодействие), тези елементи трябва също така да помогнат на потребителите да се направи оценка на състоянието на системата.

Един от най-често използваните форми на обратна информация за системата е анимиран прогрес бар - Този елемент показва натоварването на системата / ресурс при обработката на информация или натоварване на данни.

Как да се премахнат негативният ефект от дълго зареждане с индикатор за прогрес

Днес ние предлагаме превод на една статия Sherwin Кейти (Katie Sherwin), ползваемост специалист NNG (Nielsen-Norman Group, Nielsen-Norman Group), в което тя говори за различните видове напредък и прави препоръки за използването на техните показатели.

Силата на обратната връзка - позволява на потребителите да се чувстват, че ги чувам

Показатели за етапа не са едни от най-новите тенденции за уеб дизайн. но изпълнението им е гарантирано подобрява работата на потребителите - за да получите обратна връзка за техните действия, потребителите са убедени, че системата приема искането си и да я обработва.

За съжаление, по-голямата част от сайтове и системи не се показва информация за процеса, докато не е завършено - това дразни потребителите, защото те не знаят дали техният екип извършва и дали системата работи като цяло. Освен това липсата на информация за състоянието на системата е причина за повторни поръчки и редица допълнителни кликвания.

Висока скорост на изтегляне е общо изискване за всички ресурси, но понякога данните на сървърите процес е по-дълъг от обикновено, и не може да го оправи, дори и за сметка на модернизация. В такива случаи, клиентите трябва да информират, че системата работи и командата се изпълнява. Ако товарът се нуждае от повече от 10 секунди, се препоръчва да се посочи приблизителното време, преди да го завърши - в противен случай, много потребители просто няма да чака.

Като пример за обратна връзка за състоянието на системата Кейти говори за призива й към Министерството на транспорта (DMV, Контрол на автомобилния транспорт) Калифорния:

  • Както се очакваше, Sherwin попита, че всички оператори са заети.
  • Няколко минути по-късно съобщение е било включено, че Кейти е все още на линия.
  • Следващ пост заяви, че приблизителното време на изчакване е 15-20 минути - това позволи на специалист NNG направите бизнеса си без страх пропускайте завой.
  • След 15 минути игра, Кейти беше помолен да напусне номер на контакт, операторът е в състояние да се свърже с нея, когато той е свободен. Освен това, Sherwin е получил уверения, че няма да загубят своето място на опашката.

Използваните инструменти за обратна връзка DMV улеснени чакане връзка с оператора - Кейти не само се интересуват от състоянието на призива й, но и да предлагат удобна алтернатива на изчакване. Между другото, въвеждането на такава система за ограничаване е много по-евтино, отколкото на разширяването на държавния кол-център.

Индикатор за зареждане уведомява потребителите, че системата се нуждае от повече време, за да изпълни команда (която може да бъде изтегляния на файлове, инсталирани актуализации, и така нататък. д.) и показване на приблизителното време за чакане.

За да ясно да представя свойствата на тези елементи, Кейти е описано своите предимства, като паралелно с призив към Министерството на транспорта Калифорния:

  • Индикатори елиминират съмнение относно коректността на потребителите на системата, което отразява състоянието му - това е постигнато с помощта на отчетените оператори за заетост.
  • Тези елементи придават на обекта, което улеснява мониторинга на чакащите - при запазване на разговор, така е музиката.
  • Те трябва да изчакаме потребителите чрез показване на определен процес - Sherwin попита, че всички членове на Департамента по заетостта, както и че операторът е безплатно за 15 минути, следователно, тя е склонен да чака.
  • Индикатори за напредък с нарушено чувство за време, тъй като потребителите, с акцент върху обратната връзка, плащат по-малко внимание на процеса на чакане - слушане на музика, NNG специалист забравил как изморително чакане връзка с оператора.

Целта на едно от проучванията, проведени в Университета на Небраска-Линкълн (Университета на Небраска-Линкълн), е да се определи времето, през което потребителите са готови да чакат сайт за изтегляне. Една група от анкетираните е версия на страницата с индикатор за напредъка (анимирани лента за зареждане), а вторият - не.

В резултат на това тези, които показва на уеб страницата с показателя са по-доволни от работата на потребителите и зачака средно по 3 пъти по-дълго от тези, които не са показани на обратна връзка елемент.

Анимирани бар напредък

Въпреки факта, че скоростта на цифрова връзка се увеличава всяка година, проблемът е бавно да се зареди ресурси все още е подходящо. И както знаете, ниската производителност на уеб сайтове досадни посетителите и често става причина за заминаването си.

местоположение на потребителя, за да изтеглите очакването се определя от няколко фактора:

Маркетолозите не могат да повлияят на тези фактори, обаче, в съответствие с препоръките, представени по-долу, може значително да увеличи желанието на потребителя да чака:

Винаги да се показва някаква обратна връзка

Тъй като очакването започва веднага след действието (като кликнете върху CTA-елемент), системата трябва веднага да покаже, че искането е било получено и обработено, например, може да промени цвета на бутона, на която потребителят е кликнал, или лентата за зареждане да се появи.

Статично интерфейс след изпращане на искането се възприема от много потребители като грешка, така че те често се опитате да си изпълни командата, което от своя страна може да доведе до негативни последици.

Показване на напредъка на всеки процес, зад гърба от 1 секунда

Потребители внимание започва да се разсейва след няколко секунди чакане, които могат да доведат до тяхното внимание. Ето защо, за да се покаже развитието на процеси, чиято продължителност повече от една секунда, трябва да използвате пръстен анимация или индикатор интерес.

След това да разгледаме различните видове използването на показатели и препоръки.

1. Циклично анимация

Графичен елемент с цикличен анимация показва, че системата работи, но не предостави информация за приблизителното изтеглите времето за изчакване.

Тези елементи трябва да се използват за показване на състоянието на процесите, с продължителност от 2 до 10 секунди. Ако използваме цикличен анимация за заявки се обработват с по-малко от секунда, а след това ще предизвика търкания ефект - да обърка потребителите, внезапна поява и изчезване на непознати елементи.

От гледна точка на уеб програмиране, циклични анимации, използвани в дизайна на всички индикатори, е доста примамливи, тъй като тя не трябва да се изчисли продължителността на изтеглянето. Въпреки цикличен дисплей на анимация, не се препоръчва процеси на обработка, с продължителност повече от 10 секунди - липсата на информация за напредъка ще насърчи потребителите да се грижи. Освен това, като графичен елемент не може да се определи дали системата работи, което увеличава възможността за прекратяване на цифров взаимодействието.

Член на тест за ползваемост, в очакване на страницата за изтегляне на онлайн публикации за повече от 15 минути и в крайна сметка се оказа, че е имало грешка и прилагането изисква да рестартирате. Очевидно е, че истински потребител няма да чакам толкова дълго време.

Трябва да се отбележи, че пръстенът не е подходящ за зареждане на анимацията дисплей напредък данни от сървърите, тъй като качеството на връзката, което се отразява на скоростта на работа, които са извън контрола на разработчиците. Съгласно стандартите, данните трябва да бъдат изтеглени за не повече от 2 секунди, но тази цифра не винаги е постижимо.

2. Лихвените Показатели

Индикатори, които показват напредъка в проценти, са най-информативен обратна връзка анимационен тип. Тези елементи позволяват на потребителите да изчислят приблизително времето за чакане (което им дава възможност да решат дали ще чака или не), колкото е възможно премахване на несигурност по отношение на дължината на данни и да отслаби чувството за време.

Кръгове и хоризонтални колони са запълнени от 0 до 100% са примери на този тип индикатор напредък.

Като правило, показатели интерес трябва да бъдат използвани за процеса, с продължителност от 10 секунди - визуален елемент, показва постепенното приключване на лечението, успокоява и трябва да изчака. Въпреки това, тези елементи могат да се използват за показване на състоянието на процесите, които се нуждаят от по-малко от 10 секунди, ако има такива, са свързани с обработката на файловете или на системния регистър, тъй като гостите да осъзнаят, че системата работи с редица записи.

Чрез анимирани показатели лихвените се препоръчва добавянето на текста (например, "Качени файлове: 17 от 50"), както и за процесите на дългосрочни индикатори - бутона за отказ, в случай, че потребителят не иска да чака. Между другото, няма елемент анулиране лишава контрол над потребителите на системата, която вреди на работата на потребителите.

индикатор Интерес дава представа за продължителността на процеса, което прави скоростта на промяна на напредъка по-видими, а това, от своя страна, се отрази положително върху работата на потребителите. Въпреки това, досадни потребители, ако индикаторът е попълнено твърде бързо, а след това, когато има няколко процента, за да завършите спирки - тя носи положителни отзиви ефект върху не.

Много дизайнери и разработчици, внедряване показатели на натоварване, които се сблъскват с проблема за изчисляване на скоростта на изпълнение на процесите. За да се справи с този проблем, използвайте следните насоки:

  • Регулиране на анимацията, така че светлината започна да се пълни бавно, а като сте по-близо до края на скоростта на изтегляне увеличава - това няма да създаде нереалистични очаквания у посетителите за ефективността на сайта. Винаги по-добре да надминем очакванията на клиентите, а не да ги разубеди.
  • Трябва да се отбележи, че тази препоръка е валидна само за товарни показатели - изследвания показват, че проучването на индикатор на напредъка, скоростта на запълване на което се намалява, тъй като минава, по-ниска степен на отпадане.
  • Посочете приблизителния, времето не чака точна - в някои случаи зареждането със сигурност продължават по-дълго от определения срок, което има отрицателно въздействие върху доверието на потребителите.
  • Обикновен текст като "Това отнема около минута" или "Ти си на около 3 минути" достатъчно, за да информира и задържат потребителите. Също така добави към посочената стойност на няколко допълнителни секунди в случай на непредвидени закъснения.
  • Вместо да се показва на цялостния напредък, в някои случаи, оптимизирани за показване на броя на приключените и останалите стъпки - посетители няма да знаят точно колко ще отнеме изпълнението на една стъпка, обаче, броят на стъпки, за да им помогне да формират обща представа и ще привлече към своя край процес или чакат, за да се сложи край.
  • Потребителят опит и използваемостта сайтове за електронна търговия

3. показатели за напредъка Static-

Статичните показатели, примери за които могат да бъдат текст "Зарежда се от" не анимирани елементи са неефективни. Тези показатели не показват информация за хода на системата и състоянието на своята работа, следователно, те трябва да се заменят с динамичен.

Най-лошият начин да се предотврати случайно повторни поръчки и допълнителни кликвания - добавете към предупреждението за CTA-бутон от типа "Пресата може да доведе до повтаря поръчки." На първо място, всяка заплаха от конфликт с основните стандарти за удовлетворяване на потребителите, и второ, тези предупреждения са просто неефективни, тъй като те рядко обръщат внимание.

предупредителен текст: "Да не кликнете два пъти!".

препоръка ресурси, целевата група, от които са деца

В изследването "Децата на World Wide Web" (Деца в мрежата), NNG специалисти са изправени пред множество дълги ботуши интерактивни инструменти и игри.

Кейти е въвела няколко съвета за това как да се запази интереса на младите хора са, без да ги отвлича от основната си дейност:

  • Винаги използвайте маркираните светлините по интереси за деца, беше ясно, че системата е заредена. Децата, както и възрастните, искат да знаят дали системата работи и колко време ще бъде зареден.
  • Уверете се, че анимацията не засенчва междинния показател и не е подобен на геймплея.
  • Използвайте забавни и прости анимации, съответната Основна дейност - тези, които са най-ефективни, за да задържи вниманието и инвестиционните очаквания.
  • Ползваемост за най-малките, или как да се създаде уеб-базиран ресурс, който ще се хареса на децата?

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

Цикличните показатели трябва да се използва за процеса, с продължителност 2-9 секунди и интерес - за закъснения, които продължават повече от 10 секунди. Но за да се направи оценка на продължителността на мишката не винаги е възможно, трябва да се увеличи забавянето на процеса на дисплея, която изисква повече от 10 секунди. Колкото по-висока нестабилност на времето за зареждане, толкова по-ниско трябва да е минималния праг на Сложно дисплей напредък.

Ефективно прогрес бар на потребителя да изчакаме и да има положителен ефект върху усещането за сайта / приложението.

Високите реализации вас!

ВНИМАНИЕ! Използвате остарял браузър Internet Explorer

Този сайт е изграден върху най-напредналите и модерни технологии и не поддържа Internet Explorer втората и седмата версия.

Как да се премахнат негативният ефект от дълго зареждане с индикатор за прогрес

Как да се премахнат негативният ефект от дълго зареждане с индикатор за прогрес

Как да се премахнат негативният ефект от дълго зареждане с индикатор за прогрес

Как да се премахнат негативният ефект от дълго зареждане с индикатор за прогрес

Как да се премахнат негативният ефект от дълго зареждане с индикатор за прогрес

Подкрепете проекта - споделете линка, благодаря!