Przyszły interfejs użytkownika i koniec projektowania piaskownic

Opublikowany: 2022-03-11

Każdy, kto zajmuje się projektowaniem i technologią — i prawdopodobnie każdy, kto żyje we współczesnym świecie — zauważy szybkość, z jaką przeszliśmy od używania terminów takich jak „World Wide Web” do „Internet of Things”.

W krótkim czasie przeszliśmy od projektowania i tworzenia stron internetowych — punktów na mapie autostrady informacyjnej dostępnej za pośrednictwem przeglądarek — do przyszłych interfejsów użytkownika: szerokiej gamy połączonych aplikacji dostarczających treści i doświadczenia w różnych formatach i rozdzielczościach i wzorce interakcji.

Technologia i ekrany, których używamy dzisiaj, znikają w naszym otoczeniu. „Internet rzeczy” (IoT) w połączeniu ze sztuczną inteligencją (AI) wykorzystującą asystentów głosowych już nas otacza. Jesteśmy u zarania świata „ambient intelligence” (AmI), w którym wiele urządzeń współpracuje ze sobą, aby wspierać ludzi w wykonywaniu codziennych czynności. Poszczególne ekranowe interfejsy użytkownika powoli znikają, a projektanci muszą zmagać się z fragmentarycznym systemem komponentów projektowych.

W jaki sposób projektanci zaprojektują świat inteligencji otoczenia z obsługą sztucznej inteligencji, w którym zniknęły ekrany? Jak zmieni to ich rolę?

Dane projektowe będą wkrótce wokół nas w świecie inteligencji otoczenia
Wkrótce wokół nas pojawi się otaczający nas świat inteligencji. Znikają interfejsy użytkownika oparte na ekranie jednego urządzenia.

Zmieniają się role projektantów jutra

Przedmiotem praktyki projektantów cyfrowych było kiedyś umieszczanie skomplikowanych serii pudełek, obrazów, tekstu i przycisków na stosunkowo niezawodnym ekranie przeglądarki (i ostatecznie ekranie aplikacji mobilnej).

To był zakres doświadczenia dostarczanego ludziom. Ale teraz projektanci muszą wziąć pod uwagę, że produkty istnieją jako oddzielne jednostki w złożonych systemach komponentów, które wchodzą w interakcje, wymieniają się informacjami, a czasem nawet znikają za innymi częściami.

Jak pisze Paul Adams z Intercomu w swoim artykule Koniec znanych nam aplikacji: „ W świecie wielu różnych ekranów i urządzeń treść musi być podzielona na jednostki atomowe, aby mogła działać niezależnie od rozmiaru ekranu lub technologii Platforma.

A to wykracza poza samą treść. Obecnie projektanci muszą zastanowić się, w jaki sposób każda funkcja lub usługa oferowana ludziom istnieje i współpracuje z innymi komponentami wielu systemów i platform.

IoT i przyszły interfejs użytkownika
Rozpoznanie końca aplikacji to dopiero początek. Inteligencja otoczenia i IoT wkrótce będą wszędzie.

Jak ludzie będą wchodzić w interakcję z informacjami jutro?

Na początku rewolucji mobilnej projektanci skupili się na tworzeniu aplikacji, które zapewniają wrażenia podobne do witryn internetowych: dobrze zaprojektowane i kontrolowane, zamknięte w pudełkach środowiska, z którymi ludzie wchodzili w interakcję, aby konsumować treści lub wykonywać zadania, a następnie wychodzili.

Większość interakcji odbywała się w ramach ekranu, a projektanci mieli dużą kontrolę nad dostawą.

Jednak gama urządzeń mobilnych eksplodowała, od minikomputerów z ekranem po nadgarstkowe centra wiadomości i urządzenia, które zdalnie sterują domowym termostatem. Dzisiaj ludzie otrzymują niespójne fragmenty informacji z wielu źródeł, dostarczane za pośrednictwem powiadomień i alertów. Paradygmat radykalnie się zmienił.

Dzwonek do drzwi Nest, przykład projektowania opartego na komponentach
Zmienia się kontekst, w którym użytkownicy wchodzą w interakcję z informacjami.

