Twórz i edytuj formularze mobilne Dynamics CRM dla telefonów Express. Użyj odpowiednich list wyboru

Zgodnie z Twoją prośbą formularz witryny mobilnej znaleziony 2833 wyniki

Opracowanie dobrej nawigacji dla witryny internetowej jest jednym z nich kluczowe czynniki dobry rozwój projektu oraz fakt, że odwiedzający zaczynają eksplorować witrynę w celu sprawdzenia wszystkich zakamarków (zakładek, obrazów, tekstu itp.) w poszukiwaniu informacji. Oglądaj i zainspiruj się do własnych, świetnych projektów.

Zgodność: 7
Projektując aplikacje mobilne, programista napotyka różne pułapki, które mogą zniweczyć wszelkie wysiłki. W ta lekcja opiszemy 6 najbardziej podstępnych i typowe błędy podczas pracy nad wersjami na urządzenia mobilne.

Zgodność: 7
W tej lekcji dowiemy się, jak utworzyć oryginalny formularz wiadomości w formie maszyny do pisania. Wszystkie główne funkcje tego urządzenia, które wyszło z użycia, zostaną starannie przywrócone za pomocą CSS i jQuery.

Zgodność: 7
Tutaj dowiesz się całej prawdy o stronach handel elektroniczny: Według najnowszych badań w tym zakresie wg co najmniej 59,8% potencjalni kupujący nie chcą płacić za to, co dodali do koszyka (MarketingSherpa 59,8%, SeeWhy 83% i MarketLive 62,14%). Główne pytanie: Dlaczego klienci tak często rezygnują z zakupów? Faktem jest, że istnieją pewne podstawowe błędy, które bardzo często popełniają twórcy witryn e-commerce. Czy jest ogólne zasady które utrudniają użytkownikom zakup naszych produktów? Czy istnieje jakiś znaczący sposób na poprawę wyników sprzedaży tego, co sprzedajemy?

Zgodność: 7
Najfajniejszą nową funkcją w HTML5 jest możliwość dodania domyślnego tekstu do pól formularzy. Atrybut placeholder umożliwia wyświetlanie w polach formularza określonego tekstu, gdy są puste lub nieaktywne (gdy pole jest aktywne, jest ono wyczyszczone). Jest to stylowa funkcja, ale nadal nie jest obsługiwana przez wszystkie przeglądarki. W tym samouczku pokażę Ci, jak za pomocą Modernizra sprawdzić, czy dana przeglądarka go obsługuje, a jeśli nie, dynamicznie wypełnić pola formularza domyślnym tekstem za pomocą jQuery.

Zgodność: 7
Siatka modułowa może stanowić znaczącą pomoc przy tworzeniu strony internetowej. Ona zapewnia jedno i drugie struktura wizualna dla elementów witryny i środowiska dla treści. Tak się składa, że jest w prosty sposób stworzyć zrównoważoną i jednolitą stronę internetową.

Zgodność: 7
Tworząc interfejs projektu, zawsze chcesz, aby był prosty i zrozumiały dla użytkownika. Bez względu na to, co oferuje Twoja witryna, musisz znaleźć równowagę pomiędzy prostotą i funkcjonalnością. Bardzo ważne jest, aby użytkownik mógł łatwo znaleźć i zrozumieć dowolne funkcje Twojego projektu, najlepiej bez konieczności ładowania innych stron.

Zgodność: 7
Wyobraź sobie emocjonalne zamieszanie użytkownika, który musi dodać zaledwie kilka znaków, aby przesłać formularz z dużą liczbą ręcznie wypełnianych pól, a nagle wszystkie dane zostają utracone. Straszny. Chyba, że istnieje sposób na odzyskanie danych i uniknięcie losu Syzyfa.

Ten artykuł jest zapowiedzią nowej funkcjonalności.
Nie zaleca się wykorzystywania treści tego artykułu do poznawania nowych funkcjonalności.
Pełny opis nowa funkcjonalność zostanie udostępniona w dokumentacji odpowiedniej wersji.
Pełna lista zmiany w Nowa wersja znajduje się w pliku v8Update.htm.

Zaimplementowano w wersji 8.3.11.2867.

Kontynuujemy rozwój platformy mobilnej, dodając funkcjonalności, które są już dostępne w platformie komputery osobiste. Ponadto opracowujemy konkretne możliwości platformy, które są istotne tylko dla urządzeń mobilnych. Teraz opowiemy Ci o kilku najważniejszych udoskonaleniach.

Planista

Model obiektowy harmonogramu „mobilnego” nie uległ zmianie, ale zmienił się sposób interakcji użytkownika z harmonogramem, ponieważ metody wprowadzania informacji na urządzeniach mobilnych różnią się od tych stosowanych na komputerach stacjonarnych.

