Best Practices fyrir Hönnun félags Fréttir Website
Hvernig færðu daglegu fréttir þínar þessa dagana? Jæja ... þú gætir verið að heimsækja uppáhaldssvæðin þín og bloggin þín, en það er óhagkvæmt þar sem þessi blogg mega ekki hafa neinar uppfærslur. Kannski þú gerist áskrifandi að þeim með því að nota RSS , sem gefur öllum nýjum greinum beint til þín, en í þessu tilfelli verður þú að raða í gegnum öll ný efni til að finna það sem er áhugavert fyrir þig. Annar kostur í dag væri að heimsækja félagsfréttasíðu .
Félagsleg fréttir eru hleðslutæki, sem þýðir að aðalhlutverk þeirra er að safna og deila áhugaverðum tenglum. Þetta getur verið gert með notendaskilaboðum, eða það getur verið gert sjálfkrafa af kerfinu. Samansafnið er aðeins hluti af því þó að þessir síður flokkar einnig tenglana. Aftur getur þetta verið gert með því að nota atkvæðagreiðslu eða einhverja vélrænni reiknirit (þótt í þessu tilfelli getum við raunverulega kallað það "félagsleg" fréttasvæði?). Niðurstaðan er hins vegar sú sama: Áhugasamir tenglar rísa upp á toppinn . Þessi sérstakur eiginleiki gerir félagsleg fréttir á netinu frábært val til RSS.
Í þessari grein mun ég kynna nokkrar af núverandi efstu félagsfréttasíðum, bera kennsl á þróun og mynstur í hönnun sinni og benda á nokkrar góðar starfsvenjur til að fylgja við hönnun slíkra vefsvæða. Skulum byrja á því að skoða fjórar vinsælar félagslegar fréttir og sjá hvernig hönnun þeirra samanstendur.
Digg
Digg er vinsælasta félagsfréttasvæðið og lögun nothæf hönnun sem er oft aðlagað af mörgum keppinautum. Digg notar tvo dálka skipulag : lista yfir sögur til vinstri og auka efni til hægri, svo sem efstu 10 sögur kassann. Efst á skjánum sýnir Digg lista yfir söguflokka, og rétt undir þeim er flokkunarstýringin. Svo notandi getur valið flokk, segðu ... "Tækni" og veldu síðan "Komandi" til að sjá allar nýjustu færslur.
Skrúfur
Propeller er gott dæmi um síðuna sem fylgir Digg skipulaginu frekar náið. Það er tvo dálka skipulag með lista yfir sögur til vinstri og efri efnis til hægri , svo sem nýjustu kvak um Propeller eða lista yfir flestar athugasemdir sem sögðu.
Ólíkt Digg, notar Propeller lárétta línuskilja milli hvers sögunnar, sem og zebra röndóttur bakgrunnur til að auðvelda listann að skanna. Þetta gæti hjálpað, þó að ég þurfi að hafa í huga að zebra rönd er venjulega notuð til að auðvelda lestur á mörgum dálkborðum, sérstaklega þeim sem eru með margar dálkar. Þetta er vegna þess að þú vilt lesa gögn í dálki sem er langt í burtu frá upprunalegu merkinu til vinstri og með því að nota zebra röndina sem leiðarvísir hjálpar þér að færa augað yfir án þess að missa utan um rásina . Í samhengi við Propeller, sem hefur í eðli sínu aðeins eina gagnasúluna, er áhrifin af zebra-rifjunum vafasöm.
Reddit er dæmi um annan hönnun en Digg. Reddit hefur mikla áherslu á efni, einkum fyrirsagnirnar. Áherslan er svo sterk að allt frá fyrirsögnunum sé lágmarkað og flutt í burtu til að láta sögurnar taka sæti. Þessi lægstur hönnun gerir ráð fyrir mjög hratt upplýsingum neyslu sem gestir geta fljótt skanna mikið af fyrirsögnum til að finna sögu áhugavert fyrir þá. Vegna þess að Reddit hefur engar lýsingar reitir tekur hver saga minna pláss, svo hægt er að sjá fleiri sögur á skjánum .
Reddit hefur einnig einstakt þáttur efst á forsíðu: slembinn komandi saga. Eins og á öðrum félagslegum fréttasíðum eru nýjustu Reddit sögur haldnir í "komandi" kafla. Vegna þess að þessi hluti fær minni umferð en forsíðu, geta sumir áhugaverðar sögur misst. Til að ráða bót á þessu, sýnir Reddit handahófskenndar sögur á forsíðunni til að gefa þeim stutta augnablik af útsetningu sem gæti hugsanlega hjálpað til við að knýja þá upp á toppinn.
Newsvine
Newsvine tekur aðra nálgun í hönnun sinni. Ólíkt öðrum félagslegum fréttasíðum sem líta út eins og lista yfir fyrirsagnir, notar Newsvine blaðið / dagblaðið . Sögur fylgja stóru mynd og lýsingu og í sumum tilvikum er efni sögunnar einnig að finna á upplýsingum hennar / athugasemdum.
Einn áhugaverður þáttur Newsvine er áhrif hitamyndarinnar:
Myndin sýnir tvær rönd: mest kusuðu sögur og mest rætt sögur. Hver sýnir safn af blokkum, öllum mismunandi litum og stærðum. Stærri blokkir meina að það eru annað hvort fleiri athugasemdir við þá eða fleiri atkvæði, allt eftir því hvaða töflu þau eru í. Liturinn gefur til kynna aldur sögunnar - grænn er ferskur og rauður er gamall. Þessi visualization gerir ráð fyrir einstaka leið til að skoða efni á Newsvine .
Nú skulum skoða nokkrar af sameiginlegu viðmótsþættinum sem er að finna á félagslegum fréttasíðum:
Atkvæðagreiðslur
Allar félagslegar fréttir hafa einhvern hátt að greiða atkvæði um greinar, að undanskildum vefsvæðum sem nota sjálfvirkan flokkunaralgoritma til að vinna úr röðum. Þetta gerir atkvæðagreiðsluna mjög mikilvæg. Þú vilt að það sé nóg til að tryggja að fólk missir ekki af því en á sama tíma þarftu að láta það hverfa vel í hönnun viðmótsins til að tryggja að það sé ekki truflandi þegar skanna lista yfir fyrirsagnir .
Hér eru nokkur dæmi um atkvæðagreiðslur á vinsælum fréttasíðum:
Hver kassi samanstendur af allt að fjórum þáttum: Staða framlags, summa atkvæða, tengil til að kjósa söguna og tengil til að kjósa söguna niður . Flestir staðir sýna ekki stöðu og sýna bara summan af stigum - það er bæði jákvætt og neikvætt atkvæði bætt við. Talandi um atkvæði, flestar félagsleg fréttir hafa leið til að kjósa sögu niður og upp, þótt sumir kjósa að aðeins hafa einn upp hnappinn. Í tilvikum þar sem aðeins upp takkinn er sýndur er saga venjulega veitt annars staðar til að tengjast "gröf" (eða niðurstaðan).
Story upplýsingar
Hver saga hefur meira en bara fyrirsögn að fara með það. Sögur sýna yfirleitt dagsetningu þeirra, notandinn sem skrifaði þær, stutta lýsingu, tengil á athugasvæðið og jafnvel mynd.
Hér eru nokkur dæmi um upplýsingar um vinsæla fréttasíður:
Atkvæðagreiðslan er oft staðsett til vinstri. Þetta gerir það kleift að vera í samkvæmum stað fyrir hverja sögu. Athugasemdir tengilinn, auk annarra aukahluta eins og "deila þessari sögu" er sett undir lýsingu (ef það er til staðar) eða fyrirsögn. Með því að gera smáatriði texta um fyrirsögnin gráa, hverfa upplýsingarnar og gefa áherslu á fyrirsögnina og gera þannig skönnun á listanum af sögum miklu auðveldara þar sem augun okkar geta hratt hratt frá einum til annars.
Flestar félagslegar fréttir sýna tíma sem ættingja - td 10 klukkustundum síðan. Þetta er skynsamlegt vegna þess að fólk vill sjá hversu ferskt sagan er og hefur ekki sérstaklega áhuga á nákvæma dagsetningu og tíma þegar hún var birt.
Þú munt einnig taka eftir því að sumar síður sýna lénið þar sem uppsláttarlínan leiðir til við hliðarfyrirsögnina, venjulega eftir það í sviga. Þetta er gagnlegt vegna þess að það gerir gestum kleift að dæma hvaða efni þeir ættu að búast við . Til dæmis, ef þeir sjá 'youtube.com' sem uppruna, munu þeir vita að það er myndskeið. Áberandi heimildir eins og 'nytimes.com' geta einnig verið vísbending um gæði og lengd sögunnar. Þó að notandinn geti séð uppsprettuna meðan sveifla yfir tengil, þá sýnir það það hvenær sem er, þegar skyndilega er leitað á fyrirsögnum.
Pagination
Fréttasíður hafa þúsundir, eða í sumum tilfellum milljónum, notenda skilaðra tengla. Að sýna alla þessa tengla í einu er auðvitað ómögulegt; þú verður að sýna lítið sett í einu til að leyfa notendum að melta það . Tenglar eru venjulega skipt í síður með pagination . Pagination er aðferðin við að skipta efni inn á nokkrar síður og gefa upp sett af tenglum sem þú sérð venjulega neðst eða efst á síðu sem gerir þér kleift að fara á næstu eða fyrri síðu eða velja símanúmer sem þú vilt handvirkt.
Hér eru nokkur dæmi um pagination vinsæll fréttasíður:
Það eru auðvitað valkostir við pagination. Reddit sýnir aðeins næstu og fyrri síðu tengla:
Þessi aðferð auðveldar siglingar einfaldlega með því að þú þarft ekki að hugsa um hvaða síðu þú vilt eða þarft að finna "næsta" tengilinn. Það eru aðeins tveir tenglar, svo mest af þeim tíma sem þú myndir bara vilja næstu síðu. Having this, það gerir það svolítið ruglingslegt stundum þar sem erfitt er að segja hvaða síðu þú ert á.
Slashdot hleður meira sögur á eftirspurn. Smelltu bara á "Meira" hnappinn og fleiri sögur eru hlaðnar hér að neðan með AJAX:
Hleðsla hluti með AJAX þýðir að það er ekki "fyrstu síðu" þó bara sögur efst og sögur neðst.
Hvort pagination þú velur, það eru nokkur atriði sem þú ættir að hafa í huga til að tryggja að þú gerir þetta viðmótsþáttur nothæft. Smellissvæðin ættu að vera stór - ekki bara að gefa upp lista yfir tengla, en bæta við CSS padding eiginleiki við hverja tengil til að auðvelda því að smella á. Þekkja núverandi síðu greinilega með sérsniðnum stílum - notendur þínir þurfa að vita hvar þeir eru núna. Að lokum, veita "fyrri" og "næsta" tengla . Flest af þeim tíma sem gestir þínir vilja vilja fletta í sögur á næstu síðu, svo með því að gera þessa tengla ertu að taka í burtu hugsanir sem taka þátt í að finna næstu síðu.
Athugasemdir
Endanleg atriði sem ég mun skoða er athugasemdir. Athugasemdir eru mikilvægur þáttur í félagslegum fréttasíðum vegna þess að þeir leyfa umræðum að koma fram um hverja sögu. Vefsíðan sem sögusambandið bendir á kann að hafa ekki athugasemdir virkni, þannig að athugasemdir hlutar félagslegra fréttasíður þjónar sem umræðuhópur .
Hér er það sem athugasemdirnar líta út á Digg:
Athugasemdir geta verið kosnar, eins og einstakar sögur. Atkvæðagreiðslur eru staðsettir hægra megin við hverja athugasemd, eins og þumalfingur upp eða þumalfingur niður. Hæstu einkunnir athugasemdir fljóta efst á listanum , sem þýðir að meiri gæði umræða myndi alltaf vera efst, og allir einskis virði athugasemdir yrðu kosin niður.
Það er annar eiginleiki sem Digg leggur til að gera athugasemdir betur: þráður. Hver ummæli geta byrjað þráður ef þú svarar því . Þessir þræðir eru "hrynja", en þú getur opnað hana með því að nota svolítið svörin tengilinn neðst í umfjölluninni. Allar svörin eru síðan geymd undir foreldra ummæli og einnig hægt að kjósa það upp eða niður. Þetta gerir ráð fyrir áhugaverðum svörum til að hrogna eigin umræður.
Hér er það sem Reddit athugasemdir líta út:
Svipaðar aðgerðir hér: atkvæðagreiðsla og þráður. Atkvæðagreiðslan er sett til vinstri við hverja athugasemd og lítur út eins og örvar, upp og niður. Reddit gerir ráð fyrir djúpri þráður, sem þýðir að svör við athugasemd geta einnig haldið eigin settum af svarum sem tengjast þeim bara . Reyndar skapar þetta tré athugasemdir eins og margir einstakar athugasemdir henda útibúum og undirbréfum svara.
Að lokum, við skulum sjá Newsvine athugasemdir:
Newsvine fer með sömu uppbyggingu og Digg - hver athugasemd er hægt að hýsa sett af svörum, en svörin sjálfir geta ekki hýst frekari svörum. Þetta heldur sýninni hreinum en umræðurnar verða svolítið stífur , hvort sem það er gott eða ekki, fer eftir því hversu mikið frelsi þú vilt sjá í umræðum þínum.
Sjónræn framkoma er aðeins öðruvísi. Í stað þess að bæta aðeins vinstri framlegð við hverja athugasemd eru Newsvine athugasemdir vafinn í kassa. Svör eru einnig vafinn í kassa og eru settir inn í foreldrahólfið. Þetta veitir skýrar sambandsvísir. Newsvine leyfir einnig aðeins atkvæðagreiðslu á athugasemdum foreldra.
Ég held að tveir þættir, athugasemdir við atkvæðagreiðslu og ummæli þráður séu nauðsynlegir þættir sem þú þarft til að auðvelda góðar umræður um félagslegar fréttir. Atkvæðagreiðslan virkar eins og sía til að fjarlægja öll lítil gildi eða spammy athugasemdir frá toppinum, og jafnvel fjarlægja þá alveg (sumar vefsíður fela í sér athugasemdir með neikvæðum skorðum); og þráðurinn leyfir umræðunni að fara í mismunandi sviðum af áhuga. Fleiri umræður fela í sér fleiri hluti til að tala um og fleiri athugasemdir - eitthvað sem stíft eitt lag uppbygging mun ekki geta veitt.
Skrifað eingöngu fyrir WDD eftir Dmitry Fadeyev. Hann rekur blogg um nothæfi sem heitir Notendapunktur .
Notirðu nú félagslega fréttasíður til að fá daglegan skammt af fréttum og ef ekki, hvers vegna ekki? Eru hlutir sem þú myndir bæta eða aðgerðir sem þú myndir bæta við slíkum vefsvæðum?