Jak będą wyglądać przyszłe interfejsy użytkownika?

Rozprzestrzenianie się różnorodnych, wzajemnie powiązanych technologii oznacza również, że pojedynczy produkt będzie różnie doświadczany i wchodzić z nim w interakcje w różnych kontekstach.

Alert dotyczący wiadomości może pojawić się na smartwatchu osoby w drodze na spotkanie.

Zamiast szukać, a następnie otwierać aplikację do przesyłania wiadomości, użytkownik ma możliwość odpowiedzi w powiadomieniu i wysłania wstępnie przygotowanej szybkiej odpowiedzi jednym dotknięciem, a następnie bardziej szczegółowej obsługi wiadomości na innym urządzeniu.

Oznacza to, że jednostka atomowa — mikrokomponent interakcji — musi być dostarczana za pośrednictwem różnych interfejsów użytkownika (i doświadczeń użytkownika) dostosowanych do kontekstu komunikacji.

Możliwe, że użytkownik nie tworzy długiej odpowiedzi e-mail podczas biegania. Prawdopodobnie nie otworzą laptopa wyłącznie w celu skorzystania z reakcji na jedno dotknięcie, która była tak przydatna w przypadku ich noszenia. Mogą nawet nigdy nie przeczytać powiadomienia na ekranie, ale zamiast tego słuchać treści aktywowanego głosem wirtualnego asystenta.

Paul Adams pisze: „ W świecie, w którym powiadomienia same w sobie są pełnymi doświadczeniami, ekran ikon aplikacji staje się coraz mniej sensowny. Aplikacje jako miejsca docelowe mają coraz mniej sensu. Po co otwierać osobne aplikacje dla lotów i hoteli do wielu miejsc docelowych w serii aplikacji dostawców, skoro aplikacja podróżna, taka jak TripIt, może wyświetlać wszystkie te informacje naraz, a nawet umożliwiać dokończenie odprawy przed wejściem na pokład? W niektórych przypadkach potrzeba ekranów aplikacji nie będzie istnieć za kilka lat, z wyjątkiem ukrycia głęboko w interfejsie urządzenia jako dodatkowej nawigacji.

Interaktywne powiadomienia na poziomie systemu umożliwią ludziom natychmiastowe podjęcie działań, zamiast używać powiadomienia jako bramy do otwierania aplikacji, w której ludzie są nagle przenoszeni z jednego kontekstu do drugiego.

Zmieniające się paradygmaty interakcji przekształcają przyszłe interfejsy użytkownika

Aplikacje, takie jak popularny WeChat, pozwalają ludziom wykonywać takie czynności, jak przelewanie pieniędzy, dzwonienie po taksówkę i otrzymywanie aktualnych informacji o godzinie przyjazdu, wyszukiwanie restauracji i rezerwowanie stolika lub znajdowanie hotelu w pobliżu - wszystko za pomocą interfejsu tekstowego, który usuwa potrzeba, aby użytkownik przechodził do poszczególnych aplikacji w celu wykonania serii zadań.

Przyszły projekt interfejsu użytkownika z interfejsami konwersacyjnymi

W przyszłości interfejsu użytkownika? Old School Text Messages, Kyle Vanhemert, zwraca uwagę na rozpowszechnianie się platform tekstowych, które często zastępują graficzny interfejs użytkownika. Usługi oferowane przez aplikacje będą coraz częściej dostępne poza samymi aplikacjami.

Projektowanie dla świata IoT oznacza rezygnację z jeszcze większej kontroli nad interfejsem — tworzenie produktów i usług, które mogą w ogóle nie być dostępne za pośrednictwem ekranu.

Kiedy ekran dotykowy zrewolucjonizował urządzenia mobilne, projektanci nagle mieli skarbnicę nowych trybów interakcji do wykorzystania, takich jak przesuwanie, szczypanie, stuknięcie, dwukrotne stuknięcie, długie stuknięcie, stuknięcie i przeciągnięcie, które wykraczały daleko poza cel i kliknij.

Teraz ludzie przesuwają palcem i szczypią w powietrzu lub wymachują otagowanymi akcesoriami przed urządzeniami wyposażonymi w czujniki, gdzie projektanci nie mogą wyraźnie poprowadzić ich za pomocą standardowych wskazówek wizualnych — co teraz ma zrobić projektant?

