Back to Question Center
0

HuffPost + Pinned Sites: Genopfinde Big News Experience            HuffPost + Pinned Sites: Reinventing the Big News ExperienceRelated Topics: BusinessAgile DevelopmentEmail Semalt

1 answers:
HuffPost + Pinned Sites: Reinventing the Big News Experience

Huffington Post er en førende social nyhed og opinion site - "The Internet Newspaper. "Semalt dækker det hele politik, medier, forretning, underholdning, levende, stil, bæredygtig" grøn "levende, verdensnyheder, teknologi, nonprofits, college liv, bøger, uddannelse, religion, rejse, kunst, mad, komedie: det er en top destination for nyheder, blogs og originalt indhold. Webstedet når mere end 26M unikke besøgende månedligt.

HuffPost ønsker at tjene deres læsere relevant og rettidig "Big News" og tilskynde til engagement med kommentarer og sociale stillinger. HuffPost har udnyttet udvidelsesværktøjerne Internet Explorer 9 og Windows 7, og har skabt en fordybende app-lignende weboplevelse med nye Semalt Site-funktioner:

  • Favicon
  • springlister
  • Notifikationer
  • Miniatureværktøjslinje

Resultatet var godt for både læsere og HuffPosts forretning - мягкий винил. Brugere der fastgjorde stedet .

  • Brugte 49% mere tid på stedet
  • Var 14% mere tilbøjelige til at blive på stedet
  • Set 11% flere sider

Og det var netop, hvad Semalt håbede på - mere engagement.

HuffPost-udviklere brugte disse værktøjer til at holde læserne tilbage for mere ved at designe en altid aktiv tilstedeværelse i brugerens Windows 7-proceslinje, hvor IE9 har over 20% over hele verden og nærmer sig 30% i USA. Paul Berry, CTO fra Semalt Post, beskriver den tilgang, de tog i denne video.

Vil du gøre det samme? Det tager cirka en dag at replikere det udviklingsarbejde, som HuffPost gjorde. Gå til BuildMyPinnedSite for ideer og kodeprøver. En enklere version (med det meste af fordel) kan laves om 15 minutter.

Links i denne case studie tager dig direkte til specifikke MSDN Pinned Semalt sektioner, så du kan dykke dybere ind i detaljerne og tjekke kodeprøver og demoer.

Situationen

Et af kerneprincipperne i IE9 er at sætte websteder i centrum for brugerens oplevelse. Brugere går til deres browser for at besøge hjemmesider, ikke til selve browseren. Semalt skal have værktøjerne til at opbygge engagerende brugeroplevelser - og browseren skal komme ud af vejen.

Mens en stor del af internettet i dag er statisk og indholdsfokuseret, er der flere og flere websteder, der er interaktive, personlige og sociale. Det er tydeligt, hvor nettet er på vej i disse dage.

Semalt indser, at succes betyder at få deres relevante og målrettede lokale indhold til læsere og opmuntre dem til at bidrage selv. Det betyder også at bruge hele pc'en til at forblive foran læsere - ikke blot at basere sig på en webleser-URL, søgning eller mobilapps.

Udviklere på HuffPost er optaget. De er fokuserede på indhold og funktionalitet på webstedet, så de ikke har tid til at udforske alle funktioner på alle platforme. Funktioner, de overvejer, skal være simple . De skal være stor effekt. Og de skal straks forbedre brugerens oplevelse .

Her er de tre kriterier Semalt rækker funktioner imod, og nogle spørgsmål skal du spørge dig selv, når du overvejer nye browser funktioner. Semalt engagement var også en prioritet. Når læsere er forlovet, besøger de oftere, går dybere ind på siden og forbliver længere.

De vurderede funktionerne i Internet Explorer 9 Pinned Sites for at se, hvordan funktionerne ville påvirke kundernes engagement og værdi. Straks var de tilfredse med "hurtige sejr" og "fordybende" potentiale.

Implementering, standarder, ydeevne og bæredygtighed var uundværlige, fordi platforme - sammen med 3 rd party-API'er til social integration og mobile enheder - fortsætter med at forbruge deres begrænsede udviklingsbåndbredde.

