Web Design realizat bine: editorial excelent

Multe discuții despre design web se referă la ceea ce se întâmplă în jurul conținutului. Viteza paginii, sisteme de proiectare, optimizare pentru motoarele de căutare, cadre, accesibilitate — lista poate continua. Acest lucru ne oferă la Smashing Magazine multe despre care să scriem, ceea ce este grozav, deși merită să ne reamintim pentru ce este în serviciul tuturor.

În această a treia ediție a seriei noastre Web Design Done Well , ne concentrăm pe inima multor site-uri web: conținutul. Mai precis, conținutul editorial. Web-ul le-a oferit povestitorilor o selecție incredibilă de instrumente cu care să lucreze și, în calitate de jurnalist ocazional semi-competent, îmi place o primă bună.

Ceea ce urmează sunt exemple de tehnologii web care sunt țesute cu conținut editorial pentru a-l duce la nivelul următor. Vom încheia apoi cu sfaturi mai ample despre gândirea creativă a conținutului digital. Chiar și acum, copleșiți de linia de producție de conținut, lucrurile bune încă strălucesc.

Reuters Înclinați-vă spre glisare

În această piesă despre rasismul sistemic din SUA, Reuters modelează conținutul prin glisare, împărțind povestea în bucăți mici. Citirea pare mult mai intenționată decât ar fi printr-o abordare tradițională de defilare. E ca și cum ai întoarce paginile unei cărți. Pe mobil, treceți literalmente la următoarea secțiune. Oferă o raportare rapidă și imediată - și asta pentru a nu spune nimic despre vizualizarea excelentă a datelor prezentată.

Trăim într-o lume care are prioritate pe mobil. Nu are rost să fii prețios în privința asta. Da, buletinele de reviste au o anumită clasă despre ele. Da, o vizualizare desktop vă oferă o pânză mai mare cu care să lucrați. Realitatea este că majoritatea oamenilor vor vedea ceea ce publicați pe un telefon mobil, așa că aplecați-vă în el. Pentru o abordare similară, aceste „povestiri cu apăsare” ale The New York Times și Input sunt, de asemenea, excelente. Pentru cei interesați să citească în continuare despre editorialul centrat pe dispozitive mobile, Povestea de legendarul designer de ziare Mario Garcia este recomandat cu căldură.

The New York Times arată mai degrabă decât spune

Cu toate lucrurile îngrozitoare pe care le-a provocat pandemia de COVID-19, cel puțin a dus la niște raportări uluitor de bune. Acest articol interactiv din New York Times explică modul în care funcționează măștile de față, ducând cititorii la nivelul particulelor. Puteți vedea cum fibrele prind particulele și de ce diferite măști au niveluri diferite de eficacitate. Orice prost poate face subiectele complicate greu de înțeles, dar le face ușor de înțeles? Aceasta este o formă de artă proprie.

Sunt o mulțime de elemente în joc aici. Grafică, culoare, animație - există chiar și o experiență de realitate augmentată dacă aceasta vă plutește barca. Ceea ce ar fi putut fi atât de ușor un subiect uscat și înfundat este adus la viață. Și, cel mai important, este o informație vitală. Lucruri de genul acesta este motivul pentru care Gabriel Gianordoli a fost votat cel mai bun designer din lume la premiile Society for News Design 2020. Zdrobitor.

The Washington Post vizualizează răspândirea exponențială

Pandemia a forțat și vizualizarea datelor pe primele pagini ale publicațiilor din întreaga lume. Acest articol despre răspândirea exponențială din martie 2020 (ți-l amintești?) face o treabă incredibilă de a vizualiza cum și de ce anumiți viruși devin adevărate probleme mari foarte repede. De la simulări complete la mici grafice inline sparkline, aceasta este editorială care profită din plin de setarea sa digitală.

Ceea ce îmi place în special la acesta este că nu se simte niciodată gratuit. Fiecare vizual îmbunătățește povestea, până la punctul în care aproape îți pare rău că oricine trebuie să explice aceleași concepte numai cu cuvinte. A fi disponibil în mai mult de o duzină de limbi la un clic pe un buton este o altă atingere minunată - o reamintire că Web-ul este de fapt fără margini. Îmi pot imagina doar câți oameni din întreaga lume a ajutat acest articol.

Proiectul Marshall amestecă medii

Aici The Marshall Project prezintă jurnalismul puternic despre sistemul de justiție penală din SUA, cu eleganța și frumusețea dulce-amăruie a unei cărți de povești pentru copii. În „The Zo”, scrierea creativă, ilustrația izbitoare, narațiunea fascinantă și o poveste importantă se combină. Acesta este un editorial multimedia în plin flux.

Ei spun că cântecele pot lua mai multe forme. Același lucru este valabil și pentru conținutul editorial online. Ceea ce vedeți mai sus a fost inspirat de o lucrare academică de 96 de pagini. Faptul că ar putea găsi un public nou ca serial animat online, apoi să fie nominalizat la unul, ci la două Emmy, este o dovadă a puterii transformatoare ale internetului.

Romanul grafic interactiv al SBS nu este o noutate

Vorbind despre puterile transformatoare ale internetului, ce zici de o poveste interactivă. Cu toții suntem familiarizați cu adaptările de film, adaptările de piese radiofonice, adaptările de miniseriale și așa mai departe. De ce nu adaptări de pagini web? Tocmai asta și-a propus să facă postul de radiodifuzor australian SBS cu The Boat , o repovestire interactivă a unei nuvele din cartea cu același nume a lui Nam Le.

Secvența de deschidere a paginii te trage direct înăuntru, cuvintele ei înclinându-se și răsturnând odată cu valurile în timp ce citești, cu sunetele tunetelor și ploii umplându-ți simțurile până la refuz. Pe măsură ce povestea se stabilește, ilustrațiile lui Matt Huynh trec ca amintiri. Este o experiență remarcabil de vie, frumoasă în sine, precum și un mod inteligent de a aduce literatura generațiilor mai tinere.

Maimuțele de budincă din jur

Mi-aș dori să dau peste asta la timp pentru ediția audio a acestei serii de site-uri inspiratoare. Nu contează, este aici acum. Într-o prezentare cu adevărat superbă a editorialului digital, Budinca explică nu atât Teorema Maimuței Infinite, cât o trăiește prin muzică. Nu știi ce este Teorema Maimuței? Ei bine, ce mai așteptați, pagina va face o treabă infinit mai bună de a explica decât aș putea eu. Voi astepta.

Folosind exemple interactive din patru note, articolul implică cititorul, în timp ce face conceptul simplu de înțeles. Ca o atingere finală, încântătoare, pagina este ea însăși un experiment viu, în curs de desfășurare, care își face drum aleatoriu prin melodii din ce în ce mai complexe. Vă puteți aștepta ca „Armata a șaptelor națiuni” să fie corectă în aproximativ 19 ani. Ne întrebăm dacă o maimuță care tastează la o tastatură suficient de mult ar putea crea cadrul perfect JavaScript. Speranța izvorăște eternă.

O listă în afară: o clasă în afară

Pentru toate discuțiile despre vizualizarea datelor, muzică, realitate augmentată și alte instrumente elegante, sunt multe de spus pentru obținerea dreptului fundamental. Paginile nu trebuie să fie echivalentul web al Vegas Strip pentru a fi atrăgătoare. O listă în afară arată asta mai bine decât majoritatea. Abordarea sa față de conținut va ocupa întotdeauna un loc în inima mea. Titlu, ilustrație, copie, hyperlink-uri albastre. Frumoasa.

Ceea ce îmi dau seama acum a fost cu o perioadă neliniștitoare de mult timp în urmă, am scris despre cele două ramuri ale designului web „brutalist”. Esența a ceea ce am spus a fost că o abordare este tare și neplăcută, cealaltă hotărât funcțională. A List Apart arată frumusețea celui din urmă făcut corect. Setul de instrumente multimedia este un atu minunat de avut, dar chiar și acum există momente în care doar cuvintele sunt potrivite.

Gândirea creativă la conținut

La bine și la rău, web-ul este absolut inundat de conținut. Multe dintre ele sunt grozave, multe nu sunt. O mare parte din discuțiile în jurul lui au cadența rece și calculatoare la care te-ai aștepta mai devreme de la industriașii care vorbesc despre linii de asamblare. Exemplele împărtășite mai sus vorbesc despre valoarea de a rezista nevoii de a produce lucruri, dar să fim reali: majoritatea site-urilor web nu au resursele, de exemplu, ale The Washington Post .

Cu toate acestea, există modalități de a gândi creativ despre conținut la toate nivelurile, de la bloguri personale la publicații globale. Iată câteva dintre ele:

• Întrebați abordarea dvs. implicită.
  Suntem creaturi de obicei, inclusiv în modul în care ne spunem poveștile. Fă-ți timp devreme să dai înapoi și să întrebi cum aș putea face asta altfel? Poate un eseu foto ar fi mai prudent decât un articol. Poate că o hartă termică este mai bună decât o masă. Specializarea este importantă, desigur, dar nu lăsați-o să vă orbească față de alte moduri de a face lucrurile, adesea complementare.
• Utilizați resurse gratuite.
  Unul dintre marile daruri ale internetului este cât de multe lucruri gratuite uimitoare există. Ca, de fapt gratuit, intenționat. De la fotografie la design grafic la instrumente de vizualizare a datelor la software de editare audio, resursele de care aveți nevoie pentru a vă transforma conținutul sunt la doar un clic distanță. Eticheta noastră gratuită este un loc bun pentru a începe.
• Dați conținutului mai multe forme.
  Așa cum The Marshall Project a arătat mai ales bine cu „The Zo”, poveștile pot găsi noi audiențe atunci când iau forme diferite. Ai scris un articol? Grozav, de ce să nu înregistrezi o versiune audio? Ați produs un raport bazat pe date? Destul de mișto, totuși este la fel de cool pe cât ar fi dacă ați începe să conectați acele numere în D3? O singură modalitate de a afla.
• Experiment.
  Exemplele de aici sunt crema de recoltă, dar merită menționat că există o sumă enormă de câștigat din încercarea de idei noi și îmbrățișarea eșecului ocazional pe care îl aduce. Iterația este cheia procesului creativ. Dacă încerci ceva și nu funcționează, bine, indiferent. Este singura modalitate de a ajunge la ceea ce funcționează.

Nu există o abordare unică a conținutului, dar respectarea poveștii este esențială. Tehnologiile web sunt suplimentare, nu evenimentul principal. Nu-i lăsa să fie coada care dă din câine. Cele mai bune rezultate vin atunci când povestea este în armonie cu modul în care este spusă. Acesta este tipul de conținut care rămâne în rândul oamenilor de ani de zile.