Essential Design Trends, maj 2016
Nic nie zwróci na ciebie uwagi, jak na projekt o wysokich dramatach. Wielkie obrazy, nietypowe użycie elementów wspólnych lub biała i przygodowa rozgrywka to różne sposoby wprowadzania użytkowników w projekt. Każda z tych technik ma charakter ponadczasowy, który sprawia, że pierwsze wrażenie jest silne i zachęca do interakcji z użytkownikiem.
Oto, co zyskuje na popularności w tym miesiącu:
1) Jedno duże zdjęcie
Podczas gdy popularnymi opcjami są witryny w stylu kolażu z mnóstwem zdjęć lub nagłówkami filmów, jedno duże zdjęcie powraca na stronie głównej. Charakteryzuje się jednym uderzającym obrazem bez wielu innych efektów, jedno duże zdjęcie może mieć duży ciężar i wprowadzić użytkowników do treści witryny.
Jednak zdjęcie musi być najwyższej jakości i bardzo ciekawe, aby zachęcić użytkowników do klikania.
Może to być trudna do rozwiązania formuła.
Oto kilka rozwiązań:
- Zacznij od zdefiniowania zdjęcia. Musi być interesujący i nieco inny. (Unikaj ręki trzymającej obrazy z telefonu do uruchamiania aplikacji lub osoby na jednokolorowych zdjęciach w tle).
- Przytnij ją mocno.
- Edytuj i graj z ustawieniami kolorów. Wybierz coś bardziej ekstremalnego, takiego jak czerń i biel.
- Zaprezentuj swój produkt lub markę.
- Ogranicz inne elementy do minimum. Rozważ użycie tylko identyfikatora marki, takiego jak logo i krótki nagłówek.
- Przenieś nawigację na uboczu.
- Podaj wskazówkę użytkownikom, aby wiedzieć, jakie działania podjąć, np. Strzałka zachęcająca do przewijania.
- Wykonaj dramatyczne zdjęcie za pomocą oświetlenia, ciekawych środowisk lub gwiezdnych otoczenia. (Do tego prawdopodobnie potrzebny jest profesjonalny fotograf.)
- Zagraj w dramacie z typografią jest to, że przewymiarowany, niewymiarowy lub używa nowatorskiego kroju pisma. Ale używaj tylko jednej z tych technik.
2) Nawigacja po pasku bocznym
Mimo że najczęściej umieszczane elementy nawigacyjne znajdują się u góry strony internetowej, nie jest to wymagane. O ile użytkownicy wiedzą, jak korzystać z witryny, nawigacja może odbywać się w wielu różnych miejscach.
Nawigacja w stylu paska bocznego, często po lewej stronie ekranu, jest jedną z takich popularnych opcji.
Jest to trend, który pojawia się dość szybko i znajduje się na wielu stronach. Od cienkich, prawie nieskomplikowanych stylów po rozbudowane, prawie przewymiarowane elementy nawigacyjne w układzie bocznym, to umieszczenie ma sens, ponieważ użytkownicy czytają od lewej do prawej strony. Elementy nawigacyjne po lewej stronie mogą być pierwszymi rzeczami, które użytkownicy faktycznie odczytają na ekranie po spojrzeniu na główny nagłówek lub inną dużą kopię.
Trend ten wywodzi się ze stylów nawigacji mobilnej i jest logicznym krokiem również dla witryn na komputery. Od pewnego czasu na urządzeniach z małym ekranem mamy wyskakującą nawigację z boku. Szukanie nawigacji z boku stało się z tego powodu dość powszechnie akceptowanym wzorcem użytkownika.
W ramach szerszego obrazu możemy zobaczyć jeszcze więcej technik, które były oparte na urządzeniach mobilnych i trafiały na ekrany wszystkich rozmiarów. Rozszerzenie małego ekranu na wszystkie urządzenia może zaoszczędzić czas i zapewnić większą spójność wyglądu projektu. Jest to również część strategii projektowania mobilnego.
Jeśli chodzi o nawigację po pasku bocznym na większych ekranach, należy wziąć pod uwagę kilka konkretnych elementów.
- Nawigacja musi być nieco oczywista dla użytkowników, dlatego wiele witryn nadal używa ikony hamburgera jako notacji.
- Nawigacja może wyskoczyć z lewej lub prawej strony, ale może również stanowić odrębny element projektu ze statycznym miejscem docelowym.
- Nawigacja po pasku bocznym może być częścią ogólnego projektu, a nie odkładać na bok. Zwróć uwagę, jak witryna Quecha integruje elementy nawigacyjne w stylu paska bocznego z całym projektem.
- Zapewnij dużo miejsca, aby elementy nawigacyjne były czytelne i łatwe do odczytania. Użytkownicy powinni wiedzieć, jakie są te słowa lub ikony i że są one ścieżką do poruszania się po witrynie.
- Zachowaj ostrożność w zmienianiu stylów nawigacyjnych między stronami, chyba że powrócisz do bardziej standardowej górnej części ekranu na stronach wewnętrznych.
3) Interaktywna przygoda
Projektanci przenoszą wideo, animację i opowieści na wyższy poziom dzięki zabawnym stronom internetowym, które zabierają użytkowników w interaktywną przygodę. Te oparte na fabułach strony internetowe są przeznaczone dla marek i firm wszelkiego rodzaju, a także dla witryn, które mają jedynie charakter informacyjny.
Każda interaktywna strona z przygodami wygląda zupełnie inaczej i może wykorzystywać dowolną liczbę technik do angażowania użytkowników. Wspólny wątek to fabuła, w której użytkownik kontroluje akcję na ekranie. Działa to z kliknięciami, wpisywaniem komend i przewijaniem, aby zaangażować użytkownika w historię i pomóc w określeniu wyników.
Ten interaktywny typ projektu strony internetowej jest dobry dla użytkowników i dobry dla Ciebie. Dobra historia może dłużej utrzymywać użytkowników w witrynie i klikać linki, angażując je w treść. Pomoże to w nawiązaniu lepszego kontaktu z odbiorcami.
Użytkownicy lubią interaktywne historie, ponieważ mogą być ciekawe i ciekawe. Sztuką jest utrzymywanie historii na tyle krótkiej, że użytkownik może grać i uzupełniać grę podczas siedzenia. Jeśli będą musieli się odwrócić, możesz je stracić.
Rozważ także wynik interaktywnego doświadczenia. Co dzieje się na końcu interakcji? Czy jest to związane tylko z grą? A może podkreślasz produkt lub usługę, do której użytkownicy będą chcieli wrócić? Jeśli odpowiedź jest druga, pamiętaj o włączeniu opcji obejścia dla użytkowników, którzy już grają (lub nie chcą grać), ale nadal chcą mieć dostęp do treści.
Wniosek
Motywem przewodnim projektowania w tym miesiącu jest wielki dramat. To wymaga wspaniałej sztuki, dobrej historii i mnóstwa planowania, aby skorzystać z jednej z tych technik, ponieważ są tak wyjątkowo skoncentrowane na chwytaniu użytkowników za pomocą szybkiego wrażenia. Czy to styl, który byś rozważył?
Jakie trendy lubisz (lub nienawidzisz) w tej chwili? Chciałbym zobaczyć niektóre ze stron, które Cię fascynują. Wyślij mi link na Twitterze ; Chciałbym usłyszeć od ciebie.