Trendy projektowe. Tekst w ramce

” Johna Moore’a Williamsa, szefa strategii treści w Webflow.

Koniec bieżącego roku tuż tuż, a każdy projektant stron internetowych przynajmniej raz zadał sobie ważne pytanie: co będzie określać projektowanie stron internetowych w nadchodzącym 2017 roku? Postanowiłem znaleźć odpowiedź na to pytanie i zapytałem projektantów WebFlow, jakie ich zdaniem trendy będą dominować w ciągu najbliższych 365 dni. Przedstawiłem także własne uwagi do ich przemyśleń.

Przede wszystkim poznajmy opinię głównego projektanta Webflow, Sergiego Magdalina.

1. Projektowanie oparte na treści

„Rozmieszczenie elementów projektu w danej strukturze powinno być takie, aby czytelnik mógł z łatwością uchwycić główną ideę, nie zmniejszając przy tym swojej normalnej szybkości czytania” –Hermanna Zapfa

W ciągu ostatnich kilku lat nastąpiła radykalna zmiana w myśleniu o roli designu w biznesie. Wcześniej projektowanie było postrzegane jako ostatni krok w procesie tworzenia przedmiotu: na końcu pojawia się projektant-magik i posypuje nasz produkt magicznym pyłem, aby był lepszy od konkurencji.

Bardzo ciekawie było obserwować metamorfozy zachodzące w priorytetach rozwojowych.

A najpiękniejsze w tych metamorfozach było przejście do modelu, w którym treść znów stoi na czele stołu. Projektanci na całym świecie zdali sobie sprawę, że użytkownicy odwiedzają strony internetowe przede wszystkim dla treści, czy to krótkich tweetów, długich specjalistycznych artykułów czy najnowszych memów internetowych. Ostateczną rolą projektowania jest przedstawienie treści w jak najbardziej atrakcyjny, zrozumiały sposób i uzyskanie z nich jak najlepszych rezultatów.

Jest to jeden z powodów przejścia od projektowania „skeuomorficznego” (gdzie elementy są przedstawiane w sposób jak najbardziej podobny do ich odpowiedników w świecie rzeczywistym) do projektowania płaskiego, minimalistycznego. Na podstawie tych rozważań Google stworzył Material Design.

Oczywiście, jak głosi trzecie prawo Newtona, każdemu działaniu towarzyszy równie silna reakcja. Wielu projektantów uważa, że ​​moda na płaski design „zabiła” samego ducha designu. Oczekujemy, że debata ta będzie kontynuowana w nadchodzącym roku, ale nacisk pozostanie na treść – podstawę wszelkich prac projektowych.

2. Wysokiej jakości interakcja między projektantami i programistami oraz projektantami między sobą

Znaczenie designu w kształtowaniu biznesu rośnie, dlatego coraz większy nacisk kładzie się na współpracę projektantów z innymi projektantami i programistami.

Ta troska o interakcję z projektantami wynika częściowo z ogromnej liczby obecnie rozwijanych aplikacji mobilnych i internetowych. Oprócz tego, że tak gigantyczne korporacje jak Google, Facebook, Twitter czy LinkedIn wymagają herkulesowego zespołu projektowego z zupełnie różnych stron, projektanci muszą zawsze być na tym samym poziomie. Oznacza to, że wymagana jest lepsza komunikacja na temat projektu i najskuteczniejszej współpracy.

Aby ułatwić to zadanie, stworzono wiele narzędzi, od wspólnych szablonów i tablic w Zespole Webflow po Figmę, edytor interfejsu graficznego, który pokazuje zmiany w czasie rzeczywistym. Jestem pewien, że w 2017 roku platformy te ulegną udoskonaleniu i uzupełnieniu.

Jeśli chodzi o współpracę projektantów z programistami, dużą wagę przywiązuje się do niezwykle ważnego procesu przekazania pracy. Na przykład zamiast wysyłać ciężkie i nieporęczne statyczne obrazy, projektanci mogą teraz udostępniać renderowane na żywo makiety dzięki narzędziom takim jak InVision, Marvel, UXPin.

Carson Miller wypowiedział się na ten temat w swoim ostatnim artykule „Przyszłość projektowania front-endu” w serwisie TechCrunch:

„Prędzej czy później narzędzia do tworzenia projektów i wzorców projektowych całkowicie zastąpią rozwój front-endu. Możesz łatwo stworzyć wysokiej jakości bazę dla dowolnego swojego frameworka, bez konieczności ręcznego pisania kodu.

3. Uproszczony proces od projektanta do programisty

Wymienione powyżej narzędzia do projektowania i prototypowania umożliwiają wizualizację różnych etapów współpracy poprzez wizualizacje, od animowanych plików Keynote po w pełni funkcjonalne strony internetowe. Ta metoda udostępniania materiałów roboczych skraca czas reakcji w projekcie, zwiększając w ten sposób jakość projektu, zwiększając szybkość zespołu programistów i zmniejszając możliwość rozczarowania wynikiem. Poprawia także interakcję z klientem. Na przykład dla wielu użytkowników WebFlow spotkania z klientami zamieniły się w pełnoprawne spotkania robocze, podczas których projektanci mogą szybko wdrożyć pomysły, a każdy może niemal natychmiast przetestować swoje pomysły.

Trendy w projektowaniu stron internetowych w nadchodzącym roku według projektanta produktu Gadzhi Kharkharova:

4. Duży, głośny nagłówek

Ponieważ świat projektowania stron internetowych zaczyna skupiać się na treści, coraz powszechniejsze jest oglądanie inspirujących nagłówków na stronach internetowych z dopasowanymi czcionkami, które są tak duże i odważne, jak ich treść.

Partnerzy Heco #MadeInWebflow