Przykładowo, szybka edycja elementu odbywa się poprzez jedno kliknięcie na elemencie. Długie naciśnięcie połączeń menu kontekstowe oraz do pojawienia się znaczników pozwalających na rozciągnięcie elementu. Przeciąganie odbywa się poprzez długie naciśnięcie, a następnie przesunięcie palca.

Przewijanie całego planera odbywa się poprzez przewijanie jednym palcem, powiększanie dwoma palcami i tak dalej.

Cechą obecnej implementacji „mobilnego” harmonogramu jest to, że nie obsługuje on jeszcze drukowania.

Sformatowany dokument

Kolejnym „nowym” obiektem, który dodaliśmy do platformy mobilnej jest Sformatowany dokument. Z punktu widzenia użytkownika dokument w formacie „mobilnym” różni się jedynie tym, że jego panel edycyjny jest wbudowany w sam sterownik i stanowi logiczną część Wirtualna klawiatura. Jako programiści nie macie obowiązku dodawania go osobno do konfiguracji. Panel edycyjny ma inny wygląd w zależności od rodzaju urządzenia mobilnego (telefon lub tablet).

Podgląd formularza „mobilnego” w konfiguratorze

W konfiguratorze podczas tworzenia formularza dodaliśmy możliwość zobaczenia jak będzie wyglądał Twój formularz urządzenie przenośne.

W panelu poleceń możesz wybrać opcję interfejsu Urządzenie przenośne i zobacz, jak formularz będzie wyglądał w standardowej orientacji.

Tutaj możesz obrócić swoje urządzenie mobilne.

Ponadto daliśmy Ci możliwość wyboru duża liczba wspólne urządzenia.

Dodatkowo formularze mobilne możesz przeglądać w trzech różnych skalach:

Piksel po pikselu- gdy piksel ekranu urządzenia mobilnego odpowiada pikselowi ekranu okna podglądu;
Rzeczywisty rozmiar - gdy rozmiar urządzenia mobilnego na ekranie jest zgodny wymiary geometryczne urządzenia;
Według rozmiaru okna- gdy skala wyświetlania jest tak dobrana, aby „mobilny” obszar wyświetlania mieścił się w oknie podglądu bez przewijania.

Przetwarzanie wsadowe dokumentów arkusza kalkulacyjnego

Do platformy mobilnej dodaliśmy szereg nowych obiektów, które umożliwiają tworzenie pakietów wyświetlanych dokumentów. Funkcjonalność ta jest podobna do tej, którą można znaleźć na platformie PC. Dzięki temu możesz teraz na przykład wysłać kilka dokumentów do druku jednocześnie.

Opracowywanie dostarczalnych powiadomień

Wdrożyliśmy obsługę usługi powiadomień push systemu Windows (WNS, Windows Notification Services). Teraz możesz skorzystać z funkcjonalności dostarczanych powiadomień podczas uruchamiania aplikacji mobilnej na platformach z rodziny Windows.

Przerobiliśmy także system obsługi błędów przy wysyłaniu dostarczonych powiadomień. W sytuacjach, w których wcześniej zgłaszano błąd jako wyjątek, jest on teraz zgłaszany jako wartość, którą można obsłużyć w wbudowanym języku.

Akceleracja sprzętowa w systemie operacyjnym Android

W wersjach operacyjnych Systemy Android Platforma mobilna korzysta obecnie z wersji 4.4.2 i nowszej przyspieszenie sprzętowe. Pozwoliło nam to zwiększyć prędkość renderowania interfejsu od 1,5 do 3 razy.

Dotyczy: Dynamics 365 (online), Dynamics 365 (on-premises), Dynamics CRM 2016, Dynamics CRM Online

Microsoft Dynamics 365 for Phone Express wykorzystuje formularz zoptymalizowany do użytku z telefonem. Edytując formularz, wybierasz, które pola mają się pojawić i w jakiej kolejności. Możesz ustawić niektóre pola jako tylko do odczytu, ale nie możesz używać skryptów formularzy w Formularzach CRM dla telefonów Express.

CRM dla telefonów Express jest Poprzednia wersja aplikacja na telefon dla Microsoft Dynamics 365 Ostatnia wersja aplikacja na telefon — Microsoft Dynamics 365 na telefony — zapewnia tę samą funkcjonalność co aplikacja Microsoft Dynamics 365 na telefony Aplikacja Microsoftu Dynamics 365 na tablety. Aby uzyskać informacje na temat konfigurowania Dynamics 365 na telefony i tablety, zobacz Konfigurowanie Dynamics 365 na telefony i tablety.

