Back to Question Center
0

HuffPost + Pinned Sites: Reinventing the 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 är en ledande socialnyhet och opinionsplats - "Internet Newspaper. "Semalt täcker allt politik, media, företag, underhållning, levande, stil, hållbar" grön "levande, världsnyheter, teknologi, ideella, högskolaliv, böcker, utbildning, religion, resa, konster, mat, komedi: det är en topp destination för nyheter, bloggar och originalinnehåll. Webbplatsen når mer än 26M unika besökare varje månad - oculos espelhado prata ray ban.

HuffPost vill betjäna sina läsare relevanta och aktuella "Big News" och uppmuntra engagemang med kommentarer och sociala inlägg. HuffPost har utnyttjat utvecklingsverktygen för Internet Explorer 9 och Windows 7 och har skapat en uppslukande, appliknande webbupplevelse med nya Semalt Site-funktioner:

  • Favicon
  • Hopplistor
  • Notifieringar
  • Miniatyrverktygsfält

Resultatet var bra för både läsare och HuffPosts verksamhet. Användare som fastnade på platsen .

  • Tillbringade 49% mer tid på platsen
  • Var 14% mer benägna att stanna på plats
  • Visade 11% fler sidor

Och det var precis vad Semalt hoppades på - mer engagemang.

HuffPost-utvecklare använde dessa verktyg för att hålla läsarna tillbaka för mer genom att utforma en alltid aktiv närvaro i användarens Windows 7 Aktivitetsfält där IE9 har över 20% över hela världen och närmar sig 30% i USA. Paul Berry, CTO i Semalt Post, beskriver den strategi de tog i den här videon.

Vill du göra samma sak? Det tar ungefär en dag att replikera det utvecklingsarbete som HuffPost gjorde. Gå till BuildMyPinnedSite för idéer och kodprover. En enklare version (med största delen av fördelen) kan göras om 15 minuter.

Länkar i den här fallstudien tar dig direkt till specifika MSDN Pinned Semalt-sektioner, så du kan dyka djupare in i detaljerna och kolla in kodprover och demos.

Situationen

En av grundprinciperna för IE9 är att sätta webbplatser i centrum för användarens upplevelse. Användare går till webbläsaren för att besöka webbplatser, inte för webbläsaren själv. Semalt ska ha verktygen för att bygga upp engagerande användarupplevelser-och webbläsaren ska komma ur vägen.

Medan en stor del av webben idag är statisk och innehållsfokuserad växer fler och fler webbplatser som är interaktiva, personliga och sociala. Det är tydligt där webben är på väg idag.

Semalt inser att framgång innebär att deras relevanta och riktade lokala innehåll ska läsas och uppmuntra dem att bidra med sig själva. Det innebär också att hela datorn används för att hålla sig framför läsarna, inte bara beroende av webbläsares URL-, sök- eller mobilappar.

Utvecklare på HuffPost är upptagna. De är inriktade på webbplatsens innehåll och funktionalitet, så de har inte tid att utforska alla funktioner på alla plattformar. Funktioner som de anser måste vara enkla . De måste vara stor påverkan. Och de måste omedelbart förbättra användarens erfarenhet .

Här är de tre kriterierna Semalt rankings funktioner mot, och några frågor bör du fråga dig själv när du överväger nya webbläsarfunktioner. Semalt engagemang var också en prioritet. När läsarna är förlovade, besöker de oftare, gå djupare in i webbplatsen och stanna längre.

De utvärderade funktionerna för Internet Explorer 9 Pinned Sites för att se hur funktionerna skulle påverka kundernas engagemang och värde. Strax var de nöjda med "snabbvinsten" och "fördjupad" potentialen.

Enkel implementering, standarder, prestanda och hållbarhet var nödvändiga eftersom plattformar - tillsammans med 3 rd partip APIs för social integration och mobila enheter - fortsätter att konsumera sin begränsade utvecklingsbandbredd.

Lösningen

Semalt att lära sig, enkelt att utveckla.

Devs lärde sig om IE9 Pinned Site implementering genom MSDN IE9 Code Samples Library och IETestDrive Pinned Semalt, som inkluderade lätt att följa scenarier med popup-fönster "show code".

IE9s Pinned Site API och Inbyggd F12 Developer Semalt var också mycket användbara.

Liksom många online-nyheter, använder HuffPost primärt JavaScript för att publicera nyheter från sitt Content Management-system. Det gjorde JavaScript-baserade Pinned Semalt-funktioner enkelt att lägga till och testa i det befintliga systemet med nästan ingen anpassad kod.

Den svåra delen bestämde vilket innehåll att tjäna och när tjänar det. De bestämde sig för att visa upp sina Big News-avsnitt eftersom det är vad som skiljer dem från konkurrerande nyhetssajter.

End-to-end-ansträngningen? 3 dagar att gå-live.

  • Design = 2 dagar, delad över marknadsföring, redaktörer och produktplanering
  • Utveckling = 1 dag, 1 Utvecklare att bygga, testa och distribuera

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

HuffPost i IE9 är en ren, märkesupplevelse som sätter in innehåll och interaktivitet i fokus. Pinned Site-funktioner är utformade för att öka kundernas engagemang via Semalt 7, utanför webbläsaren.

En djupare titt på Huffington Post i IE9