W pewnym sensie oznacza to projektowanie przewidywalnych, wielokrotnego użytku wzorców interakcji.

Jak to zmienia sposób wdrażania produktów?

Aplikacja mobilna jako jednostka projektowania – przynajmniej w sposób, w jaki postrzegano ją do tej pory – znika.

Samodzielna aplikacja staje się drugorzędnym, a nawet trzeciorzędnym miejscem, w którym ludzie otrzymują treści i usługi oferowane przez produkty. W jaki sposób projektanci mogą dostosować swoje podejście, aby jak najlepiej zaspokoić potrzeby ludzi?

Projektowanie mniej dla pikseli, a więcej dla fragmentów treści i momentów interakcji to nowy paradygmat.

Termostat Nest – konstrukcja oparta na komponentach

W świecie, w którym ilość dostępnych informacji i liczba konkurencyjnych usług rośnie wykładniczo, najlepszym sposobem wywierania wpływu jest udostępnianie i dystrybuowanie wysokiej jakości informacji na wielu platformach i kontekstach.

Oznacza to, że w idealnym przypadku ludzie będą otrzymywać treści w sposób, którego nie można dokładnie kontrolować, często w wielu opakowaniach.

Projektanci będą zadawać sobie zupełnie nowy zestaw pytań.

  • W jaki sposób można sformatować zawartość, aby dostosować się do szeregu okien ekranu, a nawet urządzeń o minimalnym rozmiarze ekranu?
  • Czy istnieje sposób na spakowanie kluczowej funkcjonalności usług, które mogą istnieć gdzie indziej?
  • Jakie są najbardziej odpowiednie i przydatne wzorce interakcji, które można zaproponować jako działania do wykonania w powiadomieniu?

Ponieważ ludzie spędzają mniej czasu w miejscach docelowych, takich jak aplikacje mobilne, w jaki sposób projektanci mogą tworzyć doświadczenia, z którymi można wchodzić w interakcję i uzupełniać je gdzie indziej?

Czy powiadomienie push o nadchodzącym wydarzeniu w kalendarzu może dać ludziom zestaw standardowych narzędzi do rezerwacji lotu, sugestii dotyczących podróży lub zamawiania kwiatów bez konieczności otwierania przez użytkownika samej aplikacji?

W jaki sposób projektanci mogą tworzyć funkcje aplikacji, które współpracują z innymi aplikacjami, aby świadczyć określone usługi ludziom, ale są również wystarczająco atrakcyjne, aby przewyższyć konkurencję?

Przyszły interfejs użytkownika i chatboty do projektowania opartego na komponentach
Chatboty stały się przełomem w branży turystycznej. Chatboty wykorzystujące sztuczną inteligencję pomagają podróżnym w organizacji podróży przez czat.

Jak wygląda proces projektowania jutra?

Kiedy chwile doświadczeń przenoszą się z urządzenia na urządzenie w sposób nieliniowy, a komponent jest nową jednostką projektu, jak definiowany jest nowy przedmiot praktyki projektanta? Coraz więcej będzie dotyczyć projektowania doświadczeń, a nie interfejsów użytkownika.

Dany składnik będzie w każdym przypadku zdefiniowany inaczej, co będzie miało inne konsekwencje dla każdego produktu. Przyjrzyjmy się kilku przykładom, które mogą pomóc projektantom w myśleniu o swoich produktach jako o komponentach systemu , a nie jako schludnie opakowanych miejscach docelowych.

Powiadomienia jako system elementów konstrukcyjnych

W jakim kontekście ludzie otrzymają powiadomienie?

Zacznijmy od powiadomień jako prostego wzoru.

Wyobraź sobie projekt aplikacji usługi wezwania na przejażdżkę (podobnej do Lyft lub Uber), która odbija się echem na wielu urządzeniach i powiadamia ludzi za pomocą zaawansowanych powiadomień push o pozycji wynajętego samochodu, szacowanym czasie przyjazdu i opóźnieniach. W tym scenariuszu użytkownik ma iPhone'a, Apple Watch i słuchawki podłączone do uszu.