Jak widać z przykładów, „duży” i „pogrubiony” nie odnoszą się tylko do opisu czcionki. Chodzi raczej o poświęcenie znacznej części ekranu głównego na proste, ale mocne i samodzielne oświadczenie na temat produktu lub usługi. Taki nagłówek powinien zawierać treść i być zrozumiały dla każdego odwiedzającego, unikając niepotrzebnego pompatyczności (no dobra, sformułowanie „Zaprojektuj niemożliwe” może zabrzmieć zbyt głośno).

W dzisiejszym zabieganym i przeładowanym informacjami środowisku krótkie, ale mocne stwierdzenia sprawdzają się w przypadku każdej marki.

5. Złożone znaczniki wywodzące się z podstaw projektowania graficznego

Jeśli chcemy przewidzieć rozwój projektowania stron internetowych (przynajmniej jego strony wizualnej), musimy przyjrzeć się historii projektowania graficznego.

Przez ostatnie kilka lat układ stron internetowych ograniczał się do CSS, ale nowe moduły, takie jak Flexbox i CSS Grid (dostępne w marcu 2017 r.) pozwolą Ci zrealizować najśmielsze pomysły na układ stron internetowych.

Naszym głównym zadaniem jest teraz zrozumienie, jak nowy układ siatki bloków powinien działać w ramach projektowania responsywnego.

Oto kilka przykładów tego, czego możesz się spodziewać (zakładając, że masz przeglądarkę obsługującą CSS Grid, taką jak Firefox Nightly, Safari Technical Preview lub Chrome Canary):

Laboratorium układu eksperymentalnego Jen Simmons

Zwróć uwagę na styl głównego bloku - wyraźne nawiązanie do historii projektowania graficznego.

Siatka na przykładzie

Więcej przykładów można zobaczyć na stronie internetowej.

6. Więcej plików SVG

SVG (skalowalna grafika wektorowa) zapewnia projektantom i programistom stron internetowych więcej korzyści niż tradycyjne formaty obrazów, takie jak JPG, PNG czy GIF.

Główne zalety SVG opisane są już w samej nazwie formatu – skalowalność i wektor. W przeciwieństwie do formatów rastrowych i pikselowych obrazy SVG składają się z wektorów — matematycznych opisów kształtu obiektu. Oznacza to, że SVG jest niezależny od rozdzielczości, a obrazy w tym formacie będą wyglądać świetnie na każdym ekranie i urządzeniu. Nie trzeba się martwić, że obrazy na siatkówce będą niewyraźne.

Ale to nie wszystko. SVG słynie również z tego, że nie wymaga wysyłania żądań HTTP. Jeśli kiedykolwiek sprawdzałeś prędkość ładowania swojej witryny, być może zauważyłeś, że żądania HTTP mogą naprawdę spowolnić Twoją witrynę. W SVG nie ma takiego problemu.

7. Narzędzia do projektowania responsywnego opartego na regułach

Projektowanie responsywne całkowicie zmieniło sposób, w jaki patrzymy na aplikacje internetowe i je tworzymy.

Ale, co dziwne, zasada działania programów projektowych w ogóle się nie zmieniła. Większość tych narzędzi działa w ten sposób: musisz ciągle tworzyć podobną stronę dla różnych urządzeń i rozdzielczości. W branży, która wymaga szybkiego generowania pomysłów, szybkiego rozwoju i szybkiego wprowadzenia na rynek, taka strata czasu jest po prostu nie do przyjęcia.

Oczekuje się, że nowa fala narzędzi do projektowania (takich jak Figma) będzie opierać się na „regułach”, które dostosowują wygląd witryn na różnych ekranach i urządzeniach, zmniejszając w ten sposób liczbę powtarzanych kroków projektanta. Narzędzia takie opierają się na relacjach przestrzennych elementów i gdy zmieniamy rozmiar ekranu lub urządzenie, starają się utrzymać te relacje poprzez zmianę rozmiarów elementów i wypełnienia między nimi.

Nawiasem mówiąc, dziś istnieją podobne narzędzia do projektowania stron internetowych nie tylko dla projektantów, ale także dla zwykłych użytkowników. Przykładowo TruVisibility.com – platforma precyzyjnie dostosowuje stworzony projekt według określonych zasad, według których układ i wielkość elementów dopasowywana jest do wielkości ekranu. Pozostaje tylko wprowadzić kilka poprawek, aby strona internetowa wyglądała tak, jak powinna na urządzeniach. Użytkownik nie musi ponownie tworzyć wersji na urządzenia mobilne, co znacznie oszczędza jego czas.

Trendy projektowe na rok 2017 według Ryana Morrisona, starszego grafika.

8. Bardziej jasne kolory

Kiedy w 2016 roku w projektowaniu stron internetowych rozpoczęła się era minimalizmu i brutalizmu, projektanci starali się dodać swoim pracom więcej osobowości, nie wychodząc poza modne style. Jest co najmniej kilka przypadków, w których jasne i odważne kolory zostały użyte z dużym powodzeniem.

Spójrz na nową stronę Asany z odrobiną koloru:

Nowa ikona aplikacji na Instagramie spotkała się z dużą krytyką, ale to przeprojektowanie z pewnością odświeżyło markę:

Wszystko, co robi Stripe, nie wymaga osobnego widoku:

Jak widać, nie chodzi tylko o jasne i odważne kolory. Gradienty również powracają do mody, mieszając i rozmywając kolory w odcieniach przypominających południowe niebo lub płonący zachód słońca. To coś w rodzaju renesansu naturalizmu z żywymi kolorami i odważnymi gradientami i osobiście nie mogę się doczekać, aby zobaczyć więcej tego rodzaju prac w 2017 roku.

Chociaż może warto trochę zmniejszyć jasność? Obserwujemy cię, Asana.

9. Większy nacisk na animację

Elementy animowane od dawna odgrywają kluczową rolę w interfejsie WWW i trend ten będzie kontynuowany w roku 2017. Tak naprawdę, dopóki projektanci będą mieli dostęp do narzędzi do tworzenia fascynujących animacji, efekty te staną się bardziej widoczne i wyrafinowane.

