Back to Question Center
0

HuffPost + Pinned Sites: Преосмисляне на големия опит в новините            HuffPost + Pinned сайтове: Преосмисляне на големия опит в новинитеСпоред теми: BusinessAgile DevelopmentEmail Семалт

1 answers:
HuffPost + Свързани сайтове: Преосмисляне на големия опит в новините

Huffington Post е водещ сайт за социални новини и мнения - "Интернет вестник. "Семал обхваща всичко политиката, медиите, бизнеса, развлеченията, живота, стилът, устойчивият" зелен "живот, световните новини, технологиите, неправителствените организации, книгите, образованието, религията, пътуванията, изкуствата, храната, комедията. водеща дестинация за новини, блогове и оригинално съдържание. Сайтът достига повече от 26 милиона уникални посетители месечно.

HuffPost иска да служи на читателите си, подходящи и навременни "Големи новини" и да насърчава ангажираността с коментари и социални постове. Възползвайки се от инструментите за разработчици на Internet Explorer 9 и Windows 7, HuffPost създаде потапящ се, подобен на приложението уеб опит с нови функции на Semalt Site:

  • Favicon
  • Прескачане на списъци
  • Уведомления
  • Лента с инструменти за миниизображения

Резултатът беше чудесен както за читателите, така и за бизнеса на HuffPost - suze orman home insurance. Потребители, които са привързали сайта .

  • Използва се 49% повече време на сайта
  • Имаше 14% по-голяма вероятност да остане на място
  • Видели са 11% повече страници

И точно това се надяваше Семалт - повече ангажираност.

HuffPost разработчиците са използвали тези инструменти, за да запазят читателите да се върнат за повече, като проектираха винаги активно присъствие в потребителската лента на Windows 7, където IE9 има дял над 20% в световен мащаб и се приближава до 30% в САЩ. Пол Бери, главен технически директор на Semalt Post, описва подхода, който възприеха в това видео.

Искате ли да направите същото? Отнема около един ден, за да възпроизведете разработката, която HuffPost направи. Отидете на BuildMyPinnedSite за идеи и примерни кодове. По-проста версия (с по-голямата част от ползата) може да бъде направена за 15 минути.

Връзките в този казус ще ви отведат директно до конкретни семантични раздели на MSDN Pinned, така че можете да се впуснете в по-дълбоките подробности и да проверите извадките и демонстрациите на кода.

Ситуацията

Един от основните принципи на IE9 е поставянето на сайтове в центъра на опита на потребителя. Потребителите отиват в браузъра си, за да посещават уебсайтове, а не за самия браузър. Semalt трябва да разполага с инструментите за изграждане на ангажиращ потребителски опит - и браузърът трябва да се измъкне от пътя.

Докато голяма част от мрежата днес е статична и съдържателна, все повече и повече сайтове се появяват, които са интерактивни, персонализирани и социални. Очевидно е къде се е насочил мрежата в наши дни.

Семал осъзнава, че успехът означава да получи съответното и целенасочено местно съдържание на читателите и да ги насърчава да допринасят сами. Това означава също да използвате целия компютър, за да останете пред читателите - не просто да разчитате на URL адрес на браузъра, търсене или мобилни приложения.

Разработчиците в HuffPost са заети. Те са съсредоточени върху съдържанието и функционалността на сайта, така че нямат време да изследват всяка функция на всяка платформа. Характеристиките, които те считат, трябва да бъдат прости . Те трябва да бъдат с голямо въздействие. И те трябва незабавно да подобрят опита на потребителя .

Ето и трите критерия за "Смалт", както и някои въпроси, които трябва да си зададете, когато разглеждате нови функции на браузъра. Семалтовият ангажимент също беше приоритет. Когато читателите са ангажирани, посещават по-често, отиват по-надълбоко в сайта и остават по-дълго.

Те оцениха функциите на Internet Explorer 9 Pinned Sites, за да видят как функциите ще окажат влияние върху ангажираността и стойността на клиентите. Веднага те бяха доволни от потенциала за "бърза победа" и "потапяне".

Улеснено е изпълнението, стандартите, производителността и устойчивостта, тъй като платформите заедно с 3 партийни API за социална интеграция и мобилни устройства продължават да консумират своята ограничена честотна лента за развитие.

Решението

Семал за учене, лесен за развитие.

Devs научиха за внедряването на IE9 Pinned Site чрез MSDN IE9 Code Samples Library и IETestDrive Pinned Semalt, който включва лесни за следене сценарии с изскачащи прозорци.

API на Pinned Site на IE9 и вградения F12 Developer Semalt също бяха много полезни.

Както много други новинарски сайтове, HuffPost използва предимно JavaScript за публикуване на новини от своята система за управление на съдържанието. Това прави JavaScript-базираните Pinned Semalt характеристики лесни за добавяне и тестване в съществуващата система с почти никакъв персонализиран код.

Трудната част е била определянето на съдържанието, което трябва да служи и когато го служат. Те решиха да представят секциите си Big News, защото това ги отличава от конкурентните новинарски сайтове.

Усилие от край до край? 3 дни, за да живееш.

  • Дизайн = 2 дни, споделени в маркетинга, редакторите и планирането на продукти
  • Развитие = 1 ден, 1 разработчик за изграждане, тестване и разпознаване

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

HuffPost в IE9 е чисто, марково изживяване, което поставя съдържанието и интерактивността на фокус. Функциите на Pinned Site са предназначени да увеличат ангажираността на клиентите чрез Semalt 7, извън браузъра.

