UXI Live 2011 - User Experience and the News at BBC World Service

‫תוכן‬
‫אודות‬ ‫1‬

‫תוכן‬
‫2‬

‫עיצוב אתרי חדשות - הנחות‬

‫תוכן‬
‫2‬


‫3‬

‫אסטרטגית תוכן‬

‫תוכן‬
‫2‬


‫3‬


‫4‬

‫מחקר מקרה ‪BBC Mundo‬‬

‫תוכן‬
‫2‬


‫3‬


‫4‬

‫מחקר מקרה ‪BBC Mundo‬‬
‫אתרים עתירי תוכן - טיפים‬ ‫5‬

‫אודות המרצה וה ‪BBC World Service‬‬
‫1‬

‫94/30‬ ‫עיצוב חווית משתמש והחדשות - מאחורי הקלעים ב ‪BBC‬‬

‫עיצוב לטלפונים‬
‫ניידים‬

‫עיצוב ויזואלי‬

‫ניידים‬


‫ניידים‬

‫עיצוב‬
‫אדיטוריאלי‬

‫עיצוב‬

‫עיצוב‬
‫אינטראקטיבי‬
‫‪datavis‬‬


‫עיצוב‬
‫‪datavis‬‬
‫ניידים‬

‫עיצוב‬

‫עיצוב‬

‫עיצוב‬
‫‪datavis‬‬


‫עיצוב‬
‫‪datavis‬‬
‫ניידים‬

‫לוקליזציה‬
‫ופיתוח‬
‫עיצוב‬

‫עיצוב‬

‫עיצוב‬
‫‪datavis‬‬


‫עיצוב‬
‫‪datavis‬‬
‫ניידים‬

‫לוקליזציה‬
‫ופיתוח‬
‫עיצוב‬

‫עיצוב‬

‫הכוונה‬
‫קריאטיבית‬

‫חדשות ב72 שפות‬


‫8 סוגי סקריפט‬


‫עבודה על פלטפורמות שונות‬


‫עיצוב אתרי חדשות - הנחות מקדימות‬ ‫2‬


‫עיצוב חדשות יומיות בפרינט‬

‫עמודי שער של ‘ידיעות אחרונות’ מה 52, 62, 72 ליוני 1102‬


‫עיצוב חדשות יומיות און ליין‬


‫3‬


‫הגדרה‬
‫אסטרטגית תוכן עוסקת בתכנון של יצירה, פרסום‬
‫וניהול של תוכן שמיש ובעל משמעות.‬
‫8002 ‪By Kristina Halvorson | The Discipline of Content Strategy | A List Apart‬‬

‫מהי אסטרטגית תוכן?‬


‫מחקר מקרה עיצוב האתר ‪BBC Mundo‬‬
‫4‬


‫גלגולי האתר של ‪BBC Mundo‬‬



‫8002‬



‫8002‬ ‫0102‬


‫שלב ראשון במחזור עיצוב פרוייקט‬

‫?‬

‫מטרות העל של הארגון‬
Trust is the foundation of the BBC:
we are independent, impartial and honest.

03/50 BBC ‫עיצוב חווית משתמש והחדשות מאחורי הקלעים ב‬

Trust is the foundation of the BBC:
we are independent, impartial and honest.

‫דע את מטרות התוכן‬

03/50 BBC ‫עיצוב חווית משתמש והחדשות מאחורי הקלעים ב‬

‫:‪Trust is the foundation of the BBC‬‬
‫.‪we are independent, impartial and honest‬‬


‫מסרי החדשות ב ‪BBC‬‬
‫הצגת חדשות רציניות‬
‫הסיפור מספק את העובדות‬
‫חדשות שקולות אשר אינן נוקטות עמדה חד צדדית‬
‫חדשות עדכניות‬

‫05/30‬ ‫עיצוב חווית משתמש והחדשות מאחורי הקלעים ב ‪BBC‬‬

