Główna » UI / UX » Spojrzenie na strony internetowe dla użytkowników tabletów

    Spojrzenie na strony internetowe dla użytkowników tabletów

    Na arenie tabletów, która niegdyś była zdominowana przez iPada firmy Apple, każdego dnia przeżywa boom z nowym graczem. Google Nexus 7, Amazon Kindle, Microsoft Surface i wiele innych tabletów, które weszły na rynek, zmuszają sprzedawców do zastanowienia się nad stroną internetową komputera i opracowania samodzielnej strategii tabletu - lub przynajmniej, przyjazna tabletom strona internetowa.

    Czy tablety zastępują smartfony? Krótka odpowiedź brzmi: nie. W rzeczywistości ostatni raport comScore wyraźnie pokazuje, że jeden na czterech właścicieli smartfonów również używał tabletu. Ponadto istnieją pewne wyraźne różnice w sposobie, w jaki ludzie korzystają z tych dwóch urządzeń. Podczas gdy niektóre strategie mobilnej sieci mogą działać dla użytkowników tabletów, czytniki tabletów mają szczególne potrzeby, które wymagają szczególnej uwagi.

    Budowanie dla tabletu

    Dostęp do treści i informacji wydaje się być najbardziej aktywną działalnością właścicieli tabletów na całym świecie, wynika z badania Online Publishers Association. Zużycie treści wliczone oglądanie filmów, a następnie czytanie wiadomości. Co zatem, jako sprzedawca treści lub wydawca, powinieneś robić, aby zachęcić czytelników tabletów?

    Czytniki tabletów są przyzwyczajone do angażowania się w mnóstwo aplikacji, które są zbudowane z bogatą grafiką i bardzo szczegółową grafiką. Dlatego czytniki tabletów oczekują tego samego, prostego w obsłudze, podobnego do aplikacji, sposobu czytania, do którego są przyzwyczajeni na swoich przeglądarkach.

    Przewiń jest passé; swipe jest w

    Jedynym sposobem na zaangażowanie stale rosnących użytkowników tabletów jest myślenie poza normami witryny PC, tj. Formatami przewijania w pionie i układami, oraz rozpoczęcie tworzenia bardziej osobistej, interaktywnej strony internetowej. Czytniki tabletów są używane do gestów, takich jak przesuwanie i trzepotanie, i preferują je do starszych sposobów nawigowania po witrynach „przewijania i klikania”.

    Skorzystaj z HTML5 i CSS3, aby wyświetlać treści w dobrze sformatowanym układzie stronicowanym, który emuluje drukowany magazyn i daje czytelnikom doświadczenie w odwracaniu stron ulubionych czasopism.

    Strony przyjazne w dotyku

    Każdy obecnie dostępny na rynku tablet współpracuje z interfejsem dotykowym, który na nowo zdefiniował ideę interakcji z komputerami osobistymi. Aby uzyskać optymalne wrażenia podczas czytania na tabletach, wystarczy ustawić minimalny rozmiar tekstu na 14 pikseli. Ale co z interfejsami użytkownika, zwłaszcza jeśli chodzi o wkład człowieka?

    Jest w palcach

    Podczas gdy witryny PC ładują się na ekran umieszczony w pewnej odległości od oka dostępnego za pomocą myszy za pomocą kursora, tablety są zaprojektowane do trzymania w ręku i przyjmowania danych wejściowych z palców użytkownika.

    Zwiększ dopełnienie tekstu tak, że jest trochę obszaru wokół tekstu z hiperłączem, który można kliknąć nawet dużymi palcami. Również zwiększ odstęp między wierszami między zdaniami tak, że nie ma konfliktu między nimi hiperłącza tekstów, pól formularzy lub rozwijanych menu. Usuń zdarzenia w dymku ale zachowaj intuicyjne zachowania i kontrole, a przynajmniej wystarczająco przewidywalne, aby użytkownicy nie musieli się uczyć, jak poruszać się po witrynie.

    Zalecamy przestrzeganie wytycznych Apple dotyczących interfejsu użytkownika iOS podczas tworzenia przyjaznej dla tabletu strony internetowej.

    Unikaj błyskotliwych elementów

    Z iPadem nadal liderem pakietu na rynku tabletów, nadal nie można budować dla Flasha. Możesz jednak stworzyć swoim użytkownikom lepsze wrażenia przypominające przeglądarkę za pomocą HTML5. Używaj mniej animacji opartych na JavaScript, aby strona tabletu była szybka i dostępna dla wszystkich tabletów.

    Orientacja ma znaczenie

    Użytkownik tabletu może przeglądać Twoją witrynę w orientacji poziomej lub pionowej; więc upewnij się, że zawartość witryny tabletu zmienia się automatycznie, aby pasowała do obu tych orientacji. Zobacz 30 Responsive Portfolios For Your Inspiration, aby dowiedzieć się, jak Twoja treść musi się zmienić, aby dopasować się do różnych rozmiarów i orientacji ekranu.

    A do dalszej lektury spójrz na:

    • Mobile Web Design: 10 wskazówek, które poprawią użyteczność
    • 30 Przydatne samouczki dotyczące responsywnego projektowania stron internetowych
    • 50 przydatnych narzędzi do projektowania stron internetowych dla projektantów

    Na koniec zawsze korzystaj z obrazów o bardzo wysokiej rozdzielczości lub upewnij się, że Twoje obrazy zmieniają rozmiar dla różnych orientacji, aby użytkownicy mieli pełny obraz. Współczynnik proporcji 16: 9 działa dobrze w przypadku większości tabletów.

    Zakończyć

    Budując przyjazną dla tabletów stronę internetową, pomyśl poza stronami internetowymi PC i podejmij osobistą interakcję o krok dalej. Przemyśl ponownie i odbuduj swoje strony internetowe dla świata, w którym tablety są pierwsze.

    Nota redaktora: Ten wpis jest napisany przez Lakshmi Harikumar dla Hongkiat.com.