Przyszły projekt interfejsu użytkownika bez przycisków

Opublikowany: 2022-03-11

Czym są przyciski i czy naprawdę ich potrzebujemy?

Od zarania graficznych interfejsów użytkownika używamy przycisków. Weź pod uwagę, że oryginalny graficzny interfejs użytkownika Xerox PARC ma 44 lata, ale nasze interfejsy użytkownika nadal wyglądają niezwykle podobnie. Niedawno prześledziłem historię stylów przycisków, tworząc Oś czasu Dribbble. Choć przyciski ewoluowały zgodnie z aktualnymi trendami i wraz z technologią, ich pochodzenie jest niewątpliwie inspirowane prawdziwymi przedmiotami z przeszłości.

Zeskanowany obraz z katalogu Sears First Electric Buzzer 1897 jesienny
Prawy dolny róg – Sears First Electric Buzzer 1897 Katalog jesienny.

Od ponad dekady tworzymy urządzenia bez fizycznego interfejsu — które nie zależą od ludzkiego dotyku, ale można je aktywować głosem lub gestem. Dlaczego upieramy się przy tworzeniu kształtów, z którymi można wchodzić w interakcje, opartych na znanych obiektach, które nas otaczają? Kształt cyfrowego przycisku jest nadal wzorowany na narzędziach i mechanizmach, które opracowaliśmy w XIX wieku!

Stworzyliśmy zupełnie nowe, inteligentne urządzenia elektroniczne — możemy sobie z nimi poradzić w niemal dowolny sposób, ale z lenistwa lub z przyzwyczajenia nadal zmuszamy naszych użytkowników do kliknięcia podchwytliwego obszaru o szerokości zaledwie kilku pikseli.

Czas coś z tym zrobić — czas myśleć bez guzików.

„Bezprzyciskowy” interfejs użytkownika – gdzie wszystko się ze sobą współgra

„Utopia bez guzików” to koncepcja, w której każda próba trzymania się ponad 130 lat tego, co zawsze było robione, jest całkowicie rozbita. Przyszłość jest teraz – musimy iść naprzód i pozbyć się przestarzałych rozwiązań naszych poprzedników.

Czy możemy sobie wyobrazić interfejs całkowicie pozbawiony przycisków? Coś tak intuicyjnego, że już po prostu patrząc na to będziesz wiedział, jak się zachować? Nie musi już być tylko w naszej wyobraźni — te interfejsy już istnieją.

Aplikacja Microsoft HoloTour w AR
Microsoft HoloLens: HoloTour.

Czy możemy raz na zawsze wyeliminować czczony guzik? Mikrofony, kamery, ekrany dotykowe, wibracje, akcelerometry, żyroskopy, GPS, rozszerzona rzeczywistość, rzeczywistość wirtualna — lista jest długa — a wszystko to obsługiwane ze smartfona lub komputera. Nie ma już powodu, aby dalej zmuszać użytkowników do naciskania tego jednego małego prostokąta.

Wyeliminujmy przyciski w interfejsach użytkownika

Czy czytałeś Type Design, w którym interfejsy są pozbawione elementów graficznych, a liczy się tylko treść? Wielu z was pytało: „A co z przyciskami?” Już ich nie potrzebujemy – wyeliminujmy je całkowicie.

Oto kilka ciekawych pomysłów:

Facebook po prostu zapytał: „Jaki jest twój nastrój?” Nie musisz naciskać przycisku, aby odebrać — użyj swojego głosu — po prostu powiedz, że czujesz się świetnie i udaj się na plażę. Następnie przeciągnij tekst rozpoznawany przez Facebooka z Twojej odpowiedzi do miejsca, w którym ma się pojawić.

Animacja interfejsu głosowego
Wyszukiwanie głosowe.

Podoba Ci się artykuł na Medium? Jakiś czas temu na Medium można było po prostu „polecić” artykuł. Dziś klikamy „klaszcze”. Więc „klaszcz”. Co by było, gdyby nie trzeba było klikać tego dziwnego małego przycisku, po prostu dosłownie klaskać ?

Mężczyzna klaszczący do artykułu na Medium
Koncept bez guzików autorstwa Wojciecha Dobrego (…nie bierz tego zbyt poważnie).

A co z bardziej złożonymi działaniami? Takich jak kasa w sklepie internetowym. Przeciągnij i upuść element do koszyka, przesuń palcem, aby przejść do kasy, a następnie potwierdź odciskiem palca. Bułka z masłem.

Animacja interfejsu użytkownika
ASOS - Dodaj do koszyka animację autorstwa Zachary'ego Zhao.

Pomyśl o treści i całym ekranie

Zacznijmy od powierzchni, których aktualnie dotykamy, aby wykonać akcję. Biorąc pod uwagę, że zdecydowana większość współczesnych graficznych interfejsów użytkownika to ekrany dotykowe — często obsługiwane za pomocą kciuków — ma się rozumieć, że takie interfejsy będą z nami przez długi czas. I na pewno będziemy mieć tę nieodpartą potrzebę stukania – w końcu dotyk jest naszym najważniejszym doznaniem. Dotykanie powierzchni daje nam poczucie realnego działania, kontroli. Jak by to było, że zamiast klikać w konkretny punkt, nauczyliśmy naszych użytkowników interakcji z całą powierzchnią ?

Zobaczmy, jak robi to Instagram:

Nawigacja po historii na Instagramie
Nawigacja na Instagramie.