Jeśli masz wiele formularzy, musisz zmienić kolejność formularzy i przypisać odpowiednie role zabezpieczeń, aby użytkownicy widzieli formularze potrzebne do wykonania swoich zadań.

W tej sekcji

Zobacz formularz Mobilny ekspres

Tworzenie mobilnego formularza ekspresowego

Wyświetl formularz Mobile Express

Pierwszym krokiem w konfiguracji formularza mobilnego jest zrozumienie, jak on wygląda. Uruchom aplikację Express Phone CRM na swoim telefonie i zaloguj się do swojej organizacji.

Stąd znajdź encję zawierającą formularz, który musisz edytować i otworzyć istniejący wpis lub utwórz nowy.

Jak widać formularz jest listą pól.

Notatka

Wyświetlane są tylko pola zawierające dane.

Aby edytować dane kliknij ikonę Zmiana na dole formularza. Etykiety pól przesuwają się, aby zapewnić więcej miejsca na edycję. Wszystkie pola są teraz wyświetlane. Jeśli przewiniesz w dół, zobaczysz listę wszystkich powiązanych encji zdefiniowanych w odpowiednich definicjach relacji encji.

Tworzenie mobilnego formularza ekspresowego

Jeśli potrzeba ich kilka formularze mobilne, utwórz nowy, tak jak tworzysz formularz dowolnego innego typu. Tworząc wiele formularzy, należy ustawić kolejność formularzy i role zabezpieczeń formularza. Użytkownicy mogą nawigować pomiędzy formularzami w aplikacji Express Phone CRM; widzą pierwszy formularz w kolejności formularzy, na które pozwalają im role zabezpieczeń. Aby zapoznać się z przykładem, zobacz Wiele formularzy.

Przejdź do sekcji Opcje > Ustawienia. Wybierać Skonfiguruj system.

Rozwiń węzeł Podmioty i wybierz podmiot, dla którego chcesz utworzyć nowy formularz mobilny.

Rozwiń element i wybierz węzeł Formularze.

Wybierać Tworzyć I Mobile-Express.

Jeśli to polecenie nie zostanie wyświetlone, oznacza to, że encja nie ma włączonej obsługi CRM dla telefonów Express. W przypadku niektórych podmiotów można to zmienić. Aby uzyskać więcej informacji, zobacz Włączanie lub wyłączanie ustawień encji.

Nazwy formularzy Mobile Express nie muszą być unikalne, ale muszą mieć znaczenie, aby można je było odróżnić od innych formularzy Mobile Express na liście. Ma to znaczenie przy ustalaniu kolejności formularzy.

Teraz możesz zmienić kształt lub wybrać Zapisz i zamknij aby go zamknąć. Więcej informacji: Edytuj formularz Mobile Express

Ustalanie kolejności formularzy

Z listy formularzy dla encji wybierz Kolejność formularzy i wybierz Mobilne – ekspresowe.

W oknie dialogowym Kolejność formularzy wybierz kształt i użyj zielonych strzałek, aby przesunąć kształt w górę lub w dół w kolejności kształtów.

Wygodnie będzie, jeśli każdy formularz mobilny będzie miał swoją wymowną nazwę.

Wybierać OK aby zamknąć okno dialogowe Kolejność formularzy.

Notatka

Ty, jako nosiciel roli” Administrator systemu" lub "System Customizer", masz dostęp do wszystkich formularzy. Jedynym sposobem, aby wyświetlić ustawienia zastosowane do formularzy Mobile Express w aplikacji Express Phone CRM, jest uporządkowanie formularzy w taki sposób, aby właśnie utworzony formularz znajdował się na górze.

Zmiana formularza Mobile Express

W przeciwieństwie do innych formularzy encji, w edytorze formularzy Mobile Express nie można tworzyć nowych atrybutów relacji encji. Zawsze jednak możesz zmienić formularz Mobile Express w rozwiązaniu domyślnym.

W rozwiązaniu domyślnym użyj Eksploratora rozwiązań, aby rozwinąć Podmioty i wybierz encję formularza mobilnego, którą chcesz edytować.

Na liście formularzy wybierz formularz, którego kolumna Typ formularza wartość obecna Mobilne – ekspresowe.

Otworzy się mobilny edytor formularzy.

W przypadku tak prostego formularza zadania konfiguracyjne są następujące.

Wybierz pola, które chcesz uwzględnić w formularzu.

Wybór lokalizacji pól.

Decyzja o przyznaniu dostępu tylko do odczytu do niektórych pól.

Opublikuj ustawienia po zakończeniu. Aby uzyskać więcej informacji, zobacz Ustawienia publikowania.