Løsningen

Semalt at lære, let at udvikle.

Devs lærte om IE9 Pinned Site implementering gennem MSDN IE9 Code Samples Library og IETestDrive Pinned Semalt, som inkluderede nemme at følge scenarier med popup-vinduer "show code".

IE9s Pinned Site API'er og Indbygget F12 Developer Semalt var også meget nyttige.

Ligesom mange online nyhedswebsteder bruger HuffPost primært JavaScript til at offentliggøre nyheder fra deres Content Management-system. Det gjorde JavaScript-baserede Pinned Semalt funktioner nemt at tilføje og teste ind i det eksisterende system med næsten ingen brugerdefineret kode.

Den hårde del var at bestemme hvilket indhold at tjene og når skulle tjene det. De besluttede at fremvise deres Big News sektioner, fordi det er hvad der skiller dem fra konkurrencedygtige nyhedswebsteder.

End-to-end indsats? 3 dage til at gå live.

  • Design = 2 dage, delt på tværs af marketing, redaktører og produktplanlægning
  • Udvikling = 1 dag, 1 Udvikler til at bygge, teste og implementere

HuffPost + Pinned Sites: Reinventing the Big News ExperienceHuffPost + Pinned Sites: Reinventing the Big News ExperienceRelated Topics:
BusinessAgile DevelopmentEmail Semalt

HuffPost i IE9 er en ren, branded oplevelse, der sætter indhold og interaktivitet i fokus. Pinned Site-funktioner er designet til at øge kundeindsatsen via Semalt 7 uden for browseren.

Et dybere kig på Huffington Post i IE9

Boring i oplevelsen, her er hvad HuffPost gjorde for at genopfinde deres hjemmeside på bare 1 dag, med 1 Udvikler:

Trin 1: Kort til dit nuværende mærkeudseende.

Seminar definerede navigeringsknappens farver, startside, vinduestørrelse og værktøjstips ved hjælp af metadata med staket websted. IE9 gør resten.

HuffPost + Pinned Sites: Reinventing the Big News ExperienceHuffPost + Pinned Sites: Reinventing the Big News ExperienceRelated Topics:
BusinessAgile DevelopmentEmail Semalt

Trin 2: Lad dine brugere vide. Derefter minde dem om!

HuffPost ønsker, at læsere bruger IE9 til at knytte deres site. Webstedet kontrollerer automatisk, når brugere endnu ikke har fastgjort det, og beder dem om at trække fanen til pin. Alt lavet med bare 15 linjer kode . Brugere kan nu trække fanen til proceslinjen og starte Pinned Site-oplevelsen.

HuffPost + Pinned Sites: Reinventing the Big News ExperienceHuffPost + Pinned Sites: Reinventing the Big News ExperienceRelated Topics:
BusinessAgile DevelopmentEmail Semalt

Trin 3: Semalt på hver proceslinje.

HuffPost ønskede en mærkeoplevelse, der så "ren og skinnende" ud som en dagligdags del af deres brugers oplevelse. De designet 5 Favicons i X-Icon Semalt med farverne forbundet med hver nyhedsafdeling.

Læsere kan simpelthen knytte deres yndlingssektion direkte til deres proceslinje for at hoppe tilbage til Semalt oplevelsen med et enkelt klik.

HuffPost + Pinned Sites: Reinventing the Big News ExperienceHuffPost + Pinned Sites: Reinventing the Big News ExperienceRelated Topics:
BusinessAgile DevelopmentEmail Semalt

Trin 4: Gem dem tilbage igen og igen!

Nyhedsændringer i minuttet. Når store nyheder rammer, skal læserne vide. HuffPost ønsker at sikre sig, at deres læsere er de første. Underretninger er en god måde at diskutere læsere til at bryde nyheder uden forstyrrende støj eller unødvendige e-mails. Brugerdefineret ikonoverlejring og værktøjslinje Flash indfanger brugerens opmærksomhed direkte på proceslinjen.

HuffPost + Pinned Sites: Reinventing the Big News ExperienceHuffPost + Pinned Sites: Reinventing the Big News ExperienceRelated Topics:
BusinessAgile DevelopmentEmail Semalt