‫:‪Trust is the foundation of the BBC‬‬
‫.‪we are independent, impartial and honest‬‬


‫מסרי החדשות ב ‪BBC‬‬
‫הצגת חדשות רציניות‬
‫הסיפור מספק את העובדות‬
‫חדשות שקולות אשר אינן נוקטות עמדה חד צדדית‬
‫חדשות עדכניות‬

‫דע את המסרים המרכזיים‬

‫05/30‬ ‫עיצוב חווית משתמש והחדשות מאחורי הקלעים ב ‪BBC‬‬

‫מטרות העיצוב מחדש של האתר‬

‫05/30‬ ‫‪BBC‬‬


‫הצפת תכנים רלוונטיים‬

‫05/30‬ ‫‪BBC‬‬


‫חיזוק תכני וידאו‬

‫05/30‬ ‫‪BBC‬‬


‫דגש על עדכניות‬

‫05/30‬ ‫‪BBC‬‬


‫הצגת מסלולי ניווט קלים לרוחב האתר‬

‫05/30‬ ‫‪BBC‬‬


‫שיפור תצוגת תמונות‬

‫05/30‬ ‫‪BBC‬‬


‫שיפור הלייאוט לאפשר סריקה‬

‫05/30‬ ‫‪BBC‬‬


‫שיפור הלייאוט לאפשר סריקה‬
‫חיזוק המותג‬

‫05/30‬ ‫‪BBC‬‬

‫סדנא להיררכית תוכן‬


‫סדנא להיררכית תוכן‬

‫הבן את התוכן‬


‫ארכיטקטורת מבנה‬
LEVEL 1 NAVIGATION
Portada

Internacional América Ciencia y Economia Cultura y Indepth
Latina Tecnologia Sociedad
Story Pages Story Pages Story Pages Story Pages Story Pages

Video

Market data
Media Asset page Cluster pages
Pages

Story Pages Media Asset
Pages

Photos

Topic pages
Galleries

SECONDARY

Pages

Interactivity
IN-PAGE NAVIGATION
Forums Blogs Galleries

Topic of the
Day Navigation Hierarchy - MUNDO

LEVEL 1 LEVEL 2
NAVIGATION

Portada Home The home page Story Pages Text pages containing
Learning Video (previously sometimes graphics & links but no
English called News) is the embedded media content
Fotos landing page for the
Story Pages
IN-PAGE
Participe whole language site. It is
NAVIGATION - also an index page
ALL PAGES Aprenda Inglés
Tiempo
Media Asset
Pages
Pages containing an
embedded media asset, text
Internacional and linking modules
Index Index pages contain
América Latina mostly links to other
Weather Email News Alerts RSS
Ciencia y Tecnologia content pages and
indexes rather than
Economia
5-Day
forecast content themselves. Galleries Pages containing the photo
pages Mercados They may link to any galleries browser and linking
Cultura y Sociedad other kind of page. modules. These are
A Fondo essentially TC2 story pages.
External Index pages managed
Mobile Podcasts Partners Index outsite TC2 (i.e. Weather
index) Forums Forum pages - interactive
Publishing locations (Genres) - MUNDO rather than digests of closed
forum comments. In TC2
terms, external pages.
Internacional
América Latina
Ciencia y Tecnologia Blogs Blogs - In TC2 terms,
IN-PAGE NAVIGATION - ALL PAGES Primary These pages appear as
Economia external pages.
Navigation navigational items only.
Cultura y Sociedad Label There is no physical
A Fondo page for these elements.
The user is directed to
Video the appropriate
IN-PAGE NAVIGATION Where a navigational link
Fotos subordinate page ( )
exists without a landing page
In page navigation refers to ﬁxed Participe
the star indicates the
navigational elements that allow users to Aprenda Inglés In Page Some 'navigational'
designated destination page.
Navigation elements have been
navigate the site, but which are not part of Temas removed from the top
the header, footer or horizontal navigation Institutional navigation and placed
elements. These would normally be ﬁxed 'in-page'. These items
Services
links or modules, similar to the news tools are available across all
bar. Help
sites.

