Jednym z najczęstszych błędów UI generowanych przez AI w wyzwaniu Caffeine jest to, że pierwszy ekran próbuje zrobić wszystko.
Po otwarciu aplikacji użytkownicy zobaczą:
Panel sterowania
Analiza
Powiadomienia
Strumień aktywności
Ustawienia
… nawet zanim zrozumieją funkcje tej aplikacji.
Nasza sugestia to: wskazać Caffeine, aby najpierw podjął jedno lub dwa wyraźne działania.
Wyobraź sobie tę stronę tak:
Tytuł
Jedno wejście/akcja
Przycisk główny
Wszystko inne (funkcje, zaufanie itd.)
Przyjrzyjmy się kilku przykładom.
1. Przykład interfejsu użytkownika
Z jednej strony, przyjrzyjmy się aplikacji „EstateFlow”, stworzonej przez EdUniteDapps i opublikowanej w sklepie aplikacji Caffeine.
Zrozumienie funkcji tej aplikacji zajmuje nam tylko 1 sekundę, ma ona tylko jedną główną, wyraźną akcję - wyszukiwanie nieruchomości.
Teraz przyjrzyjmy się przykładzie z innego skrajnego przypadku.
Aby nie prowokować deweloperów społeczności Caffeine, użyjemy strony głównej Ling's Cars, która dumnie nazywa siebie "najszalonymi stronami wynajmu samochodów w Wielkiej Brytanii".
Gdy wchodzisz na stronę, od razu widzisz dziesiątki elementów walczących o twoją uwagę: banery reklamowe, przyciski, animacje, oferty promocyjne i linki nawigacyjne.
To jest interesujące, ale również wyraźnie pokazuje jedną rzecz: gdy wszystko walczy o uwagę, użytkownikom trudniej jest wiedzieć, od czego zacząć.
W większości przypadków prostsze podejście użyte w pierwszym przykładzie uczyni twoją aplikację łatwiejszą do zrozumienia.
2. Przykład podpowiedzi
Gdy budujesz aplikację za pomocą Caffeine, informacje podpowiedzi na pierwszym ekranie są bardzo ważne.
Załóżmy, że chcemy stworzyć stronę internetową do sprzedaży używanych rowerów.
Opcja pierwsza:
Zaprojektuj nowoczesną, przejrzystą stronę główną dla strony pomagającej ludziom w lokalnym kupnie i sprzedaży używanych rowerów.
Strona główna powinna koncentrować się na jednym głównym celu użytkownika: pomóc odwiedzającym szybko znaleźć rowery w pobliżu.
Rozdział bohatera:
Duży nagłówek: "Znajdź następny rower w swojej okolicy"
Widoczny pasek wyszukiwania, w którym użytkownik może wpisać lokalizację i filtrować według typu roweru oraz ceny.
Główny przycisk wezwania do działania: "Szukaj rowerów"
Nawigacja - postaraj się uprościć nawigację, zawierając tylko:
Przeglądaj rowery
Sprzedaj rower
Zasada działania
Zaloguj się
Opcja druga:
Zaprojektuj stronę główną dla platformy handlu używanymi rowerami, na której powinny być pokazane oferty specjalne, wyróżnione rowery, popularne rowery, nowości oraz rowery polecane przez sponsorów, dodaj dużą nawigację zawierającą sekcje zakupu rowerów, sprzedaży rowerów, aukcji, części rowerowych, akcesoriów, wynajmu rowerów, ubezpieczeń rowerowych, płatności ratalnych za rowery, usług serwisowych, forum społecznościowego, bloga i wydarzeń.
Dodaj filtry w bocznym pasku, które pozwolą na sortowanie według marki, ceny, rozmiaru ramy, średnicy kół, koloru, lokalizacji, stanu roweru i oceny sprzedawcy, dodaj przyciski o różnych kształtach i rozmiarach w górnej części pierwszego ekranu do "Sprzedaj rower", "Przeglądaj oferty", "Rozpocznij aukcję", "Porównaj rowery", "Dołącz do społeczności" oraz "Zapisz się do biuletynu", dodaj wyskakujące okienka z rabatami, rejestracją do biuletynu i chatbotem, wyświetlaj karty produktów, statystyki, opinie użytkowników i zdjęcia promocyjne na tym samym ekranie, aby użytkownicy mogli natychmiast uzyskać bogaty wybór i informacje.
To jest twoja aplikacja, twoja decyzja.
Jednak powtarzającym się wzorem, który widzimy, jest to, że gdy pierwszy ekran wymaga od użytkowników podjęcia mniejszej liczby decyzji, szybciej rozumieją aplikację - dlatego uważamy, że twoje podpowiedzi powinny wyglądać bardziej jak "Opcja jeden".
Zazwyczaj najprostszy punkt wejścia działa najlepiej:
Wyraźny cel
Główna akcja
Przycisk, który pozwala użytkownikowi kontynuować
Gdy ludzie zrozumieją funkcje twojej aplikacji, możesz w każdym momencie poprosić Caffeine o dodanie kolejnych funkcji w innych obszarach.
\u003ct-202/\u003e\u003ct-203/\u003e\u003ct-204/\u003e
Treści IC, które cię interesują
Postęp technologiczny | Informacje o projekcie | Globalne wydarzenia
Obserwuj kanał IC na Binance
Bądź na bieżąco