Temat ten jest szczególnie ważny, ponieważ tworzenie animacji staje się z każdym dniem coraz łatwiejsze. Na konferencji Design & Content Conference 2016 guru animacji Val Head podkreślił, że projektując elementy animowane, projektanci powinni mieć na uwadze cele i potrzeby marki, aby osiągnąć efekt, jakiego oczekują twórcy treści. Jeśli zastosujemy się do tej rady, animacja wykona zadania istotne dla marki, a nie tylko wywoła u użytkownika migrenę.

10. Niezwykłe oznaczenia

Rok 2016, podobnie jak kilka poprzednich lat, słynie z niekończących się dyskusji na temat tego, że projektowanie stron internetowych albo umiera, albo traci ducha.

Ci, którzy próbują wszystkich przekonać, że projektowanie stron internetowych umarło, wyraźnie przesadzają. Wiele osób nadal szuka sposobów prezentowania treści użytkownikom na nowe sposoby. Jednym z najbardziej kuszących sposobów jest złamanie systemu i zignorowanie zwykłego układu siatki podyktowanego zasadami projektowania responsywnego.

Metoda znakowania „łamanego” polega na tym, że elementy wychodzą poza starannie ułożoną siatkę. Takie techniki mogą czasem wydawać się nawet nieprzyjemne dla oka. Na przykład:

Teksty i obrazy kolidujące ze sobą:

Teksty i obrazy rozrzucone (pozornie) losowo po całej stronie:

To była pierwsza część tłumaczenia artykułu „18 trendów w projektowaniu stron internetowych w 2017 roku”. Czy zgadzasz się z opiniami ekspertów Webflow? Jak myślisz, jaki rodzaj projektowania stron internetowych będzie modny w nadchodzącym roku?

Często w życiorysach projektantów można znaleźć zdanie: „Podążam za trendami ukraińskimi i zagranicznymi, stosuję je w swojej pracy”. To wyrażenie nic nie znaczy poza tym, że obserwujesz określoną listę projektantów w Behance i Dribble i próbujesz ich odziedziczyć.

I to jest w porządku. Wszyscy zapożyczamy, reinterpretujemy, interpretujemy i składamy z tego coś własnego. Ale prędzej czy później każdy projektant zaczyna się zastanawiać, jak dostać się na pierwszy plan. Jak zostać ikoną stylu i sprawić, że ludzie będą Cię śledzić? W takim czy innym stopniu każdy ma takie ambicje.

Znajomość trendów to jedne z drzwi, które doprowadzą do zrozumienia, jak to osiągnąć i przejść na jakościowo nowy poziom, zajmując pewną pozycję w awangardzie i stając się wizjonerem.

Wizjoner to analityk i strateg, który potrafi przewidzieć przyszłość. Do niedawna uważano, że tylko nieliczni z nas mają ten talent. Ale tak nie jest. Sekret nauczenia się widzenia wielu kroków do przodu leży w podstawowych koncepcjach.

Podstawowe koncepcje

Wikipedia mówi nam:

„Trend to główna tendencja zmian w szeregu czasowym”.

Jest krótki i niezbyt jasny, zgodzisz się.

Aby to rozszyfrować, zagrajmy w Turinga, uwielbiał wszelkiego rodzaju łamigłówki. Zacznijmy od dwóch koncepcji: "tendencja" I "szereg czasowy".

Trend - kierunek rozwoju, skłonności, aspiracje. Dzieli się na mikrotrendy i makrotrendy. Pierwsi żyją w projektowaniu przez 1–2 lata, drudzy - 5–7 lat.

Trend - kierunek rozwoju, skłonności, aspiracje. Dzieli się na mikrotrendy i makrotrendy.

Co to jest szereg czasowy? Są to dane mierzone sekwencyjnie w regularnych odstępach czasu.

Teraz zbierzmy wszystko w jedną całość i otrzymamy następujący wynik: trend to główny kierunek rozwoju zmian danych mierzonych sekwencyjnie w równych odstępach czasu. A co jeśli to uprościmy? Pobieramy pewne przedziały danych i mierzymy je, a uzyskane informacje wykorzystujemy do określenia wektora rozwoju i kierunku. Wszystko.

Do analizy trendów stosuje się dwie metody.

1. Badanie natury danych. Skąd się wzięły, dlaczego powstały, co na nie wpłynęło.
2. Metoda prognozowania. Prognozowanie – budowanie modelu przewidywania przyszłych zdarzeń na podstawie znanych zdarzeń z przeszłości.

Nie da się przewidzieć przyszłości designu, nie znając jego przeszłości. Studiowanie historii projektowania pomaga nam zidentyfikować pewne wzorce i zrozumieć, że każda dziedzina, czy to polityka, ekonomia, czy projektowanie, rozwija się cyklicznie. Nie da się przewidzieć przyszłości designu, nie znając jego przeszłości.

W sztuce tak się złożyło, że istnieją dwie koncepcje biegunowe – koncepcja modernistów i realistów. Żyją równolegle, a ich moda porusza się albo spiralnie, albo cyklicznie. Tłumaczę: mieszkanie i skeuomorfizm to dwa przeciwstawne pojęcia. Płaska konstrukcja opiera się na prostocie formy, funkcjonalności - modernizmie. Skeuomorfizm - złożone tekstury, tekstury, formy - realizm. Te dwa pojęcia zastępują się wzajemnie z pewną okresowością. Studiując historię designu natrafiamy na podobne wzorce. Dodajmy analizę teraźniejszości do wiedzy o przeszłości, a będziemy w stanie przewidzieć przyszłość.

Nie da się przewidzieć przyszłości designu, nie znając jego przeszłości.

Główne elementy cyklu życia trendu

• Analiza przeszłości;
• Analiza teraźniejszości;
• Prognoza przyszłości;
• Wprowadzenie trendu;
• Akceptacja trendu.

Główne elementy cyklu życia trendu.

Zawody

Na rynku pojawiły się zawody odpowiadające poszczególnym elementom cyklu.

Łowca trendów