Domyślnie wszystkie pola wymagane przez firmę lub system są uwzględnione w formularzu i nie można ich usunąć. Jeśli ustawisz wymagane pole jako tylko do odczytu, użytkownicy nie będą mogli go edytować. Podczas tworzenia nowe wejście pole tylko do odczytu nie zostanie wyświetlone, ale użytkownik nadal będzie mógł zapisać rekord bez tych danych. Jeśli zmienisz ten sam rekord w aplikacji internetowej lub aplikacji Dynamics 365 na telefony i tablety, użytkownik będzie musiał wprowadzić tę wartość przed zapisaniem zmian.

Zobacz też

Zapytaj dowolną osobę dorosłą, bez jakiego przedmiotu nie może wyjść z domu, a odpowie Ci: klucze, portfel, telefon komórkowy. Wraz z rozwojem producentów urządzeń mobilnych i wypuszczaniem na rynek nowych, ulepszonych modeli po prostu nie da się nie poddać temu rosnącemu trendowi.

Dane z 2014 roku pokazują, że w samych Stanach Zjednoczonych telefon komórkowy posiada 90% dorosłych, z czego 58% to posiadacze smartfonów. 42% Amerykanów posiada tablety. W raporcie eMarketer prognozował, że do końca 2014 roku ludzie na całym świecie będą korzystać z około 1,75 miliarda smartfonów.

Liczby te tylko potwierdzają, że dzisiejsze urządzenia mobilne z przedmiotów luksusowych stały się naszą codzienną koniecznością. Jeśli w przeszłości telefony były jedynie narzędziem komunikacji, teraz polegamy na nich, gdy pracujemy, odpoczywamy czy idziemy na zakupy.

Optymalizacja formularzy pod kątem urządzeń mobilnych

Rozwój smartfonów nie tylko ułatwia konsumentom zakupy. Jest to mile widziany dodatek do już rozwijającej się branży zakupów online. Z biegiem czasu firmy nie tylko działające w Internecie, ale także poza nim zaczęły rozumieć jego znaczenie telefony komórkowe wraz z innymi kanałami promocji w pozyskiwaniu klientów.

Formularze informacja zwrotna odgrywają ogromną rolę w zakupach online, są także kluczowym elementem platformy mobilnej. Zwykle spotykamy się z nimi, gdy dokonujemy zakupu, a witryna prosi nas o podanie konkretnych informacji, takich jak imię i nazwisko, adres, numer telefonu i dane karty kredytowej. Jednak dla wielu kupujących wypełnianie formularzy jest żmudnym zadaniem, które może zrujnować ich zainteresowanie. Ponadto kupujący online zazwyczaj borykają się z wyzwaniami, takimi jak brak czasu lub słabe połączenie internetowe, co może negatywnie wpłynąć na współczynnik konwersji Twojej witryny mobilnej.

Poniżej znajduje się lista 10 sposobów na przyspieszenie transakcji mobilnych Twoich klientów, a także uczynienie ich zakupów online przyjemnymi.

1. Uwzględnij tylko najwięcej ważne szczegóły w swoją formę

Jeśli nie masz cierpliwości do wypełniania ton formularzy na stronie internetowej podczas zakupów online, Twoi klienci prawdopodobnie czują to samo. Istnieje różnica pomiędzy wypełnieniem formularza Full-On a wypełnieniem prostego formularza w celu zakupu czegoś w sklepie internetowym. W porównaniu do tej drugiej, pierwsza wersja formularza może być dość irytująca i ryzykujesz utratę klienta, gdy znudzi mu się wypełnianie formularza, zwłaszcza jeśli zobaczy, że musi podać trzy różne numery telefonów.

Uczyń wygodne zakupy online na urządzeniach mobilnych, udostępniając swoim klientom prosty, ale kompletny formularz zamówienia. Zapytaj użytkowników tylko o ważne ważna informacja, Jak na przykład pełne imię i nazwisko, adres E-mail, numer telefonu, informacje o wysyłce i dane karty kredytowej. Możesz także dołączyć rozwijaną listę stanów lub krajów, do których wysyłasz przesyłki, lub jeszcze lepiej, mieć je przy sobie Aplikacja mobilnażąda od klientów geolokalizacji. W ten sposób możesz szybko i dokładnie uzyskać ich adres.

2. Użyj wyrównania wysokości etykiet i pól wejściowych.

