7 sposobów dostosowania treści do Better Mobile UX

Początek świetnego projektu zaczyna się od treści. Aby maksymalnie wykorzystać gwiezdny mobilny UX, treść może wymagać kilku drobnych poprawek i zmian.

Ale gdzie Ty zaczynasz? W jaki sposób należy dostosować treść, aby działała bezproblemowo na urządzeniach mobilnych? Zaczyna się od myślenia o tym, w jaki sposób użytkownicy korzystają z mniejszych ekranów i jak to wpływa na to, co (i ile!) Będą chcieli przeczytać.

1. Jedna myśl na ekran

Podczas zwijania treści na urządzenia mobilne staraj się planować elementy tak, aby były dostępne po jednym na ekranie. Nawet jeśli telefony znów wydają się być coraz większe, nie daj się skusić do umieszczenia dużej ilości informacji na ekranie!

Wystarczy jedna myśl na ekran. Więcej i ryzykujesz przytłoczeniem użytkownika.

Użytkownicy urządzeń mobilnych są zwykle wielozadaniowi. Patrzą na twoją stronę podczas rozmowy z przyjacielem podczas gry w baseball. Utrzymując przekaz i treść w prosty i bezpośredni sposób, masz większą szansę na przekazanie jednej myśli.

Ale jak wygląda jedna myśl? Jest to blok tekstu, obrazów i elementu, który można połączyć. Grupa treści powinna prosić użytkowników o dokonanie jednego wyboru: czy chcesz to zrobić?

2. Priorytet nawigacji

Podczas odwiedzania mobilnej (responsywnej) wersji Twojej witryny powinna istnieć garść rzeczy, które użytkownicy zwykle robią lub których chcesz. Upewnij się, że dostępna jest łatwa w nawigacji nawigacja, która szybko dotrze do tych elementów.

Chociaż menu dziesięciu opcji nawigacji z wieloma poziomami może działać w Twojej witrynie na komputery stacjonarne, użytkownicy mobilni często są bardziej wymagający. Nie mają zamiaru grzebać w witrynie, dopóki czegoś nie znajdą.

Nawigacja musi być prosta i usprawniona. Jeśli nie masz pewności, od czego zacząć, spójrz na analitykę użytkowników mobilnych. Jakie są trzy lub cztery najczęściej odwiedzane strony? Czy te strony są zgodne z oczekiwaniami? Znalazłeś kluczowe elementy nawigacyjne, dzięki którym możesz odpowiednio dostosować treści mobilne.

3. Myśl jak wyszukiwarka

Nie graj w algorytm. Twórz wysokiej jakości treści, które użytkownicy chcą czytać.

Niezależnie od tego, czy uzyskujesz dziesięć odsłon dziennie, czy miliony, chcesz myśleć jak wyszukiwarka, jeśli chodzi o treści na urządzeniach mobilnych. Każde słowo, obraz i kawałek treści musi być szybki i możliwy do wyszukiwania. Ale nie graj w algorytm. Twórz wysokiej jakości treści, które użytkownicy chcą czytać.

Jeśli chodzi o urządzenia mobilne, może to oznaczać zmniejszenie niektórych elementów treści. Na przykład zamiast trzech zdjęć na stronie głównej wybierz jedno najważniejsze zdjęcie. Nie obciążaj swojej witryny mobilnej; prędkości Internetu i Wi-Fi cały czas się poprawiają, ale niektórzy użytkownicy będą mieli problemy z połączeniami, a twoja strona nadal musi być dostępna.

Możesz sprawdzić prędkości stron mobilnych za pomocą tego fajnego narzędzia od Google, które pomaga utrzymać wszystko w optymalnej optymalizacji.

4. Zwiększ tekst

Mniejsze ekrany nie powinny oznaczać mniejszego tekstu . Powinieneś zwiększyć rozmiary punktów, aby ułatwić czytanie i trawienie treści. Spójrz na kopię swojego ciała i wybierz rozmiar, który pozwala na 30 do 40 znaków w wierszu. (Jest to około połowy tego, co jest zalecane w przypadku ekranów na komputery).

