portaldacalheta.pt
  • Основен
  • Agile Talent
  • Растеж На Приходите
  • Мобилен Дизайн
  • Управление На Проекти
Ux Дизайн

Краят на уеб формулярите



Уеб формулярите са досадни, неефективни и изпълват хората с ужас. Някой всъщност като попълване на уеб формуляри? Независимо от това, те са „необходимото зло“, което може да направи или да прекъсне някои от най-критичните онлайн взаимодействия.

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



Ux ui дизайнът на уеб формуляр идва от хартиен дизайн на формуляри

Може да се види как уеб формулярите идват от хартиени формуляри като това приложение за работа в KFC.



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



Дизайн на уеб форма на DMV

Кой не обича DMV? Надяваме се, че този вид форма много скоро ще се превърне в прашна реликва на изгубено минало.

Изводът е, че повечето уеб форми днес - независимо дали са настолни или мобилни - са просто ужасно потребителско изживяване. Въпреки безброй книги, проучвания, статии и бели табели от гурута на UX индустрията като Норманската група на Nielsen , Институт Баймард (електронна търговия) и Люк Врублевски (съосновател на Interaction Design Association), много организации - дори тези, чиято жизнена сила зависи от това - не следват най-добрите практики в дизайна на уеб формуляри.



Това се превръща в милиарди и милиарди загубени приходи.

Шокиращо, Amazon - големият мултимилиарден долар на електронната търговия - е класиран на много ниско ниво по отношение на „цялостната производителност на UX за плащане“ от института Baymard, когато се обмислят взаимодействията на потребителите с формуляри като доставка и доставка от магазина, информация за кредитни карти, грешки при валидиране и др. Колко бизнес се губи поради толкова лош UX?



Днес повечето уеб формуляри са разочароващи, бавно се попълват и поставят използваемост последен.

Потребителски интерфейс за уеб дизайн на UX

Формулярите за регистрация на акаунти като тези представляват психическо напрежение за хората и отнема много време за попълване.



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

Кандидатстване за работа в уеб формуляр дизайн ux

Формулярите за кандидатстване за работа имат едни от най-лошите UX. Активен търсещ работа попълва тези формуляри със същата информация отново и отново.



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

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



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

Ux дизайн на мобилна уеб форма

Стъпките на „Създаване на профил“ на Domino’s Pizza са изпълнени с лоша използваемост на мобилни устройства и изискват твърде много неудобно взаимодействие с потребителя.

Развиващи се уеб форми

Уеб формите са в разгара на еволюционната фаза. Преди раждането на изцяло нова парадигма, ние сме някъде между болезненото, тромаво, досадно и повтарящо се „въвеждане във форми” ранна фаза и лесното, прохладно и устойчиво бъдеще, където Touch ID, гласовият печат, компютърното зрение, разпознаване на лице и сканиране на ириса ще отключат личните ни данни и безпроблемно и сигурно ще предоставят цялата необходима информация на системите, които се нуждаят от нея.

UX дизайнери непрекъснато се стремят да подобрят преживяването и да намалят болката, която идва с попълването на уеб формуляри, но в тази междинна фаза все още се осигуряват само „витамини“ - трудно крайното решение „болкоуспокояващо“.

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

Дизайн на уеб-формуляр за потребителски интерфейс от Typeform

Typeform използва „разговорен потребителски интерфейс“ за бързо потребителско изживяване в този формуляр за кандидатстване за работа. Клавишните комбинации са посочени и вградени в повечето стъпки и отговори, което го прави много ефективен начин за попълване на формуляр.

Автоматичното попълване идва на помощ

Браузърът на Google Chrome и неговата функция за автоматично попълване бяха дългоочаквана находка за по-ефективно попълване на формуляра. Той съхранява сигурно често въвежданите лични данни - включително кредитни карти - за бързо попълване на уеб формуляри. Неотдавнашно проучване на Google установи, че деактивирането на функцията за автоматично попълване на Chrome води до 25% по-малко изпращане на формуляри. Проучването демонстрира, че без него опитът е толкова досаден, че някои потребители напълно се отказват от попълването на формуляри.