Analizujemy przeszłość, teraźniejszość i przyszłość – otrzymujemy takiego specjalistę, jak łowca trendów. To bardziej kwestia marketingowa, ale my, projektanci, musimy wtykać nos we wszystko. Konieczne jest zrozumienie rynku, dla którego produkt jest tworzony.

Łowcą trendów może być osoba, firma lub cały instytut, który bada trendy i je przewiduje. To analiza na najwyższym poziomie. Łowcy trendów biorą udział we wszystkich imprezach, wydarzeniach, spotkaniach i forach. Uważnie słuchają, o czym mówią, o czym się kłócą i co komentują. Praca analityczna, obserwacyjna. Łowca trendów jest wśród ludzi i uzupełnia swoje obserwacje liczbami, statystykami i metrykami.

Informacji jest już tak dużo, że ludzie zaczynają je sprzedawać. Powstają biura trendów. Z ich usług aktywnie korzystają znane domy mody.

Wyznaczający trendy

Koncepcja pojawiła się w 1913 roku. Koncepcja ta została ostatecznie wprowadzona do użytku w latach 40. XX wieku po przeprowadzeniu amerykańskiego badania, w którym zbadano, w jaki sposób innowacje rozprzestrzeniają się wśród rolników.

Trendsetter to osoba, która stara się zostać założycielem lub stworzyła jakąś materialną lub niematerialną innowację.

W latach sześćdziesiątych Everett Rogers spopularyzował model dyfuzyjny.

Według teorii Rogersa społeczeństwo dzieli się na 5 grup:

1. Innowatorzy – 2,5%.
2. Pierwsi użytkownicy – ​​13,5%.
3. Wczesna większość – 34%.
4. Późna większość - 34%.
5. Maruderzy – 16%.

2,5% ludzi to twórcy innowacji. Znamy ich – Normana Coxa, Billa Gatesa, Steve’a Jobsa, Elona Muska…

2,5% ludzi to twórcy innowacji.

Trendsetterzy to pierwsi użytkownicy. Od nich zależy, czy trend będzie trendem i czy będzie się rozwijał. Teoria dyfuzji mówi, że nie trzeba oddziaływać na całe społeczeństwo, oferować dobra każdemu – wystarczy te 13,5%.
Trendsetterzy dzielą się na dwie grupy:

1. Determinanty - monitorują absolutnie wszystko, co nowe. Są to blogerzy, gwiazdy, osoby publiczne, liderzy opinii.
2. Kategoryczny – specjalizuje się w określonej kategorii innowacji. Uderzyli precyzyjnie, ale mocno. Są nie tylko liderami opinii, ale ekspertami w swoich kategoriach.

Obserwator trendów

Wyznaczacze trendów biorą udział we wdrażaniu trendów, a obserwatorzy trendów monitorują ich przyjęcie. Monitorują, co się przyjęło, co zostało ustalone i co zostało podchwycone przez większość. Jest to konieczne do dalszych prognoz. W takim czy innym stopniu projektant musi być łowcą trendów, trendsetterem i obserwatorem trendów.

Trendy projektowe na rok 2017

Zabarwienie

Pantone ogłosił kolory, które będą modne wiosną 2017 roku. Jest to dobre dla drukarzy i branży modowej. Projektanci cyfrowi, projektanci stron internetowych i projektanci interfejsów mają szerszą paletę cyfrową. I ważne jest, abyśmy pamiętali: to wszystko, bawiliśmy się wystarczająco jasnymi, kontrastowymi, czystymi kolorami. Teraz pragną spokoju wyrażonego w pastelowych, nude odcieniach.

Spokój wyrażony w pastelowych, nude odcieniach.

Projekt graficzny

Nie ma nic zasadniczo nowego.

Naprawdę żywe logo

Nie jest to taki nowy trend - każdy kanał telewizyjny ma animowane logo. Ale logo Seagate zawiera wbudowane dane na żywo.

Grafika liniowa

Trend był popularny w zeszłym roku i będzie popularny także w tym roku.

Negatywna przestrzeń

Coś innowacyjnego? NIE.

Typografia emocjonalna

GIF, kinograf, usterka

Nowoczesność i minimalizm

Unikalna ilustracja

Odrodzenie 3D

3D powraca.

Projekt ruchu

Dobrym przykładem jest Nike. Zawsze możesz się po nich poruszać. Pastelowe kolory, 3D, przestrzeń negatywna.

Projekt interfejsu użytkownika

I znowu 3D

Ilustracja zamiast fotografii

Jesteśmy przyzwyczajeni do ilustrowania książek, ale co z ilustrowaniem aplikacji i stron internetowych?

Ilustrowanie staje się modne. Jesteśmy przyzwyczajeni do ilustrowania książek, ale co z ilustrowaniem aplikacji i stron internetowych?

Odejście od szablonów na rzecz oryginalnych rozwiązań

W przyszłym roku zwrócimy twarz w stronę skeomorfizmu, a plecy w stronę płaskości. Ale nie radykalnie - stan pośredni. Komunikaty „ani to, ani tamto” będą migać. Płaskie elementy będą przylegać do form wolumetrycznych.

Projekt dostosowany do wieku

Responsywny projekt interfejsu to już standard. Teraz jest nowy czas. W 2017 roku interfejsy zaczną reagować na wiek. Obecnie istnieje wiele sposobów na uzyskanie informacji o użytkownikach – w tym o roku urodzenia. Zasoby nie tylko zapewnią treści dostosowane do wieku, ale także dostosują cały interfejs, menu, rozmiar czcionki i schemat kolorów. Prace w tym kierunku już trwają.

Interakcje mikro-mini

W 2017 roku będzie ich więcej.

Like na Facebooku to mini-interakcja. A kiedy określisz naturę czegoś takiego: „wow!”, „super”, „fu” - jest to już interakcja mikro-mini. Będzie ich więcej.

Opinia dotykowa

Technologie próbują wydostać się z naszych urządzeń, są tam ciasne. Finowie opracowali już polimerowy ekran, który za pomocą impulsów pozwala poczuć różne tekstury.