Istnieją również inne sztuczki, dzięki którym tekst jest bardziej czytelny na małych ekranach. Można je znaleźć w poprzednim artykule Design Shack na temat porad dotyczących projektowania lepszej typografii mobilnej.

5. Napisz znaczącą mikrokopię

Wielka mikrokopia - tekst wewnątrz elementów, takich jak przyciski - może stworzyć lub zniszczyć projekt. Mikrokopy mogą nadać projektowi osobowość i iskrę. Przekazuje również wiele informacji i pomaga użytkownikom znaleźć sposób na obejrzenie projektu.

W szczególności na urządzeniach mobilnych zastanów się nad powiększeniem mikrokopii i zawsze używaj jej w formularzach, aby pomóc użytkownikom dokładnie wiedzieć, co robić.

Pomyśl na przykład o typowych problemach, jakie napotykasz, płacąc za coś w telefonie. Formularz może obejmować wiele ekranów lub zwojów; mikrokopia prowadząca może znacznie łatwiej wypełnić wszystko za pierwszym razem. (Kluczowy element w konwersji działań użytkowników mobilnych).

6. Usuń niepotrzebne efekty z urządzeń mobilnych

Pozbądź się wszystkiego, czego nie potrzebujesz do projektowania mobilnego.

Wirujące animacje i funkcje przewijania paralaksy wyglądają niesamowicie na stronach internetowych na komputery, ale mogą spowalniać wersje mobilne. Pozbądź się wszystkiego, czego nie potrzebujesz do projektowania mobilnego. Chcesz, aby wszystko ładowało się szybko i bezproblemowo; animacje, które mogą, ale nie muszą, przeszkadzają w natychmiastowym łączeniu się z użytkownikiem.

Kolejny efekt, który możesz rozebrać? Unieś efekty. Nie ma czegoś takiego jak stan najechania myszką na działania dotykowe.

Usprawnij obsługę mobilną dzięki łatwej do zrozumienia funkcji dotykowej (zastępującej kliknięcie), która ma wyraźną opinię. Nie chcesz, aby użytkownicy pytali, czy miała miejsce akcja; to zawsze powinno być oczywiste.

7. Dostosuj do skali

Nie ma nic bardziej frustrującego niż lądowanie w responsywnej witrynie mobilnej, w której wszystko jest małe. Projekt mobilny ma na celu uczynienie strony internetowej bardziej dostępną dla użytkowników na mniejszych urządzeniach. Musisz dostosować treść do tej skali.

Czasami dostosowanie treści to tylko zmiana układu części.

• Pudełka ułożone w poprzek ekranu na pulpicie mogą być ułożone pionowo na urządzeniu mobilnym.
• Zdjęcia są przycinane bardziej kwadratowo lub pionowo w oparciu o dominującą orientację mobilną (w pionie).
• Tekst jest edytowany i przycinany dla zwięzłości.
• Nawigacja jest zmieniana i umieszczana w innym miejscu.
• Wezwania do działania są przekształcane w większe elementy o niemal wielkości ekranu.
• Wszystkie przyciski i elementy dotykowe są umieszczone w łatwo dostępnych miejscach, w zależności od sposobu trzymania telefonu przez użytkowników.

Wniosek

Czy jesteś gotowy ponownie przemyśleć niektóre treści na swojej stronie? Jeśli zbudowałeś responsywną stronę internetową i po prostu zakładałeś, że wszystko przemieni użytkowników mobilnych, nadszedł czas, aby ocenić mobilną część projektu. Możliwe, że jest miejsce na niewielkie zmiany treści, które mogą naprawdę zmienić sposób interakcji użytkowników z projektem.

Jest to istotna część procesu projektowania. Spójrz na swoje dane analityczne. Jaki procent twojej bazy użytkowników ma dostęp do projektu na urządzeniu mobilnym? Jeśli nie wprowadzasz korekt w celu zaspokojenia ich potrzeb, możesz zrazić dużą część swojej bazy użytkowników, nie chcąc ich obrażać.