Główna » Projektowanie stron » 10 przykładów dobrze wykonanej strony FAQ

    10 przykładów dobrze wykonanej strony FAQ

    Jeśli masz stronę internetową, która zajmuje się klientami, klientami lub ogółem społeczeństwa, istnieje będzie potrzebna strona FAQ. Strona FAQ zawiera pytania, które są wielokrotnie zadawane. Te typowe pytania są łączone razem i umieszczane w tej konkretnej sekcji, do której odwiedzający mogą się udać, aby znaleźć potrzebne odpowiedzi.

    Wiele witryn stawia sobie za cel stworzenie projektu strony z najczęściej zadawanymi pytaniami przyjazne, przejrzyste i jak najbardziej zorganizowane aby nie przytłoczyć czytelnika. W tym poście przyjrzymy się, jak te funkcje są wykonywane przez następujące 10 witryn, niektóre z kreatywnymi wynikami. Zauważ, że w przypadku wielu przykładów musisz przejść do witryny, aby samemu doświadczyć interakcji.

    40/40 Kreatywny

    Strona 40/40 Creative FAQ świetnie się bawi na niesławnej frazie „nie ma żadnych głupich pytań” dzięki uprzejmości Lloyda i Harry'ego. Strona stosuje wykorzystanie humoru w pytaniach pozowany, a projekt jednostronicowy w dużej mierze pokrywa się z najczęściej zadawanymi pytaniami, choć nie w dokładnie takich samych słowach.

    Wykorzystuje również okazję osadzić kilka wezwań do działania pod koniec strony, przynosząc ruch na ich e-mail kontaktowy, blog, Project Planner i newsletter.

    TGI piątki

    TGI Fridays to najbardziej znany bar i grill w Ameryce na Manhattanie. Zwróć uwagę na szczegóły jak na tej stronie FAQ można znaleźć kilka interakcji. Po pierwsze, jeśli najedziesz myszką na słowa „jedz”, „pij”, „towarzysko” i „znajdź” na górze, zmieniają się w fajne ikony.

    Ponadto banery w stopce nie są zwykłymi reklamami. Banery rozwijają się, gdy użytkownik je kliknie, aby wyświetlić więcej szczegółów dotyczących wyświetlanych propozycji.

    McDonald's Canada

    Strona McDonald's Canada FAQ ma bardzo czuły projekt który wykorzystuje zarówno filmy, jak i rozwijane okna, aby wyświetlić odpowiedzi na ulubione pytania. Ponadto, jeśli chcesz, możesz zmienić układ siatki okien na stronie na układ linii, przełączając żółtą ikonę znajdującą się z prawej strony na pasku Składniki.

    Możesz szukaj lub zadawaj pytania za pomocą paska wyszukiwania posortuj pytania według filmów, zdjęć i krótkich odpowiedzi tekstowych. Na końcu paska wyszukiwania znajduje się przycisk FAQ; kliknij to i zostaniesz przeniesiony do innej sekcji…

    … Z pytaniami, które po kliknięciu zwolnią rozwijane okna i zmusią wszystkie inne okna do zmiany pozycji pomieścić pole tekstowe.

    99 wzorów

    99 wzorów jest rynek konkursów projektowych, na którym projektanci dzielą się swoją pracą, a klienci kupują najlepsze z nich. Wykorzystanie kolażu z niektórymi ich projektami jako dużym obrazem tła umieszcza Cię w tym samym pomieszczeniu, zapewniając subtelną znajomość i wygodę.

    Sama strona FAQ jest dalej podzielona na 2 podsekcje, jedną dla klientów i drugą dla projektantów. Oba podrozdziały noszą mieszanka pytań ogólnych i specjalistycznych, co ułatwia znalezienie żądanych odpowiedzi.

    Pinterest

    Strona FAQ serwisu Pinterest jest elegancki, minimalistyczny i stylowy. Wszystkie trzy linki prowadzą do tej samej strony centrum pomocy, która jest dość łatwa w nawigacji za pomocą aktualnego paska bocznego po lewej stronie. Wszystkie odpowiedzi zawierają szczegółowe opisy i zrzuty ekranu, aby pomóc manekinom Pinterest stać się guru.

    Mennica

    Strona Mint FAQ wygląda na pierwszy rzut oka zwyczajnie, ale jest dość stylowa i fajna. To ma sekcje z zakładkami które dzielą najczęściej zadawane pytania na temat podstaw, kont bankowych, funkcji i aplikacji Mint ma do zaoferowania.

    Pytania są zapisane styl samouczka z odpowiednie linki do stron może być konieczne rozwiązanie problemu. A jeśli nie możesz znaleźć odpowiedzi na swoje pytania, po prostu odwiedź ich forum społeczności, aby uzyskać więcej pomocy.

    Spotify

    Dział FAQ serwisu Spotify zawiera nie tylko to, co, ale także jak. Ich sekcja FAQ jest właściwie dość wszechstronne i dobrze zorganizowane, jednak nie przytłacza użytkowników, ponieważ mogą łatwo przejść przez wytyczne. Rozwijane menu są intensywnie używane.

    Znajdziesz tam również samouczki krok po kroku wraz ze zrzutami ekranu, które pomogą Ci określić kroki, które musisz podjąć.

    Wytyczne są nawet podzielone na typ urządzenia, na którym się znajdujesz, niezależnie od tego, czy jest to Mac, Windows, iPhone, iPad, Android, telefony z systemem Windows lub inne platformy (jeśli dotyczy). Gdy wszystko się nie powiedzie, poszukaj pomocy wspólnotowej po prawej stronie.

    SoundCloud

    SoundCloud stworzył swoją stronę FAQ w 2 częściach: pierwsza składa się z najczęściej zadawanych pytań wraz z odpowiedziami, a druga część zawiera pytania podzielone na bloki. Jeśli nie znalazłeś odpowiedzi w pierwszej części, idź prosto do drugiej.

    Uwielbiam sposób wyświetlania bloków: proste użycie fajnych pomarańczowych i czarnych ikon (które są głównymi kolorami logo SoundCloud) wraz z krótkimi opisami każdej sekcji. Projekt wygląda minimalistycznie, przyjemnie dla oka i przyjazny dla użytkownika.

    SmugMug

    Kiedy na niego spojrzysz, zobaczysz stronę Centrum pomocy SmugMug podkreśla ludzki dotyk. Tak, piękny nagłówek obrazu jest pełen prawdziwych ludzi, a duża czcionka jest obecna, ale zauważ, że mają także pasek wyszukiwania z przodu, ich 'Wyślij do nas e-mail' przycisk znajduje się w prawym górnym rogu, a „Pierwsze kroki” wideo znajduje się po lewej stronie, a ich 'Tematy pomocy' jest wymieniony po prawej stronie.

    Kliknij jeden z tematów, a zobaczysz czysty arkusz pytań i odpowiedzi z kolorowymi pytaniami i kilkoma rozmiarami czcionek większymi niż fragmenty odpowiedzi.

    Kliknięcie w pytania przeniesie Cię na stronę z samouczkiem krok po kroku, w jaki sposób rozwiązać problem, wraz ze zrzutami ekranu.

    Vimeo

    Vimeo ma wysoce zorganizowana strona FAQ. Możesz użyć paska wyszukiwania na górze lub na dole, aby znaleźć odpowiedź, lub przejrzyj sekcję, aby znaleźć to, co chcesz. Kliknij nazwę każdej sekcji, aby przejść do stron, na których można znaleźć bardziej szczegółowe odpowiedzi.

    Docenisz uproszczone podejście Vimeo używa, gdy się tego dowiesz „Udostępnianie filmów wideo”, nawet „Osadzanie wideo” sama sekcja zawiera 20 najczęściej zadawanych pytań.