{"id":8315,"date":"2017-10-05T09:00:29","date_gmt":"2017-10-05T08:00:29","guid":{"rendered":"https:\/\/blog.langlion.com\/pl\/?p=8315"},"modified":"2018-02-13T16:46:58","modified_gmt":"2018-02-13T15:46:58","slug":"6-trendow-w-projektowaniu-stron-internetowych-na-2018-rok","status":"publish","type":"post","link":"https:\/\/blog.langlion.com\/pl\/6-trendow-w-projektowaniu-stron-internetowych-na-2018-rok\/","title":{"rendered":"6 trend\u00f3w w projektowaniu stron internetowych na 2018 rok"},"content":{"rendered":"<p>&nbsp;<\/p>\n<p><strong><a href=\"https:\/\/blog.langlion.com\/pl\/wp-content\/uploads\/2017\/10\/keyboard-1395316_1920-e1507131819629.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8332 size-full\" src=\"https:\/\/blog.langlion.com\/pl\/wp-content\/uploads\/2017\/10\/keyboard-1395316_1920-e1507131819629.jpg\" alt=\"\" width=\"600\" height=\"399\" \/><\/a><\/strong><\/p>\n<p><strong>\u015aredni czas \u017cycia strony internetowej to oko\u0142o dw\u00f3ch lat. I nie znaczy to wcale, \u017ce po up\u0142ywie tego czasu\u00a0jeste\u015bmy zmuszeni do stworzenia zupe\u0142nie nowej witryny. Wszystko zale\u017cy g\u0142\u00f3wnie od tego, czy przy projekcie oraz realizacji wzi\u0119to pod uwag\u0119 najnowsze standardy oraz trendy. W dzisiejszym wpisie chcia\u0142bym om\u00f3wi\u0107 najciekawsze, moim zdaniem, elementy, kt\u00f3re b\u0119d\u0105 dominowa\u0142y na stronach internetowych w 2018 roku.<\/strong><\/p>\n<p><!--more--><\/p>\n<p>Rok 2018 nie przyniesienie rewolucji takich jak wycofanie si\u0119 z technologii <strong>Flash,<\/strong> czy pojawienie si\u0119 znanego ju\u017c chyba wszystkim, <a href=\"https:\/\/blog.langlion.com\/pl\/zaproszenie-na-webinarium-jak-zaprojektowac-dobra-strone-internetowa-szkoly-jezykowej\/\"><strong>Responsive Web Design<\/strong><\/a>. Co nie znaczy, \u017ce nie b\u0119dzie ciekawie. Trendy maj\u0105 jednak do siebie to, \u017ce cz\u0119sto nie s\u0105 ze sob\u0105 sp\u00f3jne, a my powinni\u015bmy przefiltrowa\u0107 jeszcze wszystko przez nasze poczucie estetyki i dobrego smaku. Jak powiedzia\u0142 kiedy\u015b Karl Lagerfeld &#8222;Bycie trendy to ostatni etap przed byciem tandetnym&#8221;.<\/p>\n<h3>1.\u00a0Minimalizm<\/h3>\n<hr \/>\n<p>Je\u015bli wierzy\u0107 czasopismom pokroju Focusa, przeci\u0119tny cz\u0142owiek poch\u0142ania dziennie oko\u0142o 34 gigabajt\u00f3w danych. Niezale\u017cnie jednak czy\u00a0jest to realna liczba, to z pewno\u015bci\u0105 zgodzicie si\u0119, \u017ce\u00a0ilo\u015b\u0107 bod\u017ac\u00f3w w naszym codziennym \u017cyciu jest zbyt du\u017ca. To dlatego coraz bardziej doceniamy <strong>prostot\u0119<\/strong> i rozwi\u0105zania, kt\u00f3rym bli\u017cej do skandynawskiej wizji rzeczywisto\u015bci. Tylko dlaczego zupe\u0142nie inaczej podchodzimy do naszych stron internetowych, kt\u00f3re w dalszym ci\u0105gu staraj\u0105 si\u0119 przekaza\u0107 odwiedzaj\u0105cym je osobom dawk\u0119 informacji, kt\u00f3ra z pewno\u015bci\u0105 spowodowa\u0142aby u nich conajmniej pot\u0119\u017cny b\u00f3l g\u0142owy. Na szcz\u0119\u015bcie nie mamy si\u0119 czego obawia\u0107. Nasz potencjalny klient, z pewno\u015bci\u0105 si\u0119 z nimi nie zapozna.\u00a0<strong>Less is more<\/strong>. <strong>Lekkie strony, niewielka ilo\u015b\u0107 element\u00f3w, ograniczona do minimum liczba kolor\u00f3w oraz kroj\u00f3w czcionek<\/strong> to standard ju\u017c od jakiego\u015b czasu. I chocia\u017c kolejne punkty zestawienia wprowadz\u0105 elementy, kt\u00f3re stan\u0105 w opozycji do tego stwierdzenia, to\u00a0tylko dlatego, \u017ce nie ma jednej, w\u0142a\u015bciwej drogi.<\/p>\n<h3>2.\u00a0Unikalne zdj\u0119cia i grafiki<\/h3>\n<hr \/>\n<p>W tym momencie powinni\u015bcie powiedzie\u0107 &#8222;\u017cadna nowo\u015b\u0107&#8221;. I oczywi\u015bcie b\u0119dziecie mieli racj\u0119. Temat ten jest m\u00f3wi\u0105c kolokwialnie &#8222;wa\u0142kowany&#8221; ju\u017c od dawna. I my r\u00f3wnie\u017c, na webinariach i w <a href=\"https:\/\/blog.langlion.com\/pl\/7-przykladow-zdjec-zakazanych-czyli-czym-skutecznie-odstraszyc-kursantow\/\">artyku\u0142ach<\/a>, zach\u0119camy do pokazywania na stronach internetowych tego, co <strong>naturalne i prawdziwe<\/strong>. Zdj\u0119cia\u00a0waszych lektor\u00f3w i sal, nawet je\u015bli nie b\u0119d\u0105 tak dopieszczone i profesjonalne, sprawdz\u0105 si\u0119 zdecydowanie lepiej ni\u017c <strong>sztuczne zdj\u0119cia stockowe<\/strong>. A je\u015bli ci\u0105gle zerkacie na punkt pierwszy, to warto zamiast tych zdj\u0119\u0107 pomy\u015ble\u0107 o stworzeniu<a href=\"https:\/\/blog.langlion.com\/pl\/50-darmowych-stron-i-narzedzi-do-tworzenia-materialow-graficznych\/\"> <strong>dedykowanych grafik<\/strong><\/a> lub <strong>geometrycznych kszta\u0142t\u00f3w<\/strong>, kt\u00f3re idealnie wpasuj\u0105 si\u0119 w trend minimalistyczny.<\/p>\n<h3>3.\u00a0Kinografika<\/h3>\n<hr \/>\n<p>Czy minimalizm jest jedyn\u0105 s\u0142uszn\u0105 koncepcj\u0105? Nie. Jest to jedynie jedna z propozycji, kt\u00f3r\u0105 warto wzi\u0105\u0107 pod uwag\u0119. Na drugim biegunie bowiem, jest tak samo\u00a0ciekawie, a strony wype\u0142nione <strong>animacjami <\/strong>potrafi\u0105\u00a0by\u0107 rozwi\u0105zaniami r\u00f3wnie interesuj\u0105cymi. Punkt trzeci przynosi pewnego rodzaju <strong>kompromis<\/strong>. A jest nim w\u0142a\u015bnie <strong>kinografika<\/strong>. I po raz kolejny nie mamy do czynienia z niczym innowacyjnym, poniewa\u017c s\u0105 to po prostu stare, <strong>dobre GIF&#8217;y<\/strong>. W tym wypadku jednak, nie chcemy zast\u0105pi\u0107 nimi kr\u00f3tkich nagra\u0144 video, a jedynie nada\u0107, dzi\u0119ki delikatnemu ruchowi, dodatkowego klimatu zdj\u0119ciom. A\u00a0te wykorzysta\u0107 nast\u0119pnie jako t\u0142o naszej strony.<\/p>\n<div id=\"attachment_8320\" style=\"width: 625px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/blog.langlion.com\/pl\/wp-content\/uploads\/2017\/10\/ba7e21dbb7e37c80e8ebd356ab7f2ec5.gif\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-8320\" class=\"wp-image-8320 size-full\" title=\"\u017ar\u00f3d\u0142o https:\/\/www.pinterest.com\/\" src=\"https:\/\/blog.langlion.com\/pl\/wp-content\/uploads\/2017\/10\/ba7e21dbb7e37c80e8ebd356ab7f2ec5.gif\" alt=\"okulary kinografika\" width=\"615\" height=\"324\" \/><\/a><p id=\"caption-attachment-8320\" class=\"wp-caption-text\">\u017ar\u00f3d\u0142o https:\/\/www.pinterest.com\/<\/p><\/div>\n<p>&nbsp;<\/p>\n<div id=\"attachment_8321\" style=\"width: 810px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/blog.langlion.com\/pl\/wp-content\/uploads\/2017\/10\/7e487d7a-1913-4ce3-a71a-56eb45cfc5b1.gif\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-8321\" class=\"wp-image-8321 size-full\" src=\"https:\/\/blog.langlion.com\/pl\/wp-content\/uploads\/2017\/10\/7e487d7a-1913-4ce3-a71a-56eb45cfc5b1.gif\" alt=\"kinografika szko\u0142a\" width=\"800\" height=\"448\" \/><\/a><p id=\"caption-attachment-8321\" class=\"wp-caption-text\">\u017ar\u00f3d\u0142o https:\/\/therosheenaway.wordpress.com\/2014\/07\/04\/cinemagraph-photos-at-school\/<\/p><\/div>\n<p style=\"text-align: left;\">Je\u015bli chcieliby\u015bcie nauczy\u0107 si\u0119 tworzy\u0107 kinografiki, polecam zapozna\u0107 si\u0119 z poni\u017cszym\u00a0nagraniem:\u00a0<a href=\"https:\/\/www.youtube.com\/watch?v=8_4VfSTn1y8\">https:\/\/www.youtube.com\/watch?v=8_4VfSTn1y8<\/a>.<\/p>\n<h3>4. Explainer\/Persuader Videos<\/h3>\n<hr \/>\n<p>Tym, kt\u00f3rzy uwa\u017caj\u0105, \u017ce kompromis nie jest nigdy rozwi\u0105zaniem optymalnym, spodoba si\u0119 pewnie punkt czwarty. Chocia\u017c z drugiej strony, je\u015bli ca\u0142a nasza strona internetowa b\u0119dzie zbudowana\u00a0<strong>wok\u00f3\u0142 filmu<\/strong>, to moim zdaniem, jak najbardziej mo\u017cemy m\u00f3wi\u0107 o minimalizmie. W przypadku szko\u0142y j\u0119zykowej nie b\u0119dzie to jednak tak zwany <strong>&#8222;explainer&#8221;<\/strong> (wybaczcie, ale poj\u0119cia te funkcjonuj\u0105 ju\u017c tak d\u0142ugo w polskim Internecie, \u017ce nie chcia\u0142o mi si\u0119 ich t\u0142umaczy\u0107 na si\u0142\u0119), poniewa\u017c wszyscy wiedz\u0105 o co w szkole j\u0119zykowej chodzi. Video b\u0119dzie mia\u0142o na celu <strong>zaprezentowanie szko\u0142y i przekonanie potencjalnego klienta<\/strong>, \u017ce wybranie jej, b\u0119dzie w\u0142a\u015bciw\u0105 decyzj\u0105. W ramach inspiracji zach\u0119cam do zapoznania si\u0119 z fantastycznymi realizacjami polskiej firmy <a href=\"http:\/\/www.clipatize.com\/\">Clipatize<\/a>.<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/64724209\" width=\"100%\" height=\"360\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<h3>5.\u00a0Mikrointerakcje<\/h3>\n<hr \/>\n<p>Nieinwazyjne, <strong>delikatne animacje<\/strong>, niewyr\u00f3\u017cniaj\u0105ce si\u0119 agresywnie na tle innych element\u00f3w strony internetowej potrafi\u0105 skutecznie zach\u0119ci\u0107 u\u017cytkownik\u00f3w do podj\u0119cia konkretnych dzia\u0142a\u0144 lub skierowa\u0107 ich uwag\u0119 na wybrane przez nas obszary. <strong>Przyciski zmieniaj\u0105ce sw\u00f3j wygl\u0105d,<\/strong> gdy najedziemy na nie myszk\u0105, delikatnie <strong>powi\u0119kszaj\u0105ce si\u0119 elementy Call To Action<\/strong>. To wszystko detale, ale jak to m\u00f3wi\u0105 diabe\u0142 tkwi w szczeg\u00f3\u0142ach. A to w\u0142a\u015bnie one docelowo robi\u0105 r\u00f3\u017cnic\u0119.<\/p>\n<h3>6.\u00a0Koniec strony g\u0142\u00f3wnej jak\u0105 znamy<\/h3>\n<hr \/>\n<p>W dobie dedykowanych, ka\u017cdemu dzia\u0142aniu marketingowemu, <strong>oddzielnych landing page<\/strong>, strona g\u0142\u00f3wna zdecydowanie traci na znaczeniu, a naszym celem jest pokierowanie potencjalnego klienta do miejsca, w kt\u00f3rym znajdzie on tre\u015bci jak najlepiej <strong>dostosowane do jego potrzeb<\/strong>. Tak, znowu prowadzi nas to wszystko do rozwa\u017cania o<strong> personach<\/strong>, inaczej zwanych osobowo\u015bciami nabywczymi. Mo\u017cliwo\u015b\u0107 skutecznego <strong>targetowania reklam<\/strong>, a co za tym idzie r\u00f3wnie\u017c i tre\u015bci wi\u0105\u017ce si\u0119 jeszcze z jedn\u0105 ciekaw\u0105 koncepcj\u0105, a mianowicie <strong>Age Responsive Design<\/strong>. Dostosowanie strony internetowej do <strong>wieku odwiedzaj\u0105cego<\/strong> j\u0105 u\u017cytkownika. Inne kolory, kroje i wielko\u015b\u0107 czcionki, r\u00f3\u017cny uk\u0142ad element\u00f3w dla os\u00f3b w wieku szkolnym, a zupe\u0142nie inny dla ich rodzic\u00f3w. Brzmi to troch\u0119 kosmicznie, tym bardziej, \u017ce w przypadku innym ni\u017c ruch z reklam kierowanych do konkretnej grupy wiekowej, odgadni\u0119cie wieku u\u017cytkownika w czasie rzeczywistym nie jest mo\u017cliwe (chocia\u017c Google Analytics API daje nam mo\u017cliwo\u015b\u0107 sprawdzenia w trybie rzeczywistym informacji takich jak na przyk\u0142ad d\u0142ugo\u015b\u0107 trwania wizyty lub tego czy u\u017cytkownik jest na naszej stronie po raz pierwszy). Age Responsive Design jest jednak trendem, o kt\u00f3rym warto pami\u0119ta\u0107. Dlaczego? Sp\u00f3jrzcie tylko na poni\u017csz\u0105 grafik\u0119.<\/p>\n<div id=\"attachment_8322\" style=\"width: 962px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/blog.langlion.com\/pl\/wp-content\/uploads\/2017\/10\/Designing-Usability-depending-on-user-age.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-8322\" class=\"wp-image-8322 size-full\" src=\"https:\/\/blog.langlion.com\/pl\/wp-content\/uploads\/2017\/10\/Designing-Usability-depending-on-user-age.png\" alt=\"age responsive design\" width=\"952\" height=\"434\" \/><\/a><p id=\"caption-attachment-8322\" class=\"wp-caption-text\">\u017ar\u00f3d\u0142o https:\/\/www.nngroup.com\/articles\/usability-of-websites-for-teenagers\/<\/p><\/div>\n<p>Jestem bardzo ciekaw, kt\u00f3re z trend\u00f3w najbardziej pokrywaj\u0105 si\u0119 z waszym gustem. A mo\u017ce ju\u017c wykorzystujecie niekt\u00f3re elementy na stronach internetowych waszych szk\u00f3\u0142? Podzielcie si\u0119 z nami, tym samym zg\u0142aszaj\u0105c si\u0119 niejako do kolejnej edycji <a href=\"https:\/\/blog.langlion.com\/pl\/ranking-10-najlepszych-stron-www-szkol-jezykowych-2016\/\">rankingu stron internetowych szk\u00f3\u0142 j\u0119zykowych<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; \u015aredni czas \u017cycia strony internetowej to oko\u0142o dw\u00f3ch lat. I nie znaczy to wcale, \u017ce po up\u0142ywie tego czasu\u00a0jeste\u015bmy [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_mo_disable_npp":"","footnotes":""},"categories":[28,12,17],"tags":[],"_links":{"self":[{"href":"https:\/\/blog.langlion.com\/pl\/wp-json\/wp\/v2\/posts\/8315"}],"collection":[{"href":"https:\/\/blog.langlion.com\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.langlion.com\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.langlion.com\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.langlion.com\/pl\/wp-json\/wp\/v2\/comments?post=8315"}],"version-history":[{"count":14,"href":"https:\/\/blog.langlion.com\/pl\/wp-json\/wp\/v2\/posts\/8315\/revisions"}],"predecessor-version":[{"id":8811,"href":"https:\/\/blog.langlion.com\/pl\/wp-json\/wp\/v2\/posts\/8315\/revisions\/8811"}],"wp:attachment":[{"href":"https:\/\/blog.langlion.com\/pl\/wp-json\/wp\/v2\/media?parent=8315"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.langlion.com\/pl\/wp-json\/wp\/v2\/categories?post=8315"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.langlion.com\/pl\/wp-json\/wp\/v2\/tags?post=8315"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}