Czy kiedykolwiek widziałeś przycisk, który umożliwia przeglądanie relacji na Instagramie i powrót do poprzedniej relacji? Prawdopodobnie nie, ponieważ wystarczy dotknąć lewej krawędzi ekranu, aby tak się stało.

Użytkownicy oczekują nowych sposobów interakcji z naszymi produktami cyfrowymi, często bez przycisku. Karty reagują na wszystkich swoich powierzchniach; klikając na dowolne słowo, spodziewamy się znaleźć jego definicję; dotykając obrazów, oczekujemy działania. Użytkownicy są już przyzwyczajeni do tego, że na dotyk reagują całe obszary.

Rozpoznawanie gestów

Bardzo dobrze rozumiemy gesty, ponieważ są dla nas naturalne i znajdują odzwierciedlenie w naszych fizycznych działaniach. Obecnie prawie każda aplikacja używa ich do przyspieszenia nawigacji; możemy stuknąć dwukrotnie zdjęcie zamiast naciskać je jak przycisk; możemy przesuwać palcem, aby przeglądać galerię; lub uszczypnij, aby powiększyć zawartość.

Animacja UI rysująca serce na ekranie dotykowym
Wergiliusz Pana.

Interfejs użytkownikaInterfejs użytkownika

Interfejsy użytkownika autorstwa Ramotion i Jarka Bereckiego.


Gesty wykonujemy nie tylko na płaskich ekranach dotykowych – gesty wykonujemy również w przestrzeniach AR i VR, po których możemy poruszać się całym ciałem.

Mężczyzna używający gestów w rozszerzonej rzeczywistości
Gesty na HoloLens firmy Microsoft.


Mężczyzna używający rozpoznawania gestów do kontrolowania IoTMężczyzna używający rozpoznawania gestów do kontrolowania IoT

Rozpoznawanie gestów Clay VR na iPhonie.

Interfejsy głosowe

Siri, Cortana, Alexa i Asystent Google są gotowe do pracy. Wielu twierdzi, że interfejsy głosowe to przyszłość — trudno się z tym nie zgodzić, ponieważ ich potencjalne zastosowania są niezliczone. Możemy sterować pojazdami, inteligentnymi budynkami i maszynami po prostu rozmawiając z nimi — tak jak rozmawiamy z prawdziwą osobą. Dzięki sztucznej inteligencji i uczeniu maszynowemu maszyny są teraz w stanie coraz dokładniej rozumieć nasz język. Nie ograniczamy się już do wypowiadania starannie napisanych „magicznych zaklęć”; możemy mówić pełnymi zdaniami.

OK reklama Google
Ok google…

Za pomocą mowy możemy swobodnie poruszać się w świecie przekazów pieniężnych. Obecnie Siri umożliwia przelewanie pieniędzy przez PayPal innej osobie za pomocą tylko jednej szybkiej prośby: „Siri, wyślij 200 USD do XYZ za pomocą PayPal”. Brak przycisków — jedynym wymaganym potwierdzeniem i kontrolą bezpieczeństwa jest Touch ID.

Siri używane do przelewu PayPal na iPhonie

Działania fizyczne, podłączone urządzenia i rozpoznawanie wideo

Uśmiechnij się, aby zapłacić? To tu! Alibaba i KFC wspólnie uruchomiły system, który pozwala płacić po prostu uśmiechem do kamery — bez naciskania przycisków. System działa na rozpoznawaniu twarzy i jest już dostępny w Chinach.

KFC i Alibaba uśmiechają się do systemu płatności

To tylko jedno z potencjalnych zastosowań. Nasze urządzenia są już wyposażone w całą gamę czujników i mogą monitorować całe Twoje ciało. Nic nie stoi na przeszkodzie, aby jednym palcem wykonać jakąkolwiek czynność na smartfonie.

iWatch używany do odblokowywania MacBooka Pro

Innym przykładem fizycznego działania, które przyspieszy znikanie przycisków, jest po prostu bycie blisko urządzenia. Spójrzmy na przykład na iWatch — po prostu sparuj go z laptopem i czekaj, aby odblokować MacBooka. Urządzenia ubieralne mogą służyć do potwierdzania naszej tożsamości, a także inteligentnego przewidywania naszych potrzeb na podstawie lokalizacji i danych z czujników. Dzięki nim możemy już uniknąć używania przycisków na wielu interfejsach.

Żyroskop używany do sterowania urządzeniemŻyroskop używany do sterowania urządzeniem

Nie zapominajmy o technologiach, które są powszechnie dostępne od kilku lat. Jednym z nich jest żyroskop — dostępny w prawie każdym smartfonie, ale rzadko używany w interfejsach. Powyżej możecie zobaczyć eksperymentalne interfejsy stworzone przez Patryka Adasa.

Przyszłość projektów interfejsu użytkownika

Mając do dyspozycji tak wiele różnych opcji, można teraz zapomnieć o używaniu typowych prostokątnych przycisków, z którymi użytkownicy mogą wchodzić w interakcje. Dzięki dzisiejszej technologii mamy możliwość tworzenia zupełnie nowych interfejsów, które mogą:

  • Oszczędzaj czas użytkowników
  • Zapobiegaj błędom, poślizgnięciom i pomyłkom
  • Zrekompensuj wszelkie przypadkowe działania

koncepcje interfejsu użytkownikakoncepcje interfejsu użytkownika

Interfejsy koncepcyjne autorstwa Cosmin Capitan i Ramotion.


Nadszedł czas – technologia nas wyprzedza. My, projektanci, MUSIMY to realizować… i nie zapomnij nadrobić zaległości!