Personalizacja, Touch ID

Wprowadzenie Touch ID do urządzeń umożliwi wykorzystanie tej technologii w sektorze bankowym.

Pojawi się więcej okien dialogowych, które będą zwracać się do użytkownika po imieniu i naśladować komunikację w każdy możliwy sposób.

Wprowadzenie Touch ID do urządzeń umożliwi wykorzystanie tej technologii w sektorze bankowym. Logowanie/rejestracja poprzez Touch ID.

Interfejsy konwersacyjne

Przedstawiony tutaj projekt nazywa się „Luka”. To jest chatbot w interfejsie - bot witryny. Mój eksperyment. Chcę zastąpić klasyczną stronę studia Luką. Zasadniczo rolą studia jest opowiedzenie o sobie i nakłonienie osoby do opuszczenia aplikacji online. Postanowiłem to zrobić w formie bota serwisu, który komunikuje się z użytkownikiem poprzez interfejs konwersacyjny.

Projekt UX

Delinearność

Ludzie są zmęczeni prostotą. Przez dwa lata z rzędu krzyczeliśmy z całych sił, że trzeba uprościć, zrobić tunel lub szynę do interakcji z użytkownikiem. Jednak wskaźniki i badania mówią co innego. Użytkownik potrzebuje większego wyboru.

Delinearność będzie popularna w 2017 roku. Więcej ścieżek do poruszania się, więcej decyzji podczas każdego procesu, rozbieżne ścieżki ukończenia każdego działania.

Interakcja konwersacyjna

Pojawią się interfejsy konwersacyjne. A teraz są one zbudowane głównie nie na sieci neuronowej, ale na algorytmie, który jest pisany i edytowany przez osobę.

Uruchamiany jest pierwszy scenariusz, pobierane są metryki i na ich podstawie wprowadzane są korekty. Proces ten ma charakter cykliczny – powtarza się wiele, wiele razy, aż do pojawienia się specjalisty od sieci neuronowych. Wtedy bot zacznie ożywać, uczyć się i dostosowywać do każdego użytkownika.

Użytkownicy będą mieli nowy rodzaj aktywności - pisanie skryptów dla botów chatowych w sieciach społecznościowych lub botów internetowych.

Zachowanie, gesty, nowe metafory

Wszyscy mają dość przycisków. Pojawią się nowe metafory (kontrolery).

Specjalizacja

Irytują mnie przedrostki - grafik, projektant interfejsów, projektant UI/UX, projektant cyfrowy... Istnieją po to, by określić wąską specjalizację danej osoby, ale uważam, że wystarczy po prostu powiedzieć „projektant”. Dotrzemy tam.

Zawsze będą specjaliści, ale wielu z nas będzie generalistami.

Cechy, które powinien posiadać kombi:

Spawacz – projektant procesów.

Automatyzacja projektowania/projektowanie algorytmiczne

Automatyzują rutynowe procesy - wyszukiwanie pary czcionek, wariacji kolorystycznych logo. Istnieją już narzędzia ułatwiające nam życie - Sketch, Figma. W dłuższej perspektywie powrócimy do skomplikowanych narzędzi – oddamy sztuczną inteligencję rutynę i będziemy mieli dużo czasu na szczegóły. W automatyzacji nie ma nic złego, należy ją postrzegać jako narzędzie.

Odpowiedzialność

Nie tworzysz po prostu produktu, tworzysz produkt, który wpływa na ludzi i może wpływać na ludzi na różne sposoby. Musisz czuć się odpowiedzialny za swoją pracę. Wtedy będziesz się martwić i nie będziesz mógł się obejść bez zanurzenia się w poważne analizy.

Mikrotrendy dobiegły końca. Podsumujmy.

Wierzę, że rok 2017 będzie rokiem kreatywności, powrotu do realizmu i rokiem współpracy ze sztuczną inteligencją.

Trendy na najbliższe 5-10 lat

Nie da się mówić o trendach, a jedynie o mikrotrendach. O wiele ciekawiej jest patrzeć w przyszłość.

VR nie trafi szybko do mainstreamu. Teraz kontrolery są drogie, a my nie jesteśmy gotowi. Szybciej dotrzemy do rzeczywistości rozszerzonej niż do rzeczywistości wirtualnej.

Jeśli chodzi o system równoległy/alternatywny, musi pojawić się koncepcja, która będzie przeciwna koncepcji obecnego systemu. Chodzi tu także o chęć rozpuszczenia się interfejsów w naszej rzeczywistości. Dobry design to niepozorny design.

Pamiętacie film „Ona”. Wyobraź sobie system operacyjny oparty na sztucznej inteligencji. Porozmawiasz z nią. Jest to najbardziej naturalny sposób interakcji między ludźmi. Najprostszy.

Nie są potrzebne żadne interfejsy graficzne. To nie ma znaczenia, to także język. W ten sposób komputer prowadzi z nami dialog. Programiści komunikują się z komputerem za pomocą wiersza poleceń. Nie przyjęło się to, bo zwykli ludzie nie są w stanie utrzymać w głowie tak wielu poleceń. I wyobraź sobie, że nie będą potrzebne żadne polecenia ani interfejsy graficzne. Po prostu porozmawiasz z systemem.

Systemy operacyjne i aplikacje będą nadal istnieć w takiej formie, w jakiej istnieją obecnie. Ale będzie alternatywa.

W ciągu najbliższych 10 lat wyjdziemy poza urządzenia i znacząco rozszerzymy naszą rzeczywistość.

Jak trendy wprowadzane są do pracy?

Nie ma przepisu, ale są dwie główne zasady:

1. Powiedz „nie”, jeśli chcesz wprowadzać innowacje dla samych innowacji.
2. Jasne zrozumienie zadań. Rozumiejąc zadania, łatwo jest zrozumieć, które trendy są odpowiednie, a które nie.

Najważniejszym trendem wszechczasów jest prawidłowe myślenie projektowe.

