7 porad dotyczących tworzenia projektu oszczędzającego czas dla użytkowników

Użytkownicy mają krótki - bardzo krótki - okres uwagi. Prawdopodobnie jest to oczywiste, gdy przeglądasz analitykę witryny. To sprawia, że ​​ważniejsze niż kiedykolwiek wcześniej jest wdrażanie technik projektowania, które pomagają użytkownikom skanować i uzyskiwać jak najwięcej informacji z Twojej witryny w możliwie najkrótszym czasie.

Twoim zadaniem jest zrozumienie, czego użytkownicy potrzebują na pierwszy rzut oka, i pomóc im zdobyć te informacje, więc być może będą oni przeglądać Twoją witrynę. Oto kilka sposobów, aby to zrobić!

1. Myśl minimalnie

Projekt bez wielu wyborów może być szybki i łatwy dla użytkownika. Choć na początku „myśl minimalnie” może sprawić, że pomyślisz o minimalistycznym stylu, bardziej chodzi o usprawnienie elementów i efektów. (Ale minimalny wzór może również działać.)

Ogólnie rzecz biorąc, celem jest ograniczenie przeciążenia informacyjnego i liczby decyzji, które użytkownik musi podjąć, aby osiągnąć cel projektu.

• Prosta nawigacja dzięki kilku opcjom.
• Używaj prostych krojów pisma, które są łatwe do odczytania na pierwszy rzut oka.
• Zwiększ kontrast między elementami, aby łatwo było znaleźć wezwania do działania.
• Dla każdej strony lub przewijania w projekcie trzymaj się jednej myśli lub działania.
• Konwersje na cel - wózki, formularze itp. - powinny być dostępne przez cały czas.

2. Zachęcaj do działania za pomocą treści wizualnych

Strona internetowa jest medium wizualnym; wykorzystać jak najwięcej.

Mocne efekty wizualne, w tym zdjęcia i filmy, są łatwym sposobem na przyciągnięcie uwagi użytkowników, a w połączeniu z elementem wykonalnym, mogą pomóc wygenerować natychmiastowe kliknięcie.

Przejście z punktu A do B w projekcie powinno być szybkim procesem. Pomyśl o tym w kategoriach e-commerce. Użytkownik widzi parę butów w mediach społecznościowych, klika, aby przejść do strony, a następnie musi widzieć przedmiot (lub jak go natychmiast znaleźć), aby móc dalej wchodzić w interakcję z witryną.

Oszczędny czas pokazałby buty z przyciskiem do kupienia teraz. Użytkownik może mieć to, czego chce i jak to zdobyć, bez konieczności przeszukiwania wielu stron lub kliknięć. Oto kolejna wskazówka dotycząca oszczędzania czasu użytkownika dzięki efektom wizualnym - użyj tego samego obrazu do promocji poza witryną i na miejscu. Inne zdjęcie tych samych butów może nie zarejestrować się tak szybko u użytkownika, jak ten sam obraz.

Działa to, ponieważ większość ludzi może przetwarzać obraz szybciej niż czytanie słów, które „mówią” to samo. Strona internetowa jest medium wizualnym; wykorzystać jak najwięcej.

3. Podziel skomplikowane elementy na kawałki

Stwórz historię, abyś mógł podzielić skomplikowany projekt na mniejsze, bardziej strawne części. Mniejsze bloki lub fragmenty treści mogą być łatwiejsze do szybkiego zrozumienia, pomagając użytkownikom przechodzić od elementu do elementu.

Wypróbuj elementy interfejsu użytkownika, takie jak linki „czytaj więcej”, bloki w stylu karty i animacja przewijania paralaksy, aby stworzyć zaangażowanie i rozbić skomplikowane projekty.

4. Wycinanie formularzy

Jednym z najprostszych sposobów na przyspieszenie projektowania dla użytkowników jest ograniczenie zapytań o informacje, których nie potrzebujesz. Formularze nie muszą prosić o warstwy informacji.