25/49 BBC ‫עיצוב חווית משתמש והחדשות - מאחורי הקלעים ב‬

‫ארכיטקטורת מבנה‬
LEVEL 1 NAVIGATION
Portada

Internacional América Ciencia y Economia Cultura y Indepth
Latina Tecnologia Sociedad
Story Pages Story Pages Story Pages Story Pages Story Pages

Video

Market data
Media Asset page Cluster pages
Pages

Pages

Photos

Topic pages
Galleries

SECONDARY

Pages

Interactivity
IN-PAGE NAVIGATION
Forums Blogs Galleries

Topic of the
Day Navigation Hierarchy - MUNDO

LEVEL 1 LEVEL 2
NAVIGATION

Portada Home The home page Story Pages Text pages containing
Learning Video (previously sometimes graphics & links but no
English called News) is the embedded media content
Fotos landing page for the
Story Pages
IN-PAGE
Participe whole language site. It is
NAVIGATION - also an index page
ALL PAGES Aprenda Inglés
Tiempo
Media Asset
Pages
Pages containing an
embedded media asset, text
Internacional and linking modules
Index Index pages contain
América Latina mostly links to other
Weather Email News Alerts RSS
Ciencia y Tecnologia content pages and
indexes rather than
Economia
5-Day
forecast content themselves. Galleries Pages containing the photo
pages Mercados They may link to any galleries browser and linking
Cultura y Sociedad other kind of page. modules. These are
A Fondo essentially TC2 story pages.
External Index pages managed
Mobile Podcasts Partners Index outsite TC2 (i.e. Weather
index) Forums Forum pages - interactive
Publishing locations (Genres) - MUNDO rather than digests of closed
forum comments. In TC2
terms, external pages.
Internacional
América Latina
Ciencia y Tecnologia Blogs Blogs - In TC2 terms,
IN-PAGE NAVIGATION - ALL PAGES Primary These pages appear as
Economia external pages.
Navigation navigational items only.
Cultura y Sociedad Label There is no physical
A Fondo page for these elements.
The user is directed to
Video the appropriate
IN-PAGE NAVIGATION Where a navigational link
Fotos subordinate page ( )
exists without a landing page
In page navigation refers to ﬁxed Participe
the star indicates the
navigational elements that allow users to Aprenda Inglés In Page Some 'navigational'
designated destination page.
Navigation elements have been
navigate the site, but which are not part of Temas removed from the top
the header, footer or horizontal navigation Institutional navigation and placed
elements. These would normally be ﬁxed 'in-page'. These items
Services
links or modules, similar to the news tools are available across all
bar. Help
sites.


‫/‪http://www.bbc.co.uk/guidelines/gel‬‬ ‫גריד אונברסלי ‪BBC GEL‬‬


‫תרגום היררכית תוכן ללייאוט‬

‫‪Fold‬‬



‫כותרות ראשיות‬

‫‪Fold‬‬




‫כותרות נוספות‬
‫בפורמט סוכנויות ידיעות‬

‫‪Fold‬‬





‫וידאו‬
‫‪Fold‬‬





‫וידאו‬
‫‪Fold‬‬

‫כתבות עומק‬





‫וידאו‬
‫‪Fold‬‬


‫איגוד כתבות לפי נושאים‬





‫וידאו‬
‫‪Fold‬‬



‫הכתבות הפופולריות‬





‫וידאו‬
‫‪Fold‬‬



‫הכתבות הפופולריות‬

‫בלוגים‬


‫תרגום היררכית תוכן לטלפון נייד‬

‫‪Fold‬‬



‫‪Fold‬‬

‫1‬



‫2‬
‫‪Fold‬‬

‫1‬



‫2‬
‫‪Fold‬‬

‫1‬

‫3‬


‫2‬
‫‪Fold‬‬

‫1‬
‫4‬

