За безкрайно превъртане или Не до безкраен превъртане: Докъде сме стигнали толкова далеч

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

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

Начало и популяризация

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

Тази техника се използва по-специално в страницата за новини във Facebook; страницата с резултати от търсене на изображения на Google и времевата линия на Twitter. Интересен актуален пример, публикуван за справка, можете да видите на демонстрационната страница с плъгини Isotope jQuery.

hexaedro.eu се възползва от хоризонтално безкрайно превъртане, за да илюстрира еволюцията на човечеството

Едно от първите препратки към този вид превъртане бе направено през 2005 г. от Бил Скот (директор на Инженерния интерфейс на потребителския интерфейс в PayPal) в статията си „Death to Paging! - Rico LiveGrid Издаден.

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

Техниката беше усъвършенствана и започна да бъде много популярна в мрежата, което предизвика внезапна експлозия от ентусиазъм. Една година след статията на Скот, обявявайки превъртащата се решетка на живо, беше възможно да се намерят онлайн текстове, които опровергаваха явлението раздробяване на страниците и възхваляват новия свитък с мотото „Не принуждавайте потребителя да иска повече съдържание: просто го дайте на тях. "

Към средата на 2008 г. терминът безкраен свитък вече имаше свой живот и сайт със същото име, посветен на подробно обяснение как работи. Сайтът предлага също шепа плъгини, за да се даде възможност за непрекъснато превъртане по теми на WordPress, страници чрез библиотеки на jQuery и „автоматично запаметяване“ на добавки за Safari и Chrome, които автоматично могат да добавят функцията за превъртане към нормалните сайтове.

„Не принуждавайте потребителя да иска повече съдържание: просто им го дайте.“

Дори през 2012 г. техниката все още е представена като иновация „за радост на сърцето ви“, заедно с прилагането на отзивчив дизайн. От по-аналитична гледна точка това беше една стъпка по-нататък за разделянето между първоначално отпечатаното съществуване на съдържанието и неговия електронен колега. В крайна сметка, понятието за уеб страница идва именно от материалния свят на вестници, списания и книги с истински хартиени страници.

Томас Баекдал обяснява връзката между отпечатаните страници и текстовете, показани на цифровите екрани в Dissolving that Print Mentality. Baekdal основно решава проблема с някаква формула: форматирайте първо или първо съдържание. В своя анализ Baekdal заявява, че ограниченията на печатаната медия не трябва да се прехвърлят на цифровия екран.

Apple също отдаде известна почит на тенденцията за превъртане. Една от основните характеристики на новия iBooks 3.0 беше възможността да превъртате книгите вертикално. Сега читателят може да забрави за ефекта на обръщане на страницата и да прочете техните бестселъри, като натиска с пръст. Точно това беше приложение на мотото на Баекдал „отърви се от танцуващата мечка“: да се позволи на читателя да бъде освободен от старата физическа парадигма на книгата. За щастие имаше опция да се избира между традиционната тема за обръщане на страницата или непрекъснатото превъртане по желание, така че старомодният четец все още ще има възможността да имитира истински книги в своето устройство.

Защо да се избягва подобно UX подобрение?

Едно от малкото изключения от правилото за възприемане на безкрайно превъртане беше случаят с Дан Маккинли в Etsy, където практическото изследване, използващо методологията за тестване на A / B, показа, че техниката не работи според очакванията.

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

Google е друг пример, при който безкрайното превъртане не успя да бъде напълно приложено. Само търсенето на изображения има безкрайно превъртане и дори там, превъртането е ограничено с бутона „покажи повече резултати“.

едно от най-креативните приложения на безкрайното превъртане е изобразено в сайта distancetomars.com

Ползите

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

• Непрекъснатото внимание, което потребителят поддържа, когато автоматично се предоставя повече съдържание, е в основата на привлекателността на безкрайното превъртане. Читателят няма да трябва да спира да мисли къде да намери следващия бутон или кой брой страници трябва да дойде, след подобрено внимание.
• В психологически план изглежда, че безкрайното превъртане предизвиква автоматични отговори въз основа на любопитството и облекчаването на очакванията, породени, докато чакате нова информация, което предизвиква вид вълнение и желание да продължите да превъртате, за да видите какво се появява. Този психологически механизъм заслужава достатъчно разбиране, тъй като първоначалното предимство може да се превърне в проблем. Например, откритията на McKinley предполагат, че безкрайното превъртане на страницата с резултати от търсенето по някакъв начин шокира или обърква потребителите, претоварвайки ги с повече и повече информация до степен, че използването на търсенето е било избегнато.
• Дизайните на шаблоните могат да се възползват с повече чистота, повече място за съдържание и по-малко разсейващи елементи като списъка с номера за страници.