Jeśli planujesz studiować projektowanie graficzne za granicą lub już studiujesz, wystarczy, że zrozumiesz aktualne trendy w branży. Rok 2016 przyniósł rozkwit projektowania materiałów, powrót retromodernizmu, wykorzystanie negatywnej przestrzeni i minimalistycznego stylu.

Jakie są największe trendy w projektowaniu graficznym w 2017 roku?

1. Lata 80. powróciły
W ciągu ostatniej dekady projektanci nieustannie powracali do najlepszych trendów w projektowaniu graficznym z przeszłości i przywracali je. Jeśli w 2016 roku dominował styl retro „nowoczesny”, to w 2017 strzałki posunęły się do przodu. Weszły w modę charakterystyczne cechy stylu lat 80.: jasne i neonowe kolory, nieprzewidywalne zestawienia wzorów i wzorów, swobodne wyrażanie własnego stanowiska i zabawa kompozycją.

Przyjrzyj się bliżej rzeczom, magazynom, książkom i reklamom z lat 80., a stanie się to niekończącym się strumieniem inspiracji dla współczesnych dzieł.

2. Indywidualizm
Rok 2017 stał się rokiem indywidualizmu. Płaska konstrukcja była głównym trendem poprzedniego roku, Google opracowało nawet przewodnik z szablonami ułatwiającymi pracę projektantom i programistom. W rezultacie zaczęto go używać wszędzie, a jego wyjątkowość została utracona.

Płaska konstrukcja doskonale poprawia komfort użytkowania stron internetowych i aplikacji i nie należy jej rezygnować. Dlatego nowością w projektowaniu graficznym w 2017 roku jest połączenie tego, co najlepsze w projektowaniu płaskim i sztuce: artystyczne wzory, grafiki, unikalne projekty. Powszechne są motywy naturalne w postaci roślin, marmuru, drzew i kamieni szlachetnych w połączeniu z prostą typografią.

3. Kolaże geometryczne
Jeśli jako dziecko lubiłeś wycinać pojedyncze obiekty lub zdjęcia ludzi z magazynów, a następnie tworzyć kolaże, to rok 2017 Cię zachwyci. Tak tak tak! Jednym z trendów w projektowaniu graficznym w tym roku są kolaże, na które składają się fotografie, ilustracje, rysunki i tekst. Wszystkie elementy są umieszczone w określonym kształcie geometrycznym. Kolaże doskonale nadają się do przekazywania pomysłów na plakatach, materiałach reklamowych i prezentacjach.
4. Przytulny rocznik
Jest vintage, ale nie taki, jaki znamy. Nie da się stworzyć nowoczesnego projektu dokładnie kopiując dzieła z przeszłości. Konieczne jest dopracowanie i wprowadzenie nowoczesnych elementów. Ludzi coraz bardziej pociąga styl retro, starają się stworzyć w domu przytulność, wykorzystując elementy przeszłości. Opakowania towarów i produktów codziennego użytku muszą pasować do wnętrz, a to jest zadanie projektantów.

Głównym wymogiem tego trendu jest autentyczność. Do druku należy używać materiałów i technik vintage, takich jak sitodruk i nadruk. Jednocześnie cukierkowe kolory zastępują stosowane w 2016 roku stonowane brązy i szarości, co wnosi do projektu jasność i optymizm.

Wreszcie trendem w projektowaniu graficznym na rok 2017 jest design low Poly. Charakteryzuje się niską szczegółowością i gamingowym stylem. Technikę tę wykorzystuje się do tworzenia układów plakatów, ulotek i materiałów piśmiennych, a maski wykonane w technologii low-poly zyskały dużą popularność na całym świecie.

Kochasz projektowanie i chcesz zostać profesjonalistą w tej dziedzinie? Zacznij od edukacji. Studia w Marangoni School of Design za granicą (w Mediolanie) w ramach jednego ze specjalistycznych programów:

Więcej informacji na temat studiowania wzornictwa za granicą w programach Istituto Marangoni można uzyskać bezpłatnie u specjalistów STUDIES&CAREERS.

Linie, kolory, światło i cień, przestrzeń i kształty to elementy składające się na obraz. Każda epoka miała swoje własne tendencje w reprezentowaniu świata. Projektanci stron internetowych są tym samym, co artyści, tyle że tworzą w formacie cyfrowym. A jeśli trendy w sztuce nie zmieniały się tak często, to projektowanie stron internetowych zmienia się z roku na rok. Postaramy się stworzyć przewodnik po trendach w projektowaniu graficznym i przewidzieć, jak zmienią się strony internetowe w 2017 roku. Możesz przeczytać o trendach w projektowaniu stron internetowych na rok 2018.

Tak więc 14 zakrętów w drodze do modnego interfejsu:

1. Skoncentruj się na treści

Co jest ważniejsze: treść czy projekt strony? Odpowiedź jest prosta – projekt powinien korzystnie prezentować treść. Projektanci usługi WebFlow (kreator stron internetowych) proponują zakończenie walki o dominację w 2017 roku poprzez preferowanie treści. Użytkownik odwiedza witrynę internetową w poszukiwaniu odpowiedzi na zapytanie, niezależnie od tego, czy jest to produkt, usługa, czy przydatny artykuł. Zadaniem projektanta stron internetowych jest przedstawienie treści w sposób jak najbardziej wygodny dla człowieka.

2. Unikanie „hamburgerów”

Mała i wygodna ikona menu w postaci trzech pasków, nazywana „hamburgerem” ze względu na swoje podobieństwo do warstw fast foodów, stopniowo traci na popularności. Jest używany zbyt często. W 2017 roku zachęcamy do eksperymentów z nawigacją i nietypowym rozmieszczeniem sekcji menu, np. w ramce wokół serwisu.

3. „Projekt oparty na kartach”

Projektowanie stron internetowych kart szybko podbiło Internet. Zalety tej metody projektowania:

• dogodna lokalizacja bloków na stronie;
• korzystna wizualnie prezentacja treści;
• możliwość dostosowania do urządzeń mobilnych.

Na pytanie: czy design karty powinien, czy nie powinien istnieć w 2017 roku, nie ma jednoznacznej odpowiedzi. Będzie stosowany, bo już udowodnił swoją skuteczność.

Jednak projekt blokowy stopniowo traci swoją pozycję ulubionego ze względu na „zaśmiecony” charakter takiego interfejsu. Minimalizm i płaski design pozostają popularne. Przejrzyste i wygodne elementy nawigacyjne bez zbędnych manewrów, zastosowanie zaledwie kilku kolorów w projekcie to techniki sprawdzone w czasie.

4. Uszkodzona siatka

Ten trend zachęca projektantów do nieszablonowego myślenia. Spróbuj użyć niestandardowej siatki na stronie - pozwól blokom trochę „nakładać się” na siebie i niech teksty wykraczają poza zwykłe granice.

Oryginalność jest zawsze w modzie. Zachodni projektanci próbowali już niestandardowych układów i nowych podejść do projektowania graficznego. Najbardziej śmiałe rozwiązania można wdrożyć za pomocą modułów Flexbox i CSS Grid.

5. Chwytliwe, nietypowe czcionki – błąd typograficzny

Duża czcionka od kilku dni jest jednym z głównych elementów projektowania stron internetowych. W nowym roku trend ten ulegnie jedynie wzmocnieniu. Trendem są odręczne napisy i ikony stylizowane na hand made.

Doskonałym dodatkiem do projektu strony internetowej będzie grafika czcionek (jeśli jest to konieczne).

6. Responsywny projekt

Uniwersalność stron internetowych dla urządzeń z dużymi i małymi ekranami nie jest już nowym trendem. Podejście „najpierw urządzenia mobilne” jest nadal aktualne w 2017 r. Oprócz możliwości dostosowania się do gadżetów mobilnych, w najbliższej przyszłości strony powinny dostosować się do konkretnego użytkownika w zależności od:

• wiek;
• umiejętności (kompetencje).

Na przykład czcionki, jasność kolorów, nawigacja będą się zmieniać w zależności od tego, kto odwiedził witrynę: emeryt, przedszkolak, nowicjusz w Internecie lub pewny siebie użytkownik. Stanie się to możliwe dzięki rozwojowi metadanych.

7. Kolory

Bogate, monotonne kolory, ich odcienie i półtony przeniosły się z trendów ubiegłego roku na tegoroczne. Projektanci nadal wykorzystują gradienty i tworzą ciekawe przejścia. Swoją drogą, jeśli nie możesz się zdecydować na wybór koloru, przyjrzyj się bliżej modnej „Greenery”.

Przypomina świeżą wiosenną zieleń i pomoże dodać akcenty kolorystyczne do witryny. Eksperci z Instytutu Kolorów Pantone uznali go za kolor roku 2017.

8. Infografiki

Technika nie jest nowa, ale skuteczna. Za pomocą infografik wszelkie statystyki na stronie przekształcają się w zrozumiały wizualnie obraz z ciekawą treścią.

9. Animacje

Strony statyczne są nudne. O wiele bardziej interesujące dla użytkownika jest „spacerowanie” po witrynie z animowanymi ikonami. Animacją zwróć uwagę na te elementy, które są dla Ciebie korzystne, np. na przycisk „Kup”.

Stosuj mikrointerakcje, aby użytkownik widział reakcję na kliknięcia, przejścia i potwierdzenia na stronie. Wtedy działania mechaniczne staną się interaktywne i atrakcyjne.

10. Zdjęcia i filmy w tle

Animacja jest dobra, ale wielkoformatowe zdjęcia tła i filmy do projektowania stron internetowych są jeszcze lepsze. Wideo dodaje dynamiki zasobowi internetowemu i pozwala zanurzyć użytkownika w określoną historię, zajrzeć „za kulisy” wewnętrznych procesów firmy lub marki. Opowiadanie historii w projektowaniu stron internetowych jest nadal aktualne. Zdjęcie - ilustruje, tworząc klimat.

Jeśli znudziły Ci się te elementy, skorzystaj z kinografów (symbiozy zdjęć i filmów). Na takim obrazie tylko jeden element porusza się płynnie, jakby część fotografii ożywała.

11. Zatrzymaj „zapasy”!

Zdjęcia stockowe można znaleźć w każdym zakątku Internetu, co może sprawić, że witryna straci swój charakter. W 2017 roku sieć preferuje unikalne obrazy.

12. Przewijanie +

Przewijanie zyskało na popularności dzięki gadżetom mobilnym, dzięki którym „przewijanie” staje się wygodniejsze. Jednak wiele osób denerwuje się, że nie mogą dotrzeć na sam dół strony. Wśród trendów 2017 roku znajduje się połączenie przewijania i nawigacji strony. Pozwól użytkownikowi wybrać sposób przeglądania treści.

13. Przewijanie paralaksy

W 2017 roku technika paralaksy (ruch z różnymi prędkościami tła i pierwszego planu) zyska nowy oddech – rozwój bardziej złożonych technik wielowarstwowych. Eksperymentuj z paralaksą, zachwyć osobę odwiedzającą witrynę interaktywnymi elementami. Ale nie przesadzaj, aby nie zmylić użytkownika.

14. Panoramy 3D

Panoramy 360° to kolejny sposób, aby skutecznie zaprezentować użytkownikowi produkt lub „dać” odwiedzającemu możliwość wirtualnej obecności w jakimś miejscu, np. w biurze firmy czy hotelu.

Oto główne trendy w projektowaniu stron internetowych na rok 2017. Ale nie skupiaj się tylko na nich. Eksperymentuj, ucz się od doświadczonych kolegów, a wtedy Twoja witryna stanie się oryginalna i zrozumiała dla wszystkich użytkowników. I w tym jesteśmy zawsze gotowi dla Ciebie!