Smartfony mają ograniczone pole widzenia w porównaniu do komputerów stacjonarnych, dlatego ważne jest, aby zaprojektować kształt, który maksymalizuje ten obszar. Jednym ze sposobów na to jest użycie wyrównanie pionowe dla pól formularza. Widzisz, kiedy używa się go w formie wyrównanie poziome istnieje możliwość, że nie wszystkie informacje zmieszczą się na ekranie smartfona, a etykieta lub pole wejściowe mogą zostać utracone. Takie formularze zamówień mogą wydawać się kłopotliwe dla kupujących, co może zmniejszyć ich zainteresowanie.

Z drugiej strony, jeśli etykiety i pola wejściowe zostaną ustawione pionowo, Twoim klientom łatwiej będzie od razu zobaczyć informacje, o które proszą, w tym to, co muszą wypełnić. Dzięki temu będą mieli pewność co do bezpieczeństwa transakcji. Taki układ zapobiegnie również pominięciu jakichkolwiek pól wejściowych przez kupujących lub, co gorsza, ponownym wypełnieniu formularza.

Ponadto zminimalizuje to wizualny bałagan w kształtach. Przyciski „Co to jest” i „Więcej szczegółów” możesz umieścić w mobilnej wersji swojej witryny. Jeśli te przyciski muszą zostać umieszczone na formularzu, umieść je tak, aby klienci nie odwracali uwagi od dokonania zakupu.

3. Użyj menu rozwijanych i list rozwijanych

Kolejnym ograniczeniem wynikającym z ograniczonego obszaru wyświetlania na urządzeniu mobilnym jest ciągłe przesuwanie, co musimy zrobić, aby wyświetlić całą stronę lub wypełnić formularz. Chociaż przewijanie jest częstym zjawiskiem, użytkownicy smartfonów woleliby mieć szybki sposób na zakup produktów online.

Korzystanie z menu rozwijanych i list rozwijanych może pomóc skrócić czas, jaki klienci spędzają na wypełnianiu formularzy. Zamiast zmuszać kupujących do wyboru ogromna ilość opcji, możesz grupować poszczególne produkty w kategorie. Menu rozwijane przydają się także do łączenia opisów kluczowych produktów, które chcesz umieścić na jednej stronie. Pamiętaj tylko, żeby nie zaczynać ich opisywania, gdy menu się rozwija.

4. Korzystaj z odpowiednich list wyboru

Jeśli listy rozwijane lub menu rozwijane nie pasują do formularzy witryny mobilnej, masz dwie doskonałe opcje w przypadku formularzy mobilnych: pola wejściowe wyszukiwania predykcyjnego i prywatne listy rozwijane.

Pola wejściowe wyszukiwania predykcyjnego umożliwiają Twoim klientom wyszukiwanie produktu lub usługi, której potrzebują słowa kluczowe, a także wyświetla listę wszystkich podobnych wyników. Ten typ formularza jest idealny w przypadkach, gdy wyszukiwanie ma zająć dużo czasu lub gdy istnieje wiele produktów, które nie wchodzą w zakres oddzielne kategorie. Zamknięte listy rozwijane sprawdzają się natomiast dobrze w przypadku list konkretnych pozycji menu ułożonych w określonej kolejności, na przykład alfabetycznej lub chronologicznej.

5. Łatwe wprowadzanie danych wejściowych

Prawdopodobnie natknąłeś się na pola wejściowe w formularzach zarówno w witrynach internetowych, jak i mobilnych. Czasami są one podzielone na 2-3 części, takie jak imię i nazwisko, adres, numer telefonu. I chociaż działa to na stronach, na ich wersje mobilne Takie użycie formularzy nie zawsze jest właściwe.

Najczęściej wymaga podziału danych wejściowych kupujący mobilnie, wypełnij wszystkie trzy (lub dwa) pola wejściowe, aby po prostu odpowiedzieć na jedną etykietę. Jeśli przesadzisz w tej samej formie, Twoi klienci mogą stracić zainteresowanie procesem. Dodatkowo separacja danych wejściowych może być przez klientów odbierana niejednoznacznie, a nawet wprowadzać ich w błąd. Projektując formularze dla platformy mobilne, użyj prostszych pól wejściowych zamiast je oddzielać. Na przykład zamiast dwóch oddzielnych pól na imię i nazwisko, użyj jednego. Pomoże to Twoim klientom szybciej wypełnić formularz.

6. Sformatuj przyciski formularza

Przycisk „Potwierdź” jest ostatni krok w zakupach online, a także najbardziej ważny przycisk w kształcie. Jeśli tak, to zaaranżuj to tak, aby Twoi klienci byli zaangażowani w proces wypełniania formularza.

Spraw, aby przycisk „Potwierdź” był atrakcyjny, ustawiając jego szerokość na 1/3 formularza lub malując go na jasny kolor. Zamiast po prostu używać słów „Potwierdź” lub „Prześlij”, użyj bardziej wymownych wezwań do działania, takich jak „Zarejestruj się teraz” lub „Prześlij swoją aplikację”.