• Poproś tylko o podstawowe informacje, takie jak imię i nazwisko oraz adres e-mail, a następnie sprawdź później formularze służące do generowania potencjalnych klientów.
• Używaj formularzy, które sprawdzają poprawność danych, aby użytkownicy wiedzieli, czy coś źle wpisali (i gdzie), aby poprawki były szybkie i łatwe.
• Zminimalizuj pisanie i użyj przycisków lub pól wyboru w formularzach, jeśli dotyczy. (Jest to szczególnie oszczędność czasu dla użytkowników mobilnych).
• Nie pytaj o powtarzające się dane, takie jak rodzaj karty kredytowej i numer karty kredytowej. (Typ karty jest rozpoznawalny na podstawie numeru.)

5. Projektuj pogrubione wezwania do działania

Spraw, aby projekt był szybki w użyciu i łatwy do wykończenia dzięki odważnemu wezwaniu do działania, którego użytkownicy nie mogą przegapić.

Jasne kolory i ponadwymiarowe elementy mogą pomóc użytkownikom od razu zobaczyć, co powinni zrobić z projektem. Ponadto podaj treść w obrębie przycisków, która mówi użytkownikom dokładnie, co robić i co się stanie, gdy „klikną tutaj”.

Aby być widocznym, CTA powinien mieć duży kontrast, aby nie wtapiał się w otaczające elementy i zwracał uwagę na siebie. (I nie zapomnij upewnić się, że CTA można łatwo znaleźć również na ekranach telefonów komórkowych).

6. Edytuj, Edytuj, Edytuj

Czasami dobra edycja oznacza zachęcenie strony trzeciej do przeczytania wszystkiego i upewnienia się, że ma to sens dla kogoś innego.

Nic nie oszczędza czasu użytkowników, jak zachowanie należytej staranności przed publikacją. Edytuj wszystko w projekcie witryny, a następnie edytuj ponownie. Oszczędny czas projekt strony internetowej napisał kopię, która jest łatwa do odczytania i zrozumienia.

Oznacza to, że słowa nie zawierają błędów ortograficznych ani literówek, zdania używają odpowiedniej składni, gramatyki i struktury zdań. A wszystko jest zorganizowane w logiczny sposób.

Czasami dobra edycja oznacza zachęcenie strony trzeciej do przeczytania wszystkiego i upewnienia się, że ma to sens dla kogoś innego. Dodatkowy zestaw oczu może pomóc Ci zrozumieć, gdzie czają się ukryte błędy lub jeśli zawartość jest zbyt pełna żargonu dla ogólnego czytelnika.

Możesz także spróbować użyć narzędzia, takiego jak Gramatyka, aby sprawdzić pisownię i posty w swoim CMS podczas przygotowywania do opublikowania nowej treści.

7. Bądź konsekwentny

Nagłówki, treść i obrazy powinny być zgodne ze spójnym stylem.

Spójny projekt obejmuje powtarzające się elementy, działania i interakcje, które działają dokładnie w ten sam sposób w całym projekcie. Po prostu oznacza to, że przycisk powinien zawsze wyglądać jak przycisk, mieć ten sam kolor i czcionkę, ten sam stan najechania kursorem i działać dokładnie w ten sam sposób, bez względu na to, dokąd przycisk prowadzi użytkownika.

Powtórz ten pomysł dla dowolnego elementu w projekcie, który jest wielokrotnie wykorzystywany, takiego jak ikony, koszyk, formularze, linki i przyciski mediów społecznościowych.

Zachowaj także spójność z innymi elementami. Nagłówki oraz użycie tekstu i obrazu również powinny być zgodne ze spójnym stylem. (Właśnie dlatego zdefiniowanie elementów i stylów w CSS, a następnie użycie odpowiednich tagów jest kluczowe).

Ta spójność sprawia, że ​​każda strona projektu witryny wygląda tak, jak należy. Użytkownik nigdy nie musi zgadywać ani eksperymentować, aby dowiedzieć się, jak coś działa.

Wniosek

Szybki. Kliknij. Gotowe.

To prawdopodobnie najczęstszy wzorzec użytkownika. Niezależnie od tego, czy użytkownicy myślą o tym, czy nie, chcą szybko spieszyć się z witryną, zakończyć zadania lub osiągnąć cele i przejść do czegoś innego. Im bardziej Twój projekt współpracuje z użytkownikami, aby zaoszczędzić im czas podczas realizacji celów, tym bardziej będzie przyjazny dla użytkownika.