Dobry właściciel strony internetowej stale pracuje nad jej udoskonaleniem. W tej pracy musi opierać się nie tylko na analizie swoich odbiorców, danych z analityki internetowej i opiniach klientów, ale także na trendach branżowych. Ponieważ w trendach jest wiele przydatnych rzeczy, które mogą poprawić interakcję klienta z witryną. Trendy należy jednak stosować ostrożnie i mądrze. Wybieraj tylko te, które nadają się do rozwiązywania bieżących problemów w witrynie i rozwoju biznesu.

Dlatego w tym artykule nie tylko przedstawiliśmy listę trendów w projektowaniu stron internetowych, ale także przedstawiliśmy zalecenia dotyczące zastosowania tych trendów w Twojej witrynie.

1. Użyteczność stanie się towarem.

Przykład poprawy użyteczności strony http://www.telemirspb.ru/

Przestrzeganie podstawowych zasad użyteczności pomaga stronom internetowym przyciągnąć więcej klientów i zmniejszyć liczbę zgłoszeń serwisowych. Coraz więcej firm oferuje audyty stron internetowych, ponieważ istnieje zapotrzebowanie na wyszukiwanie błędów na stronie. Nawyk robienia zakupów i zamawiania usług przez Internet zwiększa zapotrzebowanie na dogodne strony.

Niestety, wielu samodzielnie tworzy strony internetowe, a następnie przychodzi do nas z powstałą hańbą. Ważne jest, aby z wyprzedzeniem przemyśleć proces interakcji z zasobem: które sekcje będą w pierwszej wersji, a które zostaną dodane później. Nie da się zaplanować wszystkiego, ale wcześniej zaplanowana nawigacja pozwoli zaoszczędzić czas i pieniądze na przyszłe ulepszenia. Ponadto starannie wybierz silnik dla swojej witryny. Nie powinieneś wybierać silnika blogowego (np. WordPress), jeśli planujesz sprzedawać coś na stronie lub tworzyć strony produktów/usług.

Jeśli pracujesz w wysoce konkurencyjnym środowisku, rozumiesz, jak ważne jest wyróżnienie się na tle konkurencji.

Dlatego planując stworzenie strony internetowej lub ulepszenie już istniejącej, należy najpierw spojrzeć na interfejs oczami klienta i spróbować przewidzieć problemy, jakie może napotkać użytkownik.

2. Długie teksty znikną

Bądźmy ze sobą szczerzy: nikt nie czyta długich tekstów. Wyjątkiem są książki i artykuły. Gdy klienta chce zamówić usługę lub produkt interesują go konkretne informacje: cena, główne cechy produktu/treści usługi, warunki dostawy/czas realizacji. Krótka i uporządkowana informacja oszczędza czas klienta i zachęca go do złożenia zamówienia. Co więcej, jeśli klient porówna kilka witryn, wówczas zdecydowanie wygra najbardziej zwięzły opis.

Ponadto długie teksty są niewygodne do przeglądania na urządzeniach mobilnych, z których korzysta prawie każdy. Według światowych statystyk, w październiku 2016 roku liczba użytkowników urządzeń mobilnych wzrosła w stosunku do użytkowników komputerów stacjonarnych.

Przyjrzyj się odbiorcom Twojej witryny, na przykład w Yandex.Metrica, w raporcie Podsumowanie → Typ urządzenia i zobacz, jaki procent klientów pochodzi z telefonów i tabletów. Publikując treści, pamiętaj o tych odbiorcach.

Dodaj animację do swojej witryny mądrze. Powinno być tak dokładne i szybkie, jak to możliwe. Powiększanie obrazu po kliknięciu, wskaźniki postępu podczas oczekiwania na wyniki na stronie, wyskakujące okienko pojawiające się podczas dodawania towaru do koszyka, zmiana koloru przycisków i linków po kliknięciu to najczęstsze mikrointerakcje, które z pewnością pomóż swoim użytkownikom.

6. Wykorzystanie kinografów lub obrazów „na żywo”.

Panoramiczne filmy wideo zostały zastąpione kinografami – obrazami, w których porusza się tylko jeden element. Najlepiej umieścić je na pierwszym ekranie strony, aby przykuć uwagę użytkownika i wywołać efekt wow.

Jeśli wybierzesz taki gif pasujący do tematyki strony, będzie on wyglądał bardzo fajnie. Możesz na przykład zrobić zdjęcie na żywo swojego głównego produktu i umieścić je na stronie głównej lub banerach promocyjnych.

W Rosji kinografy są wykorzystywane głównie w sieciach społecznościowych, dlatego podajemy przykłady witryn zagranicznych - witrynę dotyczącą ochrony wód i wynajmu samochodów.

7. Unikaj „typowych” zdjęć stockowych

Mamy nadzieję, że ze stron znikną wszelkiego rodzaju mali ludzie, dziewczynki w słuchawkach i zdjęcia uśmiechniętych rodzin. Przykład obrazów stockowych:

9. Najpierw mobilność

Istota tego podejścia polega na tym, że projektując stronę internetową trzeba pomyśleć o tym, jak będzie ona wyświetlana na urządzeniach mobilnych. Na ten temat napisano już wiele artykułów i książek, polecamy chociażby lekturę „Mobile First” Łukasza Wróbleskiego.

Jak wspomniano powyżej (patrz punkt 2), ruch mobilny rośnie i są nawet użytkownicy, którzy nie mają doświadczenia z komputerem stacjonarnym. Dlatego, aby nie stracić klientów, zalecamy optymalizację witryn pod kątem urządzeń mobilnych.

W artykule wymieniono jedynie najbardziej podstawowe trendy. Zobaczmy, co nas czeka w tym roku. Jeśli Ty również zauważasz jakieś trendy i jesteś pewien, że będą się rozwijać, napisz w komentarzach, chętnie porozmawiamy. A jeśli masz wątpliwości, czy design Twojej witryny jest aktualny lub przeczytałeś artykuł i znalazłeś nieaktualne elementy, zwróć uwagę na usługę