Należy jednak unikać stosowania zbyt jaskrawych kolorów lub zbyt ruchomych przycisków, ponieważ odwróci to uwagę klientów od klikania. Możesz zastosować subtelną zmianę koloru lub najechać kursorem po naciśnięciu przycisku, aby Twoi klienci wiedzieli, że transakcja została zakończona.

7. Ustaw powiększenie za pomocą metatagu rzutni

Przeglądanie na urządzeniu mobilnym może być dla klientów odpowiednie lub konieczne może być ciągłe powiększanie strony, ale jeśli zrobią to przypadkowo, mogą zgubić się na stronie. Będziesz mógł to kontrolować za pomocą metatagu viewport w swoich formularzach. Dzięki temu Twoi klienci unikną przypadkowego skalowania strony lub, co gorsza, całkowitej utraty formularza z pola widzenia.

8. Zapewnij możliwość zapisywania danych

Zakupy za pomocą telefonów komórkowych mogą być wymagające zadanie dla niektórych klientów, ponieważ istnieje ryzyko kliknięcia przycisku „Wstecz” lub przypadkowego przeładowania strony, a jeśli wszystkie wprowadzone informacje znikną, kupujący najprawdopodobniej odmówi transakcji. Możesz uniknąć tej możliwości udostępniając swoim klientom opcję „Otwórz w nowej karcie” po kliknięciu dowolnego linku poza formularzem.

Dodatkowo w przypadkach, w których użytkownicy nie mogą już wrócić poprzednie strony, utwórz okno z ostrzeżeniem i przyciskami takimi jak „Zgadzam się”, „OK” lub „Anuluj”. W ten sposób możesz powiadomić swoich klientów, czy ich dane zostały zapisane w serwisie lub w przeglądarce, i tym samym pomóc im w podjęciu decyzji o przystąpieniu do kasy.

9. Pomóż klientom śledzić ich postępy

Nie wszyscy kupujący są zainteresowani wypełnianiem formularzy opinii. W tym przypadku przydatne będzie wymyślenie sposobu, aby pokazać klientom, że są już prawie na finiszu jego wypełniania. Możesz to zrobić, umieszczając pasek ładowania u góry formularza lub używając prostej osi czasu i wartości procentowych, aby pokazać, na jakim etapie się znajdują. Pamiętaj, aby ograniczyć liczbę tych kroków, aby zaoszczędzić czas klientów.

10. Spraw, aby formularz ładował się szybko

Kolejnym czynnikiem, o którym nie należy zapominać, jest szybkość ładowania formularza mobilnego. Jeśli ładowanie strony zajmuje trochę czasu, Twój klient może nie być zainteresowany. Już sam fakt, że Twoi użytkownicy dotarli do momentu wypełnienia formularza, świadczy o tym, że są gotowi do złożenia zamówienia. Nie rozczaruj ich źle ładującymi się stronami. Szybkość ładowania formularzy zależy również od liczby elementów, które umieścisz na stronie, więc zachowaj ostrożność podczas korzystania z dużych obrazów.

I jak zawsze przetestuj swoje formularze na wszystkich systemach i urządzeniach

W dzisiejszych czasach różnorodność urządzeń mobilnych i ich interfejsów wymaga od nas zaprojektowania formularzy dla każdego z nich. Dlatego upewnij się, że przetestowałeś swoje formularze różne rodzaje urządzeń mobilnych, biorąc pod uwagę różnice system operacyjny, rozmiary i przeglądarki. Dzięki testom możesz nie tylko ulepszyć swoją formę, ale także upewnić się, że działa ona na wszystkich dostępnych urządzeniach.

Osoby korzystające z Twojej aplikacji mobilnej lub witryny mają konkretny cel. Zazwyczaj tym, co stoi pomiędzy użytkownikiem a jego celem, jest forma. W rzeczywistości formularze są uważane za ostatni krok w procesie osiągania celów użytkownika. Dlatego tak ważne jest, aby użytkownik wypełnił formularz możliwie najszybciej i bez żadnych przeszkód.

Postępuj zgodnie z tymi siedmioma zasadami, aby tworzyć proste, przejrzyste formularze:

Zasada nr 1: Formularze muszą być kompatybilne ze sposobem, w jaki użytkownik wprowadza swoje dane

Upewnij się, że pola formularza nie są zasłonięte przez elementy interfejsu (takie jak klawiatura). Gdy użytkownik będzie wypełniał pola formularza, pola będą automatycznie przesuwane w górę.