Najpierw użytkownik zamawia samochód za pomocą interakcji głosowej na swoim Apple Watch. Unosi nadgarstek, aby obudzić zegarek, prosi Siri o samochód i otrzymuje przez słuchawki potwierdzenie głosowe, że samochód jest w drodze.

Jest mało prawdopodobne, że ludzie będą otwierać aplikację i stale monitorować ekran. Dlatego powiadomienia muszą być spakowane, aby można je było przesyłać do systemu operacyjnego i użytkownika za pośrednictwem podłączonych urządzeń.

Kilka minut później sprawdza na swoim iPhonie pozycję samochodu na mapie i czas oczekiwania. Gdy do samochodu jest tylko minuta, aplikacja wysyła powiadomienie głosowe do jego słuchawek i powiadomienie wibracyjne do zegarka Apple Watch. Spogląda na swojego iPhone'a, aby potwierdzić informacje o samochodzie i kierowcy.

Ta aplikacja wygląda bardziej jak składnik systemu operacyjnego.

Przykład przyszłego interfejsu użytkownika — komponenty projektowe bez aplikacji z rozbudowanymi powiadomieniami push

Jeśli ludzie nie otwierają naszej aplikacji, co projektujemy?

Komponenty nie tylko współdziałają z systemem operacyjnym — mogą nawet zostać wciągnięte do innych aplikacji.

Na przykład w scenariuszu, w którym użytkownik ma plan podróży, na który może mieć wpływ opóźnienie, aplikacja podróżna, taka jak TripIt, może zarządzać zaawansowanymi powiadomieniami push, z którymi użytkownik może wchodzić w interakcje bez konieczności otwierania samej aplikacji.

Jeśli aplikacja podróżna ma inne osoby, z którymi udostępniany jest plan podróży, powiadomienie może być zaprojektowane tak, aby przedstawiało użytkownikowi opcję wysłania zaktualizowanego ETA do znajomych czekających na lotnisku w przypadku opóźnienia.

Komponent powiadomień urządzenia mobilnego jest połączony z systemem powiadomień aplikacji turystycznej, działania użytkownika są kaskadowane z powrotem w dół łańcucha, a zmiana stanu aplikacji turystycznej jest dokonywana bez konieczności jej otwierania przez użytkownika.

Jeśli ten krok jest kontynuowany i zawiera coś takiego jak asystent głosowy (za pośrednictwem VUI), w jaki sposób powiadomienia i działania są pakowane i dostarczane, gdy nie można przewidzieć interakcji na ekranie?

Aplikacje stają się organizmami w dużych ekosystemach, które łączą się z innymi organizmami i muszą się do tego dostosować.

Urządzenia do noszenia na VUI przodują w projektowaniu opartym na komponentach

Elementy UX projektu zostały przedefiniowane w przyszłych interfejsach użytkownika

Jednostka projektowa z docelowych miejsc docelowych, takich jak strona internetowa lub aplikacja w trybie piaskownicy, jest przedefiniowana na komponenty systemu, które współdziałają ze sobą i z ludźmi.

W wielu przypadkach te interakcje zachodzą prawie niewidocznie. Chociaż aplikacje jako koncepcja nie są eliminowane, nie są już głównym wydarzeniem ani celem.

Projektanci muszą ewoluować, zmieniać kierunek i przekierowywać swoje skupienie, aby tworzyć produkty i usługi, które dostosowują się, aby prosperować w wielu ekosystemach. Przyszłe interfejsy użytkownika będą rozmieszczone w szeregu nieprzewidywalnych kontekstów i urządzeń, a w rozszerzającym się świecie inteligencji otoczenia, projektanci mają wiele do rozważenia.

• • •

Dalsza lektura na blogu Toptal Design:

  • Koniec formularzy internetowych
  • Przyszły projekt interfejsu użytkownika bez przycisków
  • Świat jest naszym interfejsem – ewolucja projektowania interfejsu użytkownika
  • Jak projektować zachwycające wrażenia dla Internetu rzeczy
  • Moc dotyku — ewolucja projektowania przycisków (z infografiką)