Essential Design Trends, styczeń 2016
Aplikacje są wszędzie. Stały się integralną częścią naszego codziennego życia dzięki liczbie smartfonów i urządzeń do noszenia, które posiadamy.
Z tego powodu aplikacje są jednym z największych czynników, jeśli chodzi o trendy w projektowaniu stron internetowych. Spójrzmy.
Zwrot zwoju
Małe, pionowo zorientowane ekrany przywróciły z powrotem przewijanie. Kiedyś uważano, że jest to coś, czego chciałbyś uniknąć, ponieważ użytkownicy nie poruszają się po ekranie, przewijanie jest znowu integralną częścią procesu projektowania.
Przewijanie jest teraz lepsze niż kiedykolwiek. Dzięki świetnym animacjom, efektom paralaksy i wielu kreatywnym pomysłom, przewijanie to świetna zabawa i dobry sposób na zaangażowanie użytkowników.
Nie zatrzymuj się przy zwykłym przewinięciu strony; rozważ poziomą przewijaną lub animowaną opcję, która może zachwycić użytkowników dzięki małej niespodziance. Tylko pamiętaj o dodaniu wizualnej wskazówki dla dwóch osób, której efekty przewijania są poza normą, aby nie wprawili w zakłopotanie lub nie opuścili witryny, ponieważ nie wiedzą, jak jej używać.
Material Design wchodzi w główny nurt
Koncepcja Material Design firmy Google zaczęła się od interfejsu mobilnego. Zainspirowany płaskim interfejsem opartym na fizyce interfejs zaczął się jako estetyka dla urządzeń z systemem Android, ale szybko rozprzestrzenił się również na aplikacje oparte na systemie iOS.
Projektanci rozszerzają także koncepcję wykorzystania na stronach pełnoekranowych.
Koncepcja Materiał jest prosta, intuicyjna i zakorzeniona w realistycznych elementach, dzięki czemu jest łatwa w użyciu i zrozumieniu. Projektanci świetnie się bawią dzięki stylowi interfejsu z jasnymi kolorami i mnóstwem fajnych animacji.
Ukryta nawigacja jest wszędzie
To jeden z tych przeniesień, który naprawdę zmienia sposób myślenia o projekcie strony głównej. Ukryta nawigacja ma teraz ważną chwilę.
Dyskusyjny projekt ikony hamburgera jest najczęściej używaną aplikacją z ikoną, która wyświetla pełne menu. Projektanci stron internetowych wybierają jedną z dwóch opcji: menu, które pojawia się na części ekranu lub na pełnym ekranie. Opcja pełnego ekranu działa prawie identycznie jak style slajdów w aplikacjach, a dzięki dodatkowym projektantom nieruchomości jest dużo miejsca na stworzenie strony nawigacyjnej, która jest czymś więcej niż tylko wewnętrznymi linkami.
Co jest szczególnie miłe w ponadwymiarowych stylach nawigacji, to to, że są łatwe do odczytania i kliknięcia. (Nic nie jest gorsze niż małe elementy nawigacyjne, które są zaprojektowane niemal po namyśle).
Karty, karty i więcej kart
Trudno jest surfować po Internecie bez korzystania z interfejsu w stylu karty. Te kontenery treści są bardzo użyteczne i dobrze układają się w responsywne frameworki.
Karty są popularną opcją, ponieważ mogą być również zabawne w projektowaniu. Karty można dostosować do indywidualnych potrzeb, aby pasować do każdego stylu i pracować z niemal dowolnym rodzajem treści. Jedną z rzeczy, które należy pamiętać o kartach, jest to, że każdy pojemnik powinien zawierać jeden element treści i połączyć się z jednym kliknięciem. Ta jedna "rzecz" może aktywować wideo, przesłać formularz, przejść na inną stronę, kupić przedmiot lub dowolną inną liczbę pojedynczych czynności. Różne karty w tej samej witrynie mogą robić różne rzeczy. (Dopóki użytkownicy rozumieją działania.)
Jest to styl interfejsu, który również wymaga bardzo niewielu wyjaśnień. Serwisy społecznościowe, takie jak Facebook, Twitter i Pinterest, mają swoje korzenie w interfejsach w stylu kart z nieskończonym przewijaniem, dzięki czemu nowe treści są coraz bardziej popularne. Użytkownicy przytłaczający zdają się lubić i akceptować ten wzór.
Mikro-interakcje są niezbędne
Nie tak dawno temu mikroperspektywy były prawie wyłącznie elementem aplikacji. Możesz przemyśleć ten pomysł. Linia między aplikacjami i witrynami jest całkowicie zamazana. Użytkownicy chcą odwiedzić aplikację, a następnie później stronę i uzyskać dokładnie to samo.
Dotyczy to również mikroperspektyw. Mikro-interakcja to wszystko, co pomaga użytkownikowi komunikować się z interfejsem, widzieć działanie lub manipulować interfejsem. Każdy z tych fragmentów komunikacji jest tak mały, że użytkownik prawie nie myśli o tym, na przykład alarm, wiadomość tekstowa lub przeciągnięcie w celu odświeżenia zawartości. (Wystarczy pomyśleć o liczbie powiadomień o spotkaniach na komputerze służbowym lub telefonie, które są mikroprzedsiębiorstwami).
Czynnikiem łączącym to płynne przejście jest dotyk personalizacji i wiele opcji dostosowywania użytkownika. Korzystanie z mikro-interakcji jest trudne, ponieważ istnieje cienka linia pomiędzy żądanymi powiadomieniami lub alarmami lub wiadomościami i przytłaczaniem użytkownika.
Kiedy integruje się mikroperspektywy, najpierw trzymaj się najbardziej podstawowych funkcji, aby zobaczyć, jak reagują użytkownicy. Następnie możesz dodać do miksu, jeśli akceptuje go Twoja baza użytkowników.
A teraz ... noszenia
Następna faza projektowania strony już się dzieje. Ponieważ urządzenia do noszenia na ciele zyskują na popularności, projektowane będą również elementy z tych maleńkich ekranów.
Elementy, które będą miały wpływ, obejmują małe, oparte na statusie animacje, takie jak przewijanie kół, które wypełniają się, aby pokazać osiągnięcia, więcej mikro-interakcji i mnóstwo trackerów. (Użytkownicy mają teraz obsesję na punkcie danych już teraz, od danych dotyczących kondycji do zdobywania punktów na zakupy.)
Wearables również dodają kolejną warstwę grywalizacji do codziennego życia. Prawdopodobnie przeniesie to również na projekt strony internetowej.
To, co naprawdę poradzi sobie ze sprzętem do noszenia, to kolejna linia pomiędzy wszystkimi naszymi urządzeniami. Witryny internetowe, aplikacje, urządzenia do noszenia - wszystkie muszą zapewniać użytkownikom zintegrowane funkcje, dzięki czemu przejście z urządzenia na urządzenie jest bezproblemowe, a doświadczenie jest spójne.
Wniosek
Jak ekrany zmieniają rozmiar, tak samo jak projektujemy dla nich. Aby tworzyć interakcyjne interakcje, z którymi użytkownicy chcą się angażować, niezależnie od urządzenia, każdy interfejs musi działać w ten sam sposób. Pomysł ten ma ogromny wpływ na sposób projektowania wszystkich stron internetowych (nawet tych, które niekoniecznie mają aplikację lub nadające się do noszenia odpowiedniki).
Tworząc coś, co użytkownicy lubią na najmniejszych ekranach i rozszerzając to na większe urządzenia, projektanci mogą budować interfejsy, które są łatwe do zrozumienia. To także sprawia, że twój interfejs jest trochę bardziej pożądany.