Zasada nr 2: Minimalizuj liczbę pól wejściowych i potrzebę pisania przez użytkownika

Im dłuższy i bardziej złożony wygląda formularz, tym mniej prawdopodobne jest, że użytkownicy będą chcieli wypełnić puste pola, zwłaszcza na małych ekranach. Zmniejszenie liczby pól wejściowych sprawi, że formularz będzie mniej zajęty, szczególnie gdy użytkownik będzie o to pytał duża liczba Informacja.

Uczyń formularz tak prostym i krótkim, jak to możliwe

Jednak zmniejszenie liczby pól nie wystarczy. Należy także zwrócić uwagę na wysiłek, jaki użytkownik wkłada w wprowadzanie danych. Wymagane drukowanie wysoki stopień interakcje; istnieje duże prawdopodobieństwo błędów, nawet przy wejściu z pełnowymiarowej klawiatury (szczególnie na ekranie dotykowym).

Dlatego staraj się minimalizować potrzebę pisania i błędów użytkownika.

Inteligentne ustawienia domyślne

Inteligentne ustawienia domyślne pomagają użytkownikom szybciej i dokładniej wypełniać wszystkie pola formularzy. Można na przykład wstępnie wybrać kraj zamieszkania użytkownika na podstawie jego danych geolokalizacyjnych.

Automatyczne wykrywanie lokalizacja pozwoli użytkownikowi zaoszczędzić czas na szukaniu pokoju hotelowego

Przyciski opcji dla podobnych, ale wzajemnie wykluczających się wyborów

Gdy użytkownik staje przed wyborem z listy opcji, rozważ użycie poziomej listy tagów. Pozwala to efektywniej wykorzystać dostępną przestrzeń ekranu.

Suwaki dla ceny minimalnej/maksymalnej lub zakresu budżetu

Rozważ użycie suwaków dla pól zawierających ceny lub budżet. W ten sposób użytkownik może przesunąć suwak do wartości minimalnej/maksymalnej. Suwak można łatwo przesuwać w poziomie i można łatwo dostosować tę akcję za pomocą wskazówek wizualnych. Pamiętaj jednak, że podczas obsługi suwaka (zwłaszcza przy użyciu kciuków) nie należy ukrywać cyfr.

Suwak AirBnB, aby wybrać cenę

Zasada nr 3: Nagłówki formularzy muszą znajdować się nad samymi polami lub być pływające

Nagłówki informują użytkownika o głównym przeznaczeniu pola, a zwykły tekst to jeden z głównych sposobów na zwiększenie dostępności interfejsu użytkownika.

Dlaczego nigdy nie powinieneś używać nagłówków tekstowych wewnątrz pól

Nagłówki wewnątrz pól (lub symbole zastępcze) to tekst znajdujący się w polu formularza, który znika, gdy tylko użytkownik zacznie wprowadzać swoje dane.

Nagłówki wewnątrz pola
Chociaż nagłówki w pudełku wyglądają dobrze z estetycznego punktu widzenia, ta zaleta jest często przeceniana. Głównym błędem jest utrata kontekstu. Po kliknięciu przez użytkownika w pole napis znika. W związku z tym nie może zweryfikować, czy napisał dokładnie to, co potrzebne.

Tekst wewnątrz pola nie jest największy najlepszy zamiennik nagłówek wizualny

Ponadto niektórzy użytkownicy, którzy zobaczą, że coś jest już napisane w polu, mogą pomyśleć, że pole jest już wstępnie wypełnione i nie muszą wpisywać niczego więcej i mogą zignorować wypełnianie.

Dlaczego nagłówki pól wyrównane do lewej są szkodliwe dla urządzeń mobilnych

Najważniejszą rzeczą, którą należy wziąć pod uwagę podczas korzystania z nagłówków wyrównanych do lewej strony na urządzeniu mobilnym, jest rozmiar i proporcje ekranu. Jeśli tytuł po lewej stronie znajduje się naprzeciwko pola, to przy pionowej orientacji ekranu pozostanie bardzo mało miejsca na samo pole. Stwarza to pewne trudności w użyciu, ponieważ nie ma wystarczająco dużo miejsca, aby wyświetlić to, co wpisuje użytkownik. Brak możliwości zobaczenia wprowadzonego tekstu stwarza problem dla użytkowników, ponieważ uniemożliwia im szybkie zauważenie błędu podczas wprowadzania danych przed wysłaniem formularza.

Bardzo trudno jest zauważyć błąd, jeśli dane nie są w pełni widoczne

Górny nagłówek lub responsywny nagłówek