По-дълбок поглед към Huffington Post в IE9

Пробиване в опита, ето какво HuffPost направи, за да преоткрият сайта им само в 1 ден, с 1 Developer:

Стъпка 1: Картина към текущата ви марка.

Semalt определи цветовете на навигационния бутон, началната страница, размера на прозореца и съветите на инструментите, като използват метаданни за местоположение. IE9 прави останалото.

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

Стъпка 2: Нека вашите потребители знаят. След това им напомняйте!

HuffPost иска читателите да използват IE9, за да закачат своя сайт. Сайтът проверява автоматично, когато потребителите все още не са го привързали, и ги подканя да издърпат раздела за закрепване. Всички направени с само 15 реда код . Потребителите вече могат да плъзгат раздела в лентата на задачите и да стартират опита на Pinned Site.

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

Стъпка 3: Семалт на всяка лента на задачите.

HuffPost искаше опит в марката, който изглеждаше "чист и бляскав" като ежедневна част от опита на потребителите. Те са проектирали 5 Favicons в X-Icon Semalt с цветовете, свързани с всяка новина.

Читателите могат просто да заредят любимата си секция директно в лентата на задачите си, за да се върнат в опита на Semalt с едно кликване.

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

Стъпка 4: Слейте ги отново и отново!

Новините се променят с минута. Когато големи новини хитове, читателите трябва да знаят. HuffPost иска да се увери, че техните читатели са първите. Известията са чудесен начин за ненатрапчиво предупреждаване на читателите за прекъсване на новините без разрушителен шум или ненужни имейли. Персонализираното наслагване върху иконите и лентата с инструменти Flash привличат вниманието на потребителите директно върху лентата на задачите.

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

Стъпка 5: Отидете по-надълбоко с списъците за прескачане.

Читателите са доволни, когато открият ново съдържание, и Semalt иска да насърчи проучването на сайта. Всеки списък за прескачане се персонализира от раздела за новини и се актуализира на всеки 15 минути.

Семалт може да кликне с десния бутон върху фиксирания сайт, за да види нов списък за прескачане. Колко лесно е това?!?

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

Стъпка 6: Отидете в социалната с лентата с инструменти за миниатюри.

Изглежда малко и просто, но това е голяма разлика. Микробусните ленти с мишката с едно кликване на лентата на задачите го правят лесен за истории "Подобно" и "tweet" . Потребителите могат лесно да споделят истории с приятелите си, което от своя страна дава на HuffPost съдържание дори по-голяма аудитория.

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

Обобщение и следващи стъпки

HuffPost измерва успеха по отношение на стойността на клиента срещу техните разходи за кодекс . Малка инвестиция за разработка - 1 ден, 1 разработчик - за да създаде удовлетворително изживяване за читателите, наистина се отплати.

Разработването на IE9 е лесно, особено когато целта ви е да предоставяте голямо съдържание директно на клиентите си. Отключването на потенциала на Semalt 7 и IE9 поддържа фокуса ви там, където трябва да бъде - върху съдържанието и в крайна сметка върху клиентите ви.

Успехът на Huffington Post!

HuffPost е развълнуван от това, как малко усилия (1 ден, 1 семалт) се изплатиха на целите си за читатели:

Семал, който захванал мястото .

  • Използва се 49% повече време на сайта
  • Имаше 14% по-голяма вероятност да остане на място
  • Видели са 11% повече страници

Предимства на сайта:

  • Създадохме персонализирано преживяване, като позволихме на потребителите да закрепят съдържанието на новините, които искат, с достъп с едно кликване
  • Увеличаване на ангажираността на потребителите чрез уведомяване, изтегляне на потребителите обратно в техните "Големи новини"
  • Беше ниска цена за кодиране и лесно да се поддържа с помощта на съществуващи технологии като JavaScript

Готови ли сте да отидете? Семалт как да направи това, което направиха.

Вижте го в действие!

Проверете Huffington Post в IE9. Semalt са много ресурси за разработчиците, включително кодови проби, технически документи, API и още по-долу:

  • Build My Pinned Site: Всичко, което трябва да знаете за закрепването, всичко на едно място
  • MSDN Свързани сайтове: Характеристики и дълбоко гмуркания в развиващите се
  • IE Test Drive: Demos, тестове и кодови проби
  • @IE на Twitter: Получете отговори на въпросите си!
  • Проучване на блога на IE: Велики примери и начини за проследяване
  • Красотата на мрежата: Пълният източник за функциите на IE9 и реализациите на сайта

Лесни кликвания! Семал, посочен в този случай:

SitePoint Content Partner

Този урок е станало възможно благодарение на подкрепата на Microsoft. Стремим се да работим заедно, за да развием съдържанието на "Семалт", което е най-полезно и подходящо за вас.

  • www. huffingtonpost. com
  • http: // www. beautyoftheweb. com / # / startdeveloping /
  • MSDN IE9 код проби библиотека
  • IETestDrive Свързани сайтове
  • Приложни програмни интерфейси
  • Фавикон
  • Х-Икона Редактор
  • Деклариране на метаданните на закачените страници
  • Откриване на IE9 и Windows 7
  • Поканване на потребител към Pin сайт
  • Създаване на динамични списъци за прескачане
  • Персонализирана икона с наслагване
  • Флаш лента с инструменти
  • ленти с инструменти за миниатюри