‫3‬

‫טיפול טפוגרפי‬


BREAKING NEWS TEASERS: 512x323 emp horizontal layout
‫טיפול טפוגרפי - מודיולים‬
"#$%()*+,-

!"#$%&'#

!"#$%&$'$(')*(!+,(-(
%./0.'%$'$(0"(12)30*3)(
!"#$%&'("#(&')'*+),+#(-.-$+')/)$#0&1&#02#,$")0&)3+'+4+5)1+67,$"8)
!"#$%&'("#(&')'*+),+#(-.-$+')/)$#0&1&#02#,$")0&)3+'+4+5)1+67,$")-&1-$9$:8)
!"#$%&'("#(&')'*+),+#(-.-$+')/)$#0&1&#02#,$")0&)3+'+4+5)1+67,$")-&1-$9$:)
9:6($0*+8))
(44("%.*($5)((
);<),+99&#('

=9>"$?"0")0+')=@A)B)$#,&#0$"0")&9)1-+(&'(+)#")CB-4$"))
)D:-"($+#E)FEG<
=9>"$?"0")0+')=@A)B)$#,&#0$"0")&9)1-+(&'(+)#")CB-4$"))
)D:-"($+#E)FEG<
=9>"$?"0")0+')=@A)B)$#,&#0$"0")&9)1-+(&'(+)#")CB-4$"
H&6"(&0)(+1$,'E)I+6$($,'J)K-"'$6J)=,+#+9L
"#$%#)33,-+!4'&&'(

/1#$%
#)33,-+!
4'&&'(

./0$101#$%2(#

*!"#$+,"
TOP STORY TEASERS: no-image
!"#$%&$'$(')*(!+,(
-(%./0.'%$'$(0"(
12)30*3)( !"#$%&$'$(')*(!+,(
!"#$%&'#

!"#$"%&&'()*+,"

-(%./0.'%$'$(0"(
12)30*3)(
01/#23!$4."
!"#$%&'("#(&')'*+),+#(-.-$+')/)$#0&1&#02#,$")
0&)3+'+4+5)1+67,$"8)!"#$%&'("#(&')'*+),+#(-.-$+')
/)$#0&1&#02#,$")0&)3+'+4+5)1+67,$")-&1-$9$:8)
!"#$%&'("#(&')'*+),+#(-.-$+')/)$#0&1&#02#,$")0&)
3+'+4+5)1+67,$")-&1-$9$:)9:6($0*+8))
);:-"($+#<)=<>?)
/"#$"%&&'()*-,++,. (44("%.*($5)((
!"#$%&'("#(&')'*+),+#(-.-$+')/)$#0&1&#02#,$") )@?),+99&#('
0&)3+'+4+5)1+67,$"8)!"#$%&'("#(&')'*+),+#(-.-$+')
A9B"$C"0")0+')ADE)F)$#,&#0$"0")&9)1-+(&'(+)#")
/)$#0&1&#02#,$")0&)3+'+4+5)1+67,$")-&1-$9$:8)
GF-4$"))
!"#$%&'("#(&')'*+),+#(-.-$+')/)$#0&1&#02#,$")0&)
);:-"($+#<)=<>?
3+'+4+5)1+67,$")-&1-$9$:)9:6($0*+8))
(44("%.*($5)(( A9B"$C"0")0+')ADE)F)$#,&#0$"0")&9)1-+(&'(+)#")
);<),+99&#(' GF-4$"))
);:-"($+#<)=<>?
=9>"$?"0")0+')=@A)B)$#,&#0$"0")&9)1-+(&'(+)#")
CB-4$")) A9B"$C"0")0+')ADE)F)$#,&#0$"0")&9)1-+(&'(+)#")
)D:-"($+#E)FEG< GF-4$"
=9>"$?"0")0+')=@A)B)$#,&#0$"0")&9)1-+(&'(+)#") H&6"(&0)(+1$,'<)I+6$($,'J)K-"'$6J)A,+#+9L
CB-4$")) "#$%#())*+,!-'&&'.
)D:-"($+#E)FEG<
=9>"$?"0")0+')=@A)B)$#,&#0$"0")&9)1-+(&'(+)#")
CB-4$"
H&6"(&0)(+1$,'E)I+6$($,'J)K-"'$6J)=,+#+9L
!"#$"%&&'()*-,++,.