Надолу

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

• Времето за зареждане на страницата се увеличи: Очевидно е, че допълнителното съдържание, което трябва да бъде добавено в края на страницата, се нуждае от повече време, за да бъде изтеглено. Потребителите с комутируеми връзки или лоши планове за мобилни данни ще имат намалена способност да разглеждат ефективно тази страница.
• Използване на паметта: Браузърите, както на настолни компютри, така и на мобилни устройства и таблети могат потенциално да изтекат памет и да се сринат, особено когато страницата зарежда тонове изображения.
• Увеличеното време за зареждане, заедно с необходимата повече системна памет и използването на процесора, неминуемо може да доведе до жилава и неприятна навигация.
• Съвместимост на браузъра: Тъй като безкрайното превъртане принадлежи към сферата на отзивчивия уеб дизайн, това зависи от библиотеките и плъгините, които може да не са напълно съвместими на по-стари устройства или версии на браузъра.
• И двете да видят износа на футера и да не може да достигне може да бъде „травмиращо“ изживяване за потребителя. Също така цялото съдържание на долния колонтитул и следователно функцията на самото подножие ще изчезне.
• Липса на ориентация и пространствена референция: В страници от схема, потребителите могат да зададат проста визуална справка, за да се ориентират през съдържанието на страницата и да маркират местата, където е намерено нещо интересно, така че е възможно бързо да се върнете там по-късно. Може да има потребители, които се чувстват изгубени или объркани, без да знаят къде всъщност са или липсват какво търсят.
• Загуба на последната позиция на потребителя в потока от данни при натискане на бутона за опресняване или обратно. Тъй като безкрайното превъртане има за цел да покаже големи количества записи, трябва да се приложи и начин за извличане на действителната позиция в списъка, за да се избегнат смущаващи ситуации. Повечето оплаквания срещу безкрайните страници се отнасят до тези две последни точки, тъй като потребителите губят контрол над страницата, която посещават.
• Маркерите обикновено са безполезни, тъй като интересна точка няма да бъде отбелязана на дискретна страница, а плаваща някъде в потока от записи.
• Въпреки че не е задължително да е лошо, класирането може да варира значително в страниците за търсене, тъй като тези резултати, ограничени след страница номер 2, след това ще се покажат на страница номер само, като превъртите надолу достатъчно дълго.

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

Малко преодоляване

Разработчиците постоянно намират решения за тези неудобства, което прави безкрайното превъртане по-ефективно. Добре документираният случай на новото приложение LinkedIn за iPad предоставя добър казус за проблемите и решенията при внедряването на безкрайното превъртане.

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

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

Зона на хранилище

Безкрайното превъртане е тук, за да остане, така че е препоръчително да знаете различни методи, за да го направите:

Enhantsy: Шепата хора, които действително харесаха изпълнението на безкрайно превъртане на Etsy.com, могат да го активират отново на своята страница, като инсталират този плъгин от страницата Enhantsy. Плъгинът предлага още няколко функции в допълнение към възстановяване на непрекъснато превъртане във всички страници на Etsy.

WordPress решения: Блоговете са може би любимите кандидати за безкрайно превъртане. Може би малка част от потребителите все още не могат да се справят с полупрозрачния плаващ долен колонтитул, който WordPress поставя, когато е разрешено безкрайното превъртане, но за по-голямата част, която харесва техниката, Infinite-Scroll е плъгин, който ще активира безкрайния режим на превъртане в повечето от WP теми и изисква малко опит или умения за кодиране. Приставката Jetpack също предлага безкрайно превъртане като още едно между десетки функционалности. Tuts + е публикувал урок как да постигнем безкрайно превъртане с помощта на jQuery; този урок е насочен към смелите тенекери, готови да приложат безкрайно превъртане, като въвеждат самия код.

Дискусия и препоръки: StackOverflow предлага изобилие от уроци за всеки възможен аспект, свързан с безкрайното превъртане.

Мобилни алтернативи: Безкрайното превъртане работи добре с мобилните устройства поради естеството на техните сензорни екрани. Възможно е да получите ефекта върху Android, като използвате Android-Binding. Налични са и методи за превъртане на изображения, използвани в приложенията, например за работа на iPhone.