Tytuły formularzy powinny znajdować się u góry pól formularzy, aby użytkownicy mogli zobaczyć, co i w jaki sposób wypełniają. Główną zaletą umieszczania nagłówków formularzy nad formularzem jest to, że można rozciągnąć formularz na całą szerokość ekranu i dostosować go do rozmiaru umożliwiającego wprowadzanie danych (np. przy rozmiarze czcionki 16 pikseli). Dodatkowa korzyść Możliwe będzie pisanie jasnych i zrozumiałych nagłówków (nieograniczonych do 1-2 słów).

Główną wadą umieszczania nagłówków nad polami jest to, że cały formularz zajmuje więcej miejsca w pionie, co wiąże się z koniecznością przewijania ekranu. Nie jest to jednak bardzo poważny problem – dziś wszyscy są przyzwyczajeni do scrollowania.

Alternatywnie możesz użyć responsywnych nagłówków, aby mieć pewność, że użytkownicy poprawnie wypełnili pole. Tekst zastępczy jest domyślnie wyświetlany, ale po dotknięciu pola i wprowadzeniu tekstu tekst zastępczy przesuwa się na górę pola, jak pokazano poniżej.

Zasada nr 4: Walidacja pól formularza powinna odbywać się w czasie rzeczywistym

W idealnym świecie użytkownicy wypełnialiby formularz niezbędne informacje i pomyślnie wykona to zadanie. W prawdziwym świecie użytkownicy często popełniają błędy. Jednocześnie użytkownikom nie podoba się to, że po całym procesie wypełniania pól docierają do przycisku „wyślij” i odkrywają, że popełnili błąd. Poprawne jest poinformowanie użytkownika o sukcesie/błędzie w polu natychmiast po jego wypełnieniu. Komunikat weryfikacyjny natychmiast informuje użytkownika, że wprowadzone informacje są prawidłowe. Takie podejście pozwala użytkownikom szybciej naprawiać błędy i bez konieczności czekania na wyświetlenie błędów po kliknięciu przycisku przesyłania.

Jeśli oczekujesz konkretnych odpowiedzi na pytania, musisz od razu wskazać, co i w jakiej formie należy wpisać.

Rozwiązaniem może być również sprawdzanie ciągów znaków. Na poniższym przykładzie możesz zobaczyć dobry przykład, jak poprawić potencjalny błąd.

Zasada nr 5: Wyświetlaj układ klawiatury zgodnie z wprowadzonymi danymi

Użytkownicy wolą odpowiedni układ klawiatury w aplikacji. Na przykład, gdy użytkownik musi wprowadzić numer karta kredytowa, pokazuj wprowadzane liczby tylko tak, aby użytkownik wprowadzał cyfry, a nie symbole. Zwiększy to prędkość napełniania i zmniejszy ilość możliwe błędy wejście.

Musisz się tego upewnić ta okazja wdrażane w całej aplikacji, a nie w jej poszczególnych częściach.

Zasada nr 6: Podaj przydatne informacje w odpowiednim kontekście

Czasami istnieje potrzeba zapewnienia odpowiednich i przydatna informacja aby uprościć proces wypełniania formularza przez użytkownika. Jednak takiego towarzyszącego tekstu należy używać tylko tam, gdzie jest to naprawdę potrzebne:

Planując daty, użytkownicy doceniają kontekst, taki jak wbudowany kalendarz umożliwiający określenie dni tygodnia. Zmniejsza to potrzebę wychodzenia z aplikacji w celu wyświetlenia kalendarza, zmniejszając ryzyko odwrócenia uwagi użytkownika od jego podstawowego zadania.

Ludzie mogą obawiać się o bezpieczeństwo swoich danych, dlatego trzeba im pokazać, że ich dane nie będą udostępniane osobom trzecim.

Zgodnie z zasadą dobrych manier nie należy rozciągać wyjaśnienia do 100 znaków.

Zasada nr 7: Używaj elastycznego formatu

Niektóre zadania wymagają od użytkownika bardzo precyzyjnych informacji. Ale jednocześnie wymaganie od użytkownika podania informacji w określonej formie może być sprzeczne z zasadami dobrej użyteczności. Jeśli poprosisz użytkownika o wprowadzenie w formularzu informacji cyfrowych (takich jak numer telefonu), zachowaj elastyczność i utwórz ekrany, które będą obsługiwać różne formaty wprowadzaj i wyświetlaj informacje w najbardziej przyjaznej dla użytkownika formie, aby zapobiec błędom.

Nie używaj stałego formatu wprowadzania danych

Wniosek

Użytkownik podczas wypełniania formularza może mieć różne wątpliwości, dlatego warto postarać się maksymalnie uprościć cały proces. Wszystkie wskazówki opisane w tym artykule mogą znacznie poprawić użyteczność formularzy.