BREAKING NEWS TEASERS: 512x323 emp horizontal layout
‫טיפול טפוגרפי - מודיולים‬
"#$%()*+,-

!"#$%&'#

!"#$%&$'$(')*(!+,(-(
%./0.'%$'$(0"(12)30*3)(
!"#$%&'("#(&')'*+),+#(-.-$+')/)$#0&1&#02#,$")0&)3+'+4+5)1+67,$"8)
!"#$%&'("#(&')'*+),+#(-.-$+')/)$#0&1&#02#,$")0&)3+'+4+5)1+67,$")-&1-$9$:8)
!"#$%&'("#(&')'*+),+#(-.-$+')/)$#0&1&#02#,$")0&)3+'+4+5)1+67,$")-&1-$9$:)
9:6($0*+8))
(44("%.*($5)((
);<),+99&#('

=9>"$?"0")0+')=@A)B)$#,&#0$"0")&9)1-+(&'(+)#")CB-4$"))
)D:-"($+#E)FEG<
=9>"$?"0")0+')=@A)B)$#,&#0$"0")&9)1-+(&'(+)#")CB-4$"))
)D:-"($+#E)FEG<
=9>"$?"0")0+')=@A)B)$#,&#0$"0")&9)1-+(&'(+)#")CB-4$"
H&6"(&0)(+1$,'E)I+6$($,'J)K-"'$6J)=,+#+9L
"#$%#)33,-+!4'&&'(

/1#$%
#)33,-+!
4'&&'(

‫דע כיצד התוכן נכתב‬
./0$101#$%2(#

*!"#$+,"
TOP STORY TEASERS: no-image
!"#$%&$'$(')*(!+,(
-(%./0.'%$'$(0"(
12)30*3)( !"#$%&$'$(')*(!+,(
!"#$%&'#

!"#$"%&&'()*+,"

-(%./0.'%$'$(0"(
12)30*3)(
01/#23!$4."
!"#$%&'("#(&')'*+),+#(-.-$+')/)$#0&1&#02#,$")
0&)3+'+4+5)1+67,$"8)!"#$%&'("#(&')'*+),+#(-.-$+')
/)$#0&1&#02#,$")0&)3+'+4+5)1+67,$")-&1-$9$:8)
!"#$%&'("#(&')'*+),+#(-.-$+')/)$#0&1&#02#,$")0&)
3+'+4+5)1+67,$")-&1-$9$:)9:6($0*+8))
);:-"($+#<)=<>?)
/"#$"%&&'()*-,++,. (44("%.*($5)((
!"#$%&'("#(&')'*+),+#(-.-$+')/)$#0&1&#02#,$") )@?),+99&#('
0&)3+'+4+5)1+67,$"8)!"#$%&'("#(&')'*+),+#(-.-$+')
A9B"$C"0")0+')ADE)F)$#,&#0$"0")&9)1-+(&'(+)#")
/)$#0&1&#02#,$")0&)3+'+4+5)1+67,$")-&1-$9$:8)
GF-4$"))
!"#$%&'("#(&')'*+),+#(-.-$+')/)$#0&1&#02#,$")0&)
);:-"($+#<)=<>?
3+'+4+5)1+67,$")-&1-$9$:)9:6($0*+8))
(44("%.*($5)(( A9B"$C"0")0+')ADE)F)$#,&#0$"0")&9)1-+(&'(+)#")
);<),+99&#(' GF-4$"))
);:-"($+#<)=<>?
=9>"$?"0")0+')=@A)B)$#,&#0$"0")&9)1-+(&'(+)#")
CB-4$")) A9B"$C"0")0+')ADE)F)$#,&#0$"0")&9)1-+(&'(+)#")
)D:-"($+#E)FEG< GF-4$"
=9>"$?"0")0+')=@A)B)$#,&#0$"0")&9)1-+(&'(+)#") H&6"(&0)(+1$,'<)I+6$($,'J)K-"'$6J)A,+#+9L
CB-4$")) "#$%#())*+,!-'&&'.
)D:-"($+#E)FEG<
=9>"$?"0")0+')=@A)B)$#,&#0$"0")&9)1-+(&'(+)#")
CB-4$"
H&6"(&0)(+1$,'E)I+6$($,'J)K-"'$6J)=,+#+9L
!"#$"%&&'()*-,++,.