Изненада! Досадното въвеждане на формуляри е нещо, което хората искат да избегнат.

Автоматично попълване на Google Chrome

Функцията за автоматично попълване на Google Chrome помага за повтарящо се попълване на уеб формуляри.

Мениджърите на пароли облекчават болката

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

Автоматично попълване на мобилен мениджър на пароли

Веднъж отключен с главна парола или ID на докосване с пръстов отпечатък, мениджърът на пароли на Dashlane автоматично попълва паролите.

Социални влизания Слагат край на регистрацията

Според изследване, съставено от WebHostingBuzz , 86% от потребителите съобщават, че са притеснени от необходимостта да създават нови акаунти. Социалният вход елиминира необходимостта от регистрация. Това е форма на единичен вход, като се използва съществуваща информация от услуга за социални мрежи като Facebook, Google+, LinkedIn и Twitter. Той увеличава регистрацията и минимизира бариерите пред влизането, като намалява нуждата от потребителски имена и пароли.

Социален вход, социален вход

Технологията за мобилни устройства облекчава тежестта на формите

Направени са многобройни подобрения на използваемостта за мобилни формуляри, които също задвижват някои от най-добрите практики на настолни компютри - като съхраняване и извличане на често използвани стойности, използване на функции на телефона (камера, GPS, глас, списък с контакти) за предварително попълване на формуляри и автоматично форматиране на данни (въз основа на пощенски код, предварително изберете щат САЩ).

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

Apple Pay, компютърно зрение

Приложението Apple Pay използва камерата на iPhone и компютърното зрение, за да направи просто снимка на карта, за да я регистрира, без да е необходимо досадно въвеждане от клавиатурата.

Тенденции в уеб формулярите

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

Мобилен дизайн на уеб формуляр

За да се отдалечат от вида „въвеждане на данни“ с полета за въвеждане и падащи менюта, дизайнерите предлагат по-изчистени дизайни за мобилни формуляри.


Дизайн на настолна уеб форма

Работен плот Google формуляр .

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

Дизайн на уеб форма на разговорния потребителски интерфейс

Проста, разговорна форма за контакт. ( Нелу Чеботари )


Дизайн на мобилни уеб форми за разговорна търговия

Мобилните форми стават минималистични и разговорни. (Проекти от Алекс Кристаш и Фабио Базиле на дрибъл)

Machines Talk Back: Chatbots and the Rise of Automated Agents

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

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

Разговор за потребителски интерфейс chatbot GoVoteBot

R / GA и Рекламен съвет построи бот за гласуване, за да изкара Millennials до урните. Просто се нарича GoVoteBot , той взаимодейства с потребители в реално време във Facebook Messenger.

Пътуващите вече могат да правят резервации с Хотели Хаят използвайки Facebook Messenger приложение или просто се включете в чат на живо с екипа на Hyatt, за да зададете въпроси в свободна форма - например дали има наличност около определени празници.

Разговор за потребителски интерфейс разговорна търговия чат бот Hyatt

Използвайки Facebook Messenger, Hyatt Hotels използва служителите си за връзки с клиентите, за да помогне на гостите да направят резервации и да проверят наличността.

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

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

Джак застраховка разговорен потребителски интерфейс chatbot

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

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

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

За да стигнем от фазата „витамин“ до истинско болкоуспокояващо, трябва да мислим по различен начин и да направим гигантски скок в новата парадигма.

Възходът на AI: Удобно събиране на данни за утре

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

Google съобщава, че стресът протича безпроблемно: 69% от пътуващите в свободното време се притесняват, че не са намерили най-добрата цена или са взели най-доброто решение, докато резервират пътуване. Добавете към това лошото потребителско изживяване, попълвайки безкрайни формуляри със същата информация в 90% от случаите, и ние говорим за процес, който е невероятно разочароващ и стресиращ. Дори с функцията за автоматично попълване на Chrome и другите удобства, споменати по-рано, опитът все още е мъчителен и изпълнен с досада.

Дългосрочната визия на UX не е да продължаваме да усъвършенстваме уеб формите, а да ги убиваме напълно.