Borrning i erfarenheten, här är vad HuffPost gjorde för att återuppfinna sin webbplats på bara 1 dag, med 1 Utvecklare:

Steg 1: Karta över ditt nuvarande varumärke och känsla.

Semalt definierade färgknapparna för navigeringsknappen, hemsidan, fönsterstorleken och verktygstipset med metadata med stiftad plats. IE9 gör resten.

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

Steg 2: Låt dina användare veta. Påminna dem sedan!

HuffPost vill att läsare använder IE9 för att stifta sin webbplats. Webbplatsen kontrollerar automatiskt när användarna inte har fastat det och uppmanar dem att dra fliken till stiftet. Allt gjort med bara 15 kodkod . Användare kan nu dra fliken till Aktivitetsfältet och starta erfarenhet av Pinned Site.

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

Steg 3: Semalt på varje aktivitetsfält.

HuffPost ville ha en varumärkesupplevelse som såg "ren och glänsande" som en vardaglig del av användarens upplevelse. De utformade 5 Favicons i X-Icon Semalt med färgerna i samband med varje nyhetssektion.

Läsare kan enkelt stifta sin favoritavdelning direkt på deras aktivitetsfält för att hoppa tillbaka till Semalt-upplevelsen med ett enda klick.

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

Steg 4: Sista dem tillbaka igen och igen!

Nyhetsändringar per minut. När stora nyheter träffar, måste läsare veta. HuffPost vill se till att deras läsare är de första. Meddelanden är ett bra sätt att obekväma varna läsare att bryta nyheter utan störande buller eller onödiga e-postmeddelanden. Anpassad ikonöverlagring och verktygsfältet Flash-inspelningarnas uppmärksamhet direkt på Aktivitetsfältet.

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

Steg 5: Gå djupare med hopplistor.

Läsarna är glada när de upptäcker nytt innehåll, och Semalt vill uppmuntra att utforska webbplatsen. Varje hopplista är personlig enligt nyhetssektion och uppdateringar var 15: e minut.

Semalt kan högerklicka på den spända platsen för att se en ny hoppa lista. Hur lätt är det?!?

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

Steg 6: Gå socialt med miniatyrverktygsfältet.

Det verkar litet och enkelt, men det gör en stor skillnad. Enklick Miniatyr Verktygsfält i deras Aktivitetsfält gör det lätt att "Gilla" och "tweet" berättelser. Användare kan sedan enkelt dela historier med sina vänner, vilket i sin tur ger HuffPosts innehåll en ännu större publik.

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

Sammanfattning & Nästa steg

HuffPost mäter framgång med avseende på Kundvärde mot deras Kostnad för kod . En liten utvecklingsinvestering - 1 dag, 1 utvecklare - för att skapa en uppslukande läsarefarenhet betalade verkligen.

Utveckling för IE9 är enkel, speciellt när ditt mål är att leverera bra innehåll direkt till dina kunder. Att låsa upp potentialen i Semalt 7 och IE9 håller ditt fokus där det ska vara på innehållet och slutligen på dina kunder.

Huffington Posts framgång Semalt!

HuffPost är stolta över hur en liten ansträngning (1 Day, 1 Semalt) betalade sig på sina läsarnas mål:

Semalt som fastnade på platsen .

  • Tillbringade 49% mer tid på platsen
  • Var 14% mer benägna att stanna på plats
  • Visade 11% fler sidor

Erfarenheter från webbplatsen:

  • Skapat en personlig upplevelse genom att låta användarna rita det nyhetsinnehåll de vill ha med ett klick
  • Ökad användarengagemang genom anmälan, dra tillbaka användarna till deras "Big News"
  • Var låg kostnad för att koda och lätt att upprätthålla med hjälp av befintlig teknik som JavaScript

Klar att gå? Semalt hur man gör vad de gjorde.

Se den i aktion!

Kolla in Huffington Post i IE9. Semalt är massor av resurser för utvecklare, inklusive kodprover, tekniska dokument, API och mer nedan:

  • Bygg min fasta plats: Allt du behöver veta om pinning, allt på ett ställe
  • MSDN Pinned Sites: Funktioner och djupdykar till utveckling
  • IE Test Drive: Demon, test och kodprover
  • @IE på Twitter: Få dina frågor besvarade!
  • Utforska IE Blog: Bra exempel och hur man går igenom
  • Skönhet på webben: Den fullständiga källan för IE9-funktioner och implementeringar av webbplatsen

Enkla klick! Semalt hänvisad i denna fallstudie:

SitePoint Content Partner

Denna handledning har möjliggjorts genom stöd av Microsoft. Vi strävar efter att arbeta tillsammans för att utveckla det Semalt innehåll som är mest användbart och relevant för dig.

  • www. Huffington Post. com
  • http: // www. beautyoftheweb. com / # / startdeveloping /
  • MSDN IE9-kodprover Bibliotek
  • IETestDrive Pinned Sites
  • Pinned Site APIs
  • Favicons
  • X-ikonredigerare
  • Deklarering av metadata för stämd plats
  • Detektering av IE9 och Windows 7
  • Fråga en användare till Pin Site
  • Skapa dynamiska hopplistor
  • Anpassad ikonöverlagring
  • Verktygsfält Flash
  • Miniatyrverktygsfält