‫טיפול טפוגרפי -דפי כתבה‬



‫כותרת‬



‫כותרת‬

‫תקציר‬



‫כותרת‬

‫תקציר‬
‫כתבות‬
‫נלוות‬



‫כותרת‬

‫תקציר‬
‫כתבות‬
‫נלוות‬

‫שבירת פיסקה‬



‫כותרת‬

‫דע כיצד התוכן נכתב‬
‫תקציר‬
‫כתבות‬
‫נלוות‬

‫שבירת פיסקה‬


‫מערכת ניהול תכנים פנימית‬


‫מערכת ניהול תכנים פנימית‬

‫דע כיצד התוכן מתפרסם‬


‫עיצוב ממוקד משתמש‬


‫מבדק משתמשים - מדריד 0102‬


‫חדשות - משימות צריכה מרכזיות‬

‫“‬
‫אני רוצה לקרא את‬
‫הכותרות הראשיות‬
‫“‬ ‫של היום בזמן קצר!‬

‫קרולינה!‬



‫“‬
‫אני רוצה לקרא את‬
‫הכותרות הראשיות‬
‫“‬ ‫של היום בזמן קצר!‬

‫קרולינה!‬ ‫“‬
‫אני מחפש‬
‫חדשות בנושא !‬

‫“‬
‫טכנולוגיה!‬

‫ג'רגורי!‬


‫“‬
‫חשוב לי !‬
‫שהתוכן!‬
‫עדכני. רוצה!‬
‫לדעת מתי הוא!‬

‫“‬
‫פורסם!‬

‫אנה לוסיה!‬


‫“‬
‫חשוב לי !‬
‫שהתוכן!‬
‫עדכני. רוצה!‬
‫לדעת מתי הוא!‬

‫“‬
‫פורסם!‬

‫אנה לוסיה!‬ ‫“‬
‫אוהב להשוות את‬
‫החדשות!‬
‫בין מקורות שונים.‬
‫לא סומך על ספק!‬
‫“‬ ‫אחד!‬

‫אלברטו!‬



‫“‬
‫רוצה לדעת‬
‫שהחדשות שאני!‬
‫קורא באים!‬
‫“‬ ‫ממקור מהימן!‬

‫ראול!‬


‫קריאת כותרות זריזה - תמיכה‬
‫בסריקה‬



‫בסריקה‬



‫חיפוש תכנים בנושאים ספציפיים‬



‫חשיבות העדכון‬




‫דע מה רוצים המשתמשים‬
‫וכיצד הם צורכים את התוכן‬



‫אתרים עתירי תוכן - סיכום טיפים‬
‫5‬


‫טיפים בדרך להצלחה‬



‫דע את מטרת התוכן‬



‫דע מהם המסרים המרכזיים‬



‫דע כיצד התוכן נכתב ומתפרסם‬



‫דע כיצד התוכן נכתב ומתפרסם‬
‫דע כיצד התוכן מתעדכן‬


UXI Live 2011 - User Experience and the News at BBC World Service

UXI Live 2011 - User Experience and the News at BBC World Service

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (6)

UXI Live 2011 - User Experience and the News at BBC World Service

Editor's Notes