Както бе споменато по-рано, поради множеството технологии, достъпни на мобилни устройства: GPS, пръстови отпечатъци (Touch ID), гласов печат и разпознаване, сканиране на ириса, разпознаване на лица, компютърно зрение, AI асистенти и чат ботове, неизбежното събиране на лични данни, което трябва се случи за успешна онлайн транзакция ще бъде революционизиран първо на мобилни устройства. Съответно, сайтовете за настолни компютри могат да използват технологичните възможности на мобилните устройства за усъвършенствана проверка на самоличността, като се свързват с тях.

Разговорна резервация за пътуване вместо уеб формуляри

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

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

Биометрична идентификация и сигурност на личните данни, уеб формуляри

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

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

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

Естеството на потребителското въвеждане се променя

Използването на интернет и смартфони създаде огромно, постоянно присъстващо изобилие от данни. „Бъдещите технологии“ като компютърно зрение, IoT, изкуствен интелект и машинно обучение вече са тук, променяйки естеството на взаимодействията и UX пейзажа.

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

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

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

настройка на производителността в sql server 2008 стъпка по стъпка

За да изпреварят играта, UX дизайнерите трябва да започнат да обмислят бъдещи сценарии, пълни с чат ботове и разговорни потребителски интерфейси. Ще трябва да оптимизираме опита и да разберем сценариите за използване. Дали стъпките за взаимодействие са възможно най-гладки и ефективни? Какъв е тонът на чатбота? Намаляваме ли времето, необходимо за приключване на нещата, или го увеличаваме? С предстоящите проверки на биометрични идентификатори как ще изглежда това взаимодействие? Как можем да обслужваме по-добре нашите потребители и да доставяме невероятни преживявания, които улесняват живота?

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

• • •

Допълнително четене в блога за дизайн на ApeeScape:

  • eCommerce UX - преглед на най-добрите практики (с инфографика)
  • Значението на ориентирания към човека дизайн в продуктовия дизайн
  • Най-добрите портфейли на UX Designer - вдъхновяващи казуси и примери
  • Евристични принципи за мобилни интерфейси
  • Предвиден дизайн: Как да създадем магически потребителски опит

Ограниченията в дизайна не са ограничения - те стимулират креативността

Ux Дизайн

Ограниченията в дизайна не са ограничения - те стимулират креативността
Жизненоважно ръководство за Qmake

Жизненоважно ръководство за Qmake

Технология

Популярни Публикации
Урок за скриптове на Google Apps за овладяване на макроси
Урок за скриптове на Google Apps за овладяване на макроси
Теория на цветовете за дизайнери - Crash Course (с инфографика)
Теория на цветовете за дизайнери - Crash Course (с инфографика)
ApeeScape стартира нова специализация DevOps по заявка за обслужване на Enterprise Shift към облака
ApeeScape стартира нова специализация DevOps по заявка за обслужване на Enterprise Shift към облака
Нула до герой: Рецепти за производство на колби
Нула до герой: Рецепти за производство на колби
Как да проведем успешна техническа конференция: Събитието в CordobaJS
Как да проведем успешна техническа конференция: Събитието в CordobaJS
 
Как да накараме отдалечената работа да работи за вас
Как да накараме отдалечената работа да работи за вас
Всеки продукт има теза
Всеки продукт има теза
Комодитизирани смартфони: Привеждане на 4G в развиващите се страни
Комодитизирани смартфони: Привеждане на 4G в развиващите се страни
Запознайте се с Volt, обещаваща Ruby рамка за динамични приложения
Запознайте се с Volt, обещаваща Ruby рамка за динамични приложения
Разширени тактики за силно съвместни, отдалечени екипи
Разширени тактики за силно съвместни, отдалечени екипи
Популярни Публикации
  • най-добрите медийни заявки за отзивчив дизайн
  • частни компании за инвестиции в недвижими имоти
  • Шаблон на документ за проектиране за разработка на софтуер
  • психологически ефекти на синия цвят
  • какво е стимул за продажби
  • как да извършите тестване на единици
Категории
  • Agile Talent
  • Растеж На Приходите
  • Мобилен Дизайн
  • Управление На Проекти
  • © 2022 | Всички Права Запазени

    portaldacalheta.pt