{"id":259241,"date":"2024-01-11T07:12:00","date_gmt":"2024-01-11T04:12:00","guid":{"rendered":"https:\/\/inform.click\/interaktywne-opowiadanie-historii-i-jego-zastosowanie-w-branzy-projektowania-stron-internetowych\/"},"modified":"2024-01-11T07:26:00","modified_gmt":"2024-01-11T04:26:00","slug":"interaktywne-opowiadanie-historii-i-jego-zastosowanie-w-branzy-projektowania-stron-internetowych","status":"publish","type":"post","link":"https:\/\/inform.click\/pl\/interaktywne-opowiadanie-historii-i-jego-zastosowanie-w-branzy-projektowania-stron-internetowych\/","title":{"rendered":"Interaktywne opowiadanie historii i jego zastosowanie w bran\u017cy projektowania stron internetowych"},"content":{"rendered":"

\n Posiadanie elementu graficznego to obecnie konieczno\u015b\u0107 ka\u017cdej strony internetowej. Bez odpowiedniego wykorzystania wizualizacji po prostu nie mo\u017cesz przekaza\u0107 swojej wiadomo\u015bci odwiedzaj\u0105cemu, a jeszcze lepiej sprawi\u0107, by opu\u015bci\u0142 Twoj\u0105 witryn\u0119.\n<\/p>\n

\n Wizualizacje mog\u0105 dotrze\u0107 do wn\u0119trza umys\u0142u widza i zwabi\u0107 go do wszystkiego, co pr\u00f3bujesz wprowadzi\u0107, sprzeda\u0107 lub zainwestowa\u0107. Aby wykorzysta\u0107 efekty wizualne na swoj\u0105 korzy\u015b\u0107 i zdoby\u0107 ruch w najszybszy mo\u017cliwy spos\u00f3b, najlepsz\u0105 metod\u0105 zaanga\u017cowania i konwersji odwiedzaj\u0105cych jest interaktywne opowiadanie historii.\n<\/p>\n

\n Dlaczego opowiadanie historii?\n<\/p>\n

\n Wiem, co musi teraz pojawia\u0107 si\u0119 w twojej g\u0142owie. Co Kopciuszek lub Roszpunka maj\u0105 wsp\u00f3lnego z wizualnym do\u015bwiadczeniem strony internetowej? C\u00f3\u017c, opowiadanie historii nie ogranicza si\u0119 tylko do bajek i franczyz Disneya, ale opowiadanie historii jest raczej skutecznym sposobem w miksie marketingowym ka\u017cdej witryny internetowej, kt\u00f3ra ma na celu zdobycie czo\u0142\u00f3wki konkurencji.\n<\/p>\n

\n Jak stworzy\u0107 interaktywn\u0105 histori\u0119
\n<\/h5>\n

\n Po\u0142\u0105czenie projektu z histori\u0105 wymaga du\u017co planowania i pr\u00f3b, wi\u0119c kiedy poka\u017cesz go na stronie docelowej swojej witryny, nie zrobisz z siebie g\u0142upka. Twoje efekty wizualne nie musz\u0105 by\u0107 dzie\u0142em mistrzowskim kilku projektant\u00f3w i kosztownym CGI. Mo\u017cesz opowiedzie\u0107 swoj\u0105 histori\u0119 za pomoc\u0105 jednego dobrze sformu\u0142owanego banera graficznego. Jednak wyzwanie pojawia si\u0119, gdy Twoja narracja krzy\u017cuje si\u0119 z celem Twojej witryny. O czym jest Twoja strona internetowa? Jakie jest logo Twojej marki i dlaczego sprzedaje to, co sprzedaje? Wszystko, co wyja\u015bnisz za pomoc\u0105 element\u00f3w wizualnych, musi by\u0107 wyj\u0105tkowe, bez grama plagiatu. Musi sta\u0107 si\u0119 tak przekonuj\u0105cy, \u017ce po jednej wizycie w Twojej witrynie ludzie zaczn\u0105 j\u0105 udost\u0119pnia\u0107, rozmawia\u0107 o niej i ponownie j\u0105 odwiedza\u0107.\n<\/p>\n

\n Jak to dzia\u0142a
\n<\/h3>\n

\n Istnieje ogromna rozbie\u017cno\u015b\u0107 mi\u0119dzy witryn\u0105 zawieraj\u0105c\u0105 obrazy, grafik\u0119 i animacje a nijak\u0105 platform\u0105 skoncentrowan\u0105 na tek\u015bcie, kt\u00f3r\u0105 nazywasz witryn\u0105 internetow\u0105. Nie da si\u0119 os\u0105dza\u0107 ludzi i zanim mo\u017cna przeprowadzi\u0107 w\u0142a\u015bciw\u0105 rozmow\u0119, ju\u017c ich nie ma. Elementy multimedialne s\u0105 wstrzykiwane, aby tego unikn\u0105\u0107. Kiedy klient widzi zwyk\u0142y tekst opisuj\u0105cy produkt, ma poczucie przymusu przeczytania alfabetu i s\u0142\u00f3w wypowiedzi, podczas gdy obraz, wideo lub animacja graficzna s\u0105 r\u00f3wnie \u0142atwe do zobaczenia, co do zrozumienia.\n<\/p>\n

\n Sprzedawanie du\u017cego produktu z kr\u00f3tk\u0105 histori\u0105
\n<\/h5>\n

\n Firma sprzedaj\u0105ca samochody ma wiele do wype\u0142nienia, zanim b\u0119dzie mog\u0142a sprzedawa\u0107 za po\u015brednictwem swojej platformy internetowej. Kupowanie samochod\u00f3w przez Internet wymaga od klienta sporo nerw\u00f3w, poniewa\u017c w gr\u0119 wchodz\u0105 du\u017ce sumy. Je\u015bli strona internetowa nie przyci\u0105gnie wzroku klienta, to nic innego jak \u015bmieci p\u0142ywaj\u0105ce po Internecie. Sprzeda\u017c samochod\u00f3w, ci\u0119\u017car\u00f3wek lub ci\u0119\u017ckich maszyn online pod pewnymi k\u0105tami marketingowymi, aby ujawni\u0107 USP (unikalne cechy sprzeda\u017cy) produktu. Znam witryn\u0119 samochodow\u0105, kt\u00f3ra wykorzysta\u0142a doskona\u0142\u0105 technik\u0119 opowiadania historii, aby pokaza\u0107 swoj\u0105 pizz\u0119 na ekranie klienta.\n<\/p>\n

\n Przyk\u0142ad<\/strong> :\n<\/p>\n

\n Lexusls.asia<\/a> jest odga\u0142\u0119zieniem Toyoty, kt\u00f3ra sprzedaje luksusowe samochody. Na stronie internetowej projektanci genialnie wykorzystali przewijanie paralaksy, aby przedstawi\u0107 samoch\u00f3d z tekstem wystarczaj\u0105cym do tego, aby odwiedzaj\u0105cy m\u00f3g\u0142 zacz\u0105\u0107. Potem nagle opona toczy si\u0119 z prawej strony i pokazuje kilka innych fajnych cech samochodu. Gdy przewiniesz dalej, strona internetowa nie puszcza Ci\u0119 i za pomoc\u0105 kilku fajnych grafik opisuje cel i zalety samochodu.\n<\/p>\n

\n J\u0119zyk wizualny
\n<\/h5>\n

\n J\u0119zyk wizualny ma mo\u017cliwo\u015b\u0107 wykorzystania samego fundamentu projektowania skoncentrowanego na cz\u0142owieku. J\u0119zyk wizualny si\u0119ga daleko wstecz i jeszcze zanim wynaleziono jakikolwiek alfabet, poniewa\u017c malowid\u0142a naskalne by\u0142y podstawowym \u015brodkiem komunikacji. Malowid\u0142a naskalne s\u0142u\u017cy\u0142y jako \u017ar\u00f3d\u0142o opowie\u015bci, przewodnik, jak przetrwa\u0107 i unikn\u0105\u0107 potencjalnych niebezpiecze\u0144stw, kt\u00f3re by\u0142y cz\u0119\u015bci\u0105 tego okresu. Mniej wi\u0119cej rysunki naskalne s\u0105 najwcze\u015bniejsz\u0105 form\u0105 danych wizualnych.\n<\/p>\n

\n Wiemy, \u017ce obrazy i filmy wideo maj\u0105 ogromn\u0105 moc komunikacyjn\u0105, jak mo\u017cna wykorzysta\u0107 t\u0119 moc za pomoc\u0105 pikseli?\n<\/p>\n

\n Przyk\u0142ad<\/strong> :\n<\/p>\n

\n W tym momencie zaczyna dzia\u0142a\u0107 twoja w\u0142asna wyobra\u017ania. Dodawanie obraz\u00f3w i film\u00f3w z odpowiednim tekstem mieszanym, aby Twoja witryna m\u00f3wi\u0142a sama za siebie.\n<\/p>\n

\"\"<\/a><\/p>\n

\n Bellroy.com<\/a> sprzedaje swoje sk\u00f3rzane portfele z gwarancj\u0105 wi\u0119kszej przestrzeni i cie\u0144szych wzor\u00f3w. Pokazuj\u0105 to za pomoc\u0105 eleganckiego suwaka z obrazami HD jednego portfela w stosunku do drugiego. Wraz z przesuwaniem suwaka historia r\u00f3wnie\u017c si\u0119 porusza i w ci\u0105gu 10 zdj\u0119\u0107 taka sama liczba kart jest dopasowana do ich markowego portfela, deformuj\u0105c drugi portfel bardziej, ni\u017c jest w rzeczywisto\u015bci. Tutaj wniosek jest uderzaj\u0105cy i ma mora\u0142 do stracenia.\n<\/p>\n

\n Zaprojektuj histori\u0119
\n<\/h5>\n

\n Projektowanie opowie\u015bci wizualnej przypomina pisanie sztuki. Wszystkie aspekty i elementy spektaklu s\u0105 obecne na Twojej stronie i mieszaj\u0105 si\u0119 z tak\u0105 intymno\u015bci\u0105, \u017ce ca\u0142kowicie \u0142\u0105cz\u0105 si\u0119 z przedstawion\u0105 przez Ciebie histori\u0105. Twoja historia zaczyna si\u0119 od zaaran\u017cowanej przez ciebie konfiguracji, nast\u0119pnie zmierza w kierunku konfliktu i ko\u0144czy si\u0119 rozwi\u0105zaniem.\n<\/p>\n

\n Na przyk\u0142ad ta witryna ma unikalny spos\u00f3b brania go\u015bcia za rami\u0119 i zapraszania go na bal taneczny pe\u0142en emocji i wizualnych smako\u0142yk\u00f3w.\n<\/p>\n

\n U\u017cytkownicy musz\u0105 by\u0107 \u015bwiadomi historii, kt\u00f3ra prowadzi ich do celu. I tu odwiedzaj\u0105cy staje si\u0119 leadem, a lead klientem. Sprawiedliwe jest, aby produkt lub us\u0142uga, kt\u00f3re planujesz przedstawi\u0107 w procesie opowiadania historii, musi mie\u0107 co\u015b, czego potrzebuje u\u017cytkownik, wyj\u0105tkow\u0105 funkcjonalno\u015b\u0107 lub mar\u017c\u0119 cenow\u0105, kt\u00f3rej szuka klient.\n<\/p>\n

\n Przyk\u0142ad<\/strong> :\n<\/p>\n

\"\"<\/a><\/p>\n

\n Bagigia.com<\/a> najpierw przedstawia odwiedzaj\u0105cemu sprzedawc\u0119, a nast\u0119pnie przedstawia prosty, ale g\u0142\u0119boki obraz 3D samego produktu z emocjonalnym tekstem, aby historia by\u0142a p\u0142ynna. Du\u017ce bia\u0142e odst\u0119py w projekcie pomagaj\u0105 u\u017cytkownikowi si\u0119 skoncentrowa\u0107, poniewa\u017c produkt wyr\u00f3\u017cnia si\u0119 na \u015brodku, wprowadzaj\u0105c histori\u0119 do akcji i zmierzaj\u0105c do rozwi\u0105zania.\n<\/p>\n

\n Wykorzystanie animowanej historii na swoj\u0105 korzy\u015b\u0107
\n<\/h5>\n

\n To prawda. Animacja stron internetowych pad\u0142a ofiar\u0105 nadu\u017cycia bez wzgl\u0119du na konwencje i standardy i to jest g\u0142\u00f3wna przyczyna jej upadku w ci\u0105gu ostatnich 5 lat. Jak na ironi\u0119, bardzo niewielu projektant\u00f3w wie, w jaki spos\u00f3b u\u017cycie sprytnej i trafnej animacji mo\u017ce sprawi\u0107, \u017ce Twoja historia stanie si\u0119 filmem o Mrocznym Rycerzu. Animacja zosta\u0142a stworzona, aby pokry\u0107 to, czego statyczne obrazy nie mog\u0105 wype\u0142ni\u0107, jednocze\u015bnie dodaj\u0105c rozrywki do samego projektu.\n<\/p>\n

\n Przyk\u0142ad<\/strong> :\n<\/p>\n

\"\"<\/a><\/p>\n

\n M\u00f3wi\u0105c o DarkKnight, ta aplikacja na iOS na stronie benthebodyguard.com<\/a> pozwala zabezpieczy\u0107 i zaszyfrowa\u0107 informacje w Twojej witrynie, kt\u00f3ra zawiera animacj\u0119 przej\u015bcia (dos\u0142ownie), gdy schodzisz z \u201eBenem” po\u015brodku, ochroniarzem przysi\u0119gaj\u0105cym chroni\u0107 twoje informacje za pomoc\u0105 budz\u0105c\u0105 groz\u0119 reputacj\u0119. Ta witryna internetowa jest przyk\u0142adem najlepszego wykorzystania animacji do stworzenia idealnej historii dla produktu.\n<\/p>\n

\n T\u0142umaczenie wiadomo\u015bci projektowych
\n<\/h5>\n

\n Czy nie jest dla ciebie zaskoczeniem, jak projekt, kt\u00f3ry jest po prostu mieszank\u0105 sztuk wizualnych i grafiki, mo\u017ce wywo\u0142a\u0107 w tobie empati\u0119? Wiem, \u017ce mam. My, ludzie, reagujemy na nasze zwierz\u0119ce zmys\u0142y tak samo, jak ka\u017cdy inny organizm, kt\u00f3ry jest wierny swojej naturze. Kiedy widzimy bicie serca \u2013 robimy tak, jak zaprogramowano. Wykorzystuj\u0105c t\u0119 \u200b\u200bcech\u0119 ludzkiego zachowania, Twoja historia nie zawsze musi by\u0107 zab\u00f3jstwem szumu na temat Twojego manifestu i produkt\u00f3w, poniewa\u017c prawdopodobnie tak ma na my\u015bli ka\u017cdy inny w\u0142a\u015bciciel witryny. Kiedy dodasz poczucie sentymentu, ducha i moralno\u015bci, twoja historia przekszta\u0142ci si\u0119 w przes\u0142anie.\n<\/p>\n

\n Przyk\u0142ad<\/strong> :\n<\/p>\n

\"\"<\/a><\/p>\n

\n Ta strona internetowa everylastdrop.co.uk<\/a> zabierze Ci\u0119 w podr\u00f3\u017c po codziennym korzystaniu z wody w Twoim domu i otoczeniu. Czytanie o tym, ile wody marnuje si\u0119 ka\u017cdego dnia, jest zbyt mainstreamowe i cz\u0119sto nigdy nie jest traktowane powa\u017cnie. Ten niewinny ma\u0142y cz\u0142owieczek, kt\u00f3ry bez wyj\u0105tku korzysta z wody w swoim codziennym harmonogramie, nie tylko podkre\u015bla znaczenie wody, ale tak\u017ce kontrastuje j\u0105 z tymi, kt\u00f3rzy najbardziej jej potrzebuj\u0105 w trudnych cz\u0119\u015bciach \u015bwiata. Tak ro\u015bnie w umy\u015ble widza, \u017ce \u200b\u200b\u200b\u200bprawdopodobnie zastanowi\u0142by si\u0119 dwa razy, zanim nast\u0119pnym razem zmarnuje kolejn\u0105 kropl\u0119 wody.\n<\/p>\n

\n U\u017cywanie ciemnych element\u00f3w
\n<\/h5>\n

\n Powie\u015bci s\u0105 zabawne w czytaniu, a przy ostatnich post\u0119pach technologicznych konieczne jest teraz czytanie ich z ksi\u0105\u017cek. Nawet do dzi\u015b zdecydowana wi\u0119kszo\u015b\u0107 internaut\u00f3w woli ocenia\u0107 ksi\u0105\u017ck\u0119 po ok\u0142adce ni\u017c czyta\u0107 prolog. Aby poradzi\u0107 sobie z tymi u\u017cytkownikami online i zwabi\u0107 ich do produktu, wielu pisarzy cz\u0119sto zatrudnia programist\u00f3w do tworzenia stron internetowych po\u015bwi\u0119conych ich powie\u015bciom. Pr\u00f3ba powie\u015bci krok po kroku z animowanymi sekwencjami nie tylko zapewni fajerwerki, kt\u00f3rych potrzebuje, ale tak\u017ce usidli internaut\u0119, by j\u0105 przeczyta\u0107.\n<\/p>\n

\n Przyk\u0142ad<\/strong> :\n<\/p>\n

\"\"<\/a><\/p>\n

\n Korzystaj\u0105c z tej samej zasady i struktury, uznane opowiadanie Nam Le \u201eThe Boat” zosta\u0142o przekszta\u0142cone w interaktywn\u0105 powie\u015b\u0107 graficzn\u0105, tworz\u0105c \u015bwiat pustosz\u0105cego ocean, wypychaj\u0105c \u0142\u00f3d\u017a z okropno\u015bci wojny w Wietnamie. Najlepsz\u0105 rzecz\u0105, jak\u0105 ka\u017cdy mo\u017ce zrobi\u0107 podczas fiesty opowiadania historii, jest dodanie d\u017awi\u0119ku do swojego projektu. To superlatyw animowanego opowiadania historii, aby zdoby\u0107 UX. Zobacz to tutaj<\/a>.\n<\/p>\n

\n Wci\u0105gaj\u0105ca i pe\u0142na ilustracji, to naprawd\u0119 dow\u00f3d na to, jak dobrze mo\u017cna zarz\u0105dza\u0107 produktem, tworz\u0105c projekt, kt\u00f3ry porusza si\u0119 podczas interakcji z nim.\n<\/p>\n

\n Ujednolicenie przewijania
\n<\/h5>\n

\n W bran\u017cy e-commerce ludzie cz\u0119sto s\u0105 zainteresowani uzyskaniem korzy\u015bci p\u0142yn\u0105cych z produktu, kt\u00f3ry mo\u017ce by\u0107 u\u017cywany w wielu przypadkach, ale z tego samego powodu. Po pierwsze, sprawia, \u017ce \u200b\u200bich \u017cycie jest o wiele \u0142atwiejsze, a po drugie, jest cz\u0119\u015bci\u0105 ery technologicznej. Ale maj\u0105c tak wiele do nauczenia si\u0119 i uznania na temat takiego przedsi\u0119wzi\u0119cia, jest bardzo ma\u0142o prawdopodobne, \u017ce klienci zaryzykuj\u0105 w czym\u015b, co ma futurystyczne implikacje i zbyt \u0142atwo s\u0142u\u017cy ich celowi, czyni\u0105c to zbyt pi\u0119knym, aby mog\u0142o by\u0107 prawdziwe. Widzia\u0142em firmy, kt\u00f3re pr\u00f3bowa\u0142y sprzedawa\u0107 takie produkty za du\u017co, aby si\u0119 zgodzi\u0107, a rezultatem by\u0142o tragiczne porzucenie.\n<\/p>\n

\n Przyk\u0142ad<\/strong> :\n<\/p>\n

\"\"<\/a><\/p>\n

\n Jednak ten produkt nie tylko udaje si\u0119 sprzeda\u0107, ale tak\u017ce spe\u0142ni\u0107 to, co obiecuje swoim klientom. Ten produkt na onlycoin.com<\/a> to pojedyncza karta, na kt\u00f3rej znajduj\u0105 si\u0119 wszystkie Twoje karty kredytowe. Proces opowiadania historii pomaga widzowi zrozumie\u0107 komplikacje zwi\u0105zane z noszeniem zbyt wielu kart w portfelu z uzasadnieniem, ale dzi\u0119ki graficznemu przedstawieniu optymalizacji kart krok po kroku i kompaktowemu noszeniu trudno nie zgodzi\u0107 si\u0119 z obiecanymi zastosowaniami produktu.\n<\/p>\n

\n Wniosek
\n<\/h3>\n

\n Opowiadanie historii nie ogranicza si\u0119 tylko do dowolnego produktu lub celu; jest otwarty na wszelkiego rodzaju \u0107wiczenia e-commerce, kt\u00f3re pomagaj\u0105 odwiedzaj\u0105cym uzyska\u0107 idealny UX bez uszczerbku dla funkcjonalno\u015bci projektu. Nauka opanowania tego dla w\u0142asnych produkt\u00f3w i us\u0142ug za po\u015brednictwem witryn e-commerce jest niezb\u0119dna w dobie marketingu elektronicznego. Bez odczytania sposobu my\u015blenia konsumenta po prostu nie mo\u017cesz zaprezentowa\u0107 swojego produktu, a bez popytu nie ma produkcji. Jak m\u00f3wi Tim O'brien: \u201eOpowiadanie historii jest podstawow\u0105 czynno\u015bci\u0105 cz\u0142owieka, im trudniejsza sytuacja, tym bardziej jest istotna” i zaufaj mi, przyjacielu, sytuacja nigdy nie staje si\u0119 \u0142atwiejsza.\n<\/p>\n<\/p>\n

\n \u0179r\u00f3d\u0142o nagrywania: instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

Posiadanie elementu graficznego to obecnie konieczno\u015b\u0107 ka\u017cdej strony internetowej. Bez odpowiedniego wykorzystania wizualizacji po prostu nie mo\u017cesz przekaza\u0107 swojej wiadomo\u015bci odwiedzaj\u0105cemu, a jeszcze lepiej sprawi\u0107, by opu\u015bci\u0142 Twoj\u0105 witryn\u0119. Wizualizacje mog\u0105 dotrze\u0107 do wn\u0119trza umys\u0142u widza i zwabi\u0107 go do wszystkiego, co pr\u00f3bujesz wprowadzi\u0107, sprzeda\u0107 lub zainwestowa\u0107. Aby wykorzysta\u0107 efekty wizualne na swoj\u0105 korzy\u015b\u0107 i zdoby\u0107 ruch w najszybszy mo\u017cliwy spos\u00f3b, najlepsz\u0105 metod\u0105 zaanga\u017cowania i konwersji odwiedzaj\u0105cych jest interaktywne opowiadanie historii. Dlaczego opowiadanie historii? Wiem, co musi teraz pojawia\u0107 si\u0119 w twojej g\u0142owie. \u2026<\/p>\n","protected":false},"author":1,"featured_media":149254,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[396,58,357],"tags":[],"class_list":["post-259241","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-projekt","category-web-i-wordpress","category-zabawa"],"_links":{"self":[{"href":"https:\/\/inform.click\/pl\/wp-json\/wp\/v2\/posts\/259241","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/pl\/wp-json\/wp\/v2\/comments?post=259241"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/pl\/wp-json\/wp\/v2\/posts\/259241\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/pl\/wp-json\/wp\/v2\/media\/149254"}],"wp:attachment":[{"href":"https:\/\/inform.click\/pl\/wp-json\/wp\/v2\/media?parent=259241"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/pl\/wp-json\/wp\/v2\/categories?post=259241"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/pl\/wp-json\/wp\/v2\/tags?post=259241"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}