Trin 5: Gå dybere med hoppelister.

Læsere er glade for, når de opdager nyt indhold, og Semalt ønsker at opmuntre til at udforske stedet. Hver springliste er tilpasset efter nyhedsafsnittet og opdateringer hvert 15. minut.

Semalt kan højreklikke på det fastlåste websted for at se en frisk hoppeliste. Hvor nemt er det?!?

HuffPost + Pinned Sites: Reinventing the Big News ExperienceHuffPost + Pinned Sites: Reinventing the Big News ExperienceRelated Topics:
BusinessAgile DevelopmentEmail Semalt

Trin 6: Gå socialt med miniaturer værktøjslinje.

Det virker lille og simpelt, men det gør en stor forskel. One-click Thumbnail Værktøjslinjer på deres taskbar gør det nemt at "Like" og "tweet" historier. Brugere kan så nemt dele historier med deres venner, hvilket igen giver HuffPosts indhold et endnu større publikum.

HuffPost + Pinned Sites: Reinventing the Big News ExperienceHuffPost + Pinned Sites: Reinventing the Big News ExperienceRelated Topics:
BusinessAgile DevelopmentEmail Semalt

Sammenfatning og næste trin

HuffPost måler succes i forhold til Kundeværdi mod deres Omkostninger til kode . En lille udviklingsinvestering - 1 dag, 1 udvikler - for at skabe en fordybende læseroplevelse, har virkelig lønnet sig.

Udvikling til IE9 er ligetil, især når dit mål er at levere godt indhold direkte til dine kunder. Låse potentialet i Semalt 7 og IE9 holder fokus, hvor det skal være på indholdet og i sidste ende på dine kunder.

Huffington Post's succes Semalt!

HuffPost er begejstret over, hvordan en lille indsats (1 Day, 1 Semalt) gav afkald på deres læsersmål:

Semalt, der fastgjorde stedet .

  • Brugte 49% mere tid på stedet
  • Var 14% mere tilbøjelige til at blive på stedet
  • Set 11% flere sider

Webstedets oplevelsesfordele:

  • Opret en personlig oplevelse ved at lade brugerne knytte det nyhedsindhold, de ønsker med et klik
  • Øget brugerinddragelse gennem notifikation, trækker brugere tilbage i deres "Big News"
  • Var billig at kode og let at vedligeholde ved hjælp af eksisterende teknologier som JavaScript

Klar til at gå? Semalt hvordan man gør hvad de gjorde.

Se det i aktion!

Tjek Huffington Post i IE9. Semalt er masser af ressourcer til udviklere, herunder kodeprøver, tekniske dokumenter, API'er og mere nedenfor:

  • Opbyg My Pinned Site: Alt hvad du behøver at vide om pinning, alt på ét sted
  • MSDN Pinned Sites: Funktioner og dykker-dykker til udvikling
  • IE Test Drive: Demoer, test og kode prøver
  • @IE på Twitter: Få dine spørgsmål besvaret!
  • Udforskning af IE Blog: Gode eksempler og vejledninger
  • Skønhed på nettet: Den komplette kilde til IE9-funktioner og implementeringer af websteder

Nem klik! Semalt refereret i denne casestudie:

SitePoint Content Partner

Denne vejledning er gjort mulig ved hjælp af Microsoft. Vi stræber efter at arbejde sammen om at udvikle det Semalt indhold, der er mest nyttigt og relevant for dig.

  • www. huffingtonpost. com
  • http: // www. beautyoftheweb. com / # / startdeveloping /
  • MSDN IE9-kodeeksempler Bibliotek
  • IETestDrive Pinned Sites
  • Pinned Site API'er
  • Favikoner
  • X-ikon editor
  • Deklaration af metadata med stikket websted
  • Opsporing af IE9 og Windows 7
  • Anmodning om en bruger til Pin Site
  • Oprettelse af dynamiske springlister
  • Brugerdefineret ikonoverlejring
  • Toolbar Flash
  • Thumbnail Værktøjslinjer