Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Online News Redefined

449 views

Published on

  • Be the first to comment

  • Be the first to like this

Online News Redefined

  1. 1. THE CHALLENGETo  design  an  applica.on  that  will  present  NDTVs  video  content  in  a  lean-­‐back  experience  for  users.  
  2. 2. THE INSIGHTNews  never  happens  in  isola.on.  Every  event,  no  maCer  how  small,  is  linked  to  other  events.  For  example,  farmer  suicides  in  India  may  be  linked  to  government  policies,  world  economic  trends,  even  global  warming.  Understanding  the  context  is  as  important  as  geGng  the  latest  news.    
  3. 3. Unlike  tradi.onal  mediums  (like  newspapers  or  TV),  the  web  is  not  restricted  by  limited  space.  This,  coupled  with  its  interac.ve  nature,  can  allow  the  user  to  explore  all  the  different  aspects  of  every  news  story  hes  interested  in.  Crea.ng  a  news  repository  which  covers  not  only  the  en.re  breadth  of  news  categories,  but  the  complete  depth  of  each  individual  story.  THE OPPORTUNITY
  4. 4. THE SOLUTIONWhere  users  dont  just  watch  news,  they  analyse  it,  share  it,  discuss  it,  respond  to  it,  and  ul.mately,  become  a  part  of  it.  This  video  portal  will  be  a  full  screen  immersive  video  experience,  where  users  can  swim  through  an  ocean  of  NDTV  videos,  naviga.ng  across  various  parameters,  with  the  ability  to  zoom  into  any  detail,  or  zoom  out  to  get  a  broader  perspec.ve  -­‐  all  on  one  page.    
  5. 5. HELPFUL HINTS FOR FIRST TIME USERS.  
  6. 6. As  the  user  starts  naviga.ng  around  the  site  and  geGng  familiar  with  it,  these  hints  will  gradually  disappear.    To  see  them  again  as  a  popup  any.me,  he  just  has  to  click  on  naviga.on  .ps‘.  
  7. 7. LIVE TV AT THE CLICK OF A BUTTON.  
  8. 8. Roll  over  and  select  one  of  the  3  live  channels  to  watch  it  full  screen.  
  9. 9. Roll  over  to  access  the  player  controls,  change  channels,  or  view  the  program  guide.  Users  can  also  choose  to  popout  the  video  player  to  con.nue  browsing  the  site  while  watching  live  TV.  On  exi.ng  the  live  stream,  users  will  be  taken  back  to  the  home  page  to  browse  other  videos.  
  10. 10. MORE THAN ONE WAY TO BROWSE VIDEOS.DISCOVERING CONNECTIONS.  
  11. 11. Most  recent  video,  by  default.  Or  can  be  set  manually  to  any  breaking  story  by  the  NDTV  team.  
  12. 12. Videos  that  have  the  strongest  connec.on  to  the  story,  appear  closer  to  the  video,  and  are  connected  by  thicker  lines.    
  13. 13. Most  popular  videos    appear  bigger  in  size.  
  14. 14. Videos  become  more  transparent  as  they  get  older.  
  15. 15. Roll  over  a  video  for  more  info  and  op.ons.  
  16. 16. Click  on  a  video  to  make  it  the  core  video,  and  explore  its  connec.ons.  
  17. 17. This  is  the  video  trail  of  the  user.    He  can  follow  it  back  to  his  previous  video,  to  explore  another  video  path.  
  18. 18. Or  the  user  can  jump  to  a  previous  video  by  clicking  on  its  .tle  under  Retrace  my  steps.  
  19. 19. Each  path  the  user  takes  is  colour-­‐coded  for  easy  reference.  
  20. 20. MORE THAN ONE WAY TO BROWSE VIDEOS.FINDING SPECIFIC VIDEOS.  
  21. 21. Scroll  leW  to  find  more  videos.  
  22. 22. Matching  video  .tles  appear  as  the  user  types  in  his  keywords.  User  can  choose  to  watch  the  video,  explore  its  connec.ons,  or  see  the  storys  evolu.on.  
  23. 23. MORE THAN ONE WAY TO BROWSE VIDEOS.BY CATEGORY, RECENCY OR POPULARITY.  
  24. 24. Depending  on  the  users  choice,  the  site  will  scroll  back  to  the  home  page  and  generate  a  new  video  cloud  using  only  videos  from  the  selected  category,  or  the  most  popular  or  most  recent  videos.  
  25. 25. MORE THAN ONE WAY TO BROWSE VIDEOS.BY LOCATION.  
  26. 26. User  can  roll  over  a  video  for  more  info.    
  27. 27. Or  he  can  click  on  the  video  to  see  its  connec.ons  with  videos  across  the  world.  
  28. 28. MORE THAN ONE WAY TO BROWSE VIDEOS.THROUGH THE PROGRAM GUIDE.  
  29. 29. Scroll  leW  to  access  the  Program  Guide.  
  30. 30. User  can  sort  through  shows  by  category  or  channel.  Rollover  for  details.    And  click  to  see  the  schedule.  
  31. 31. All  the  videos  available  from  the  show  are  displayed  along  with  the  schedule  for  easy  access.  
  32. 32. MORE THAN ONE WAY TO BROWSE VIDEOS.BY TOPIC.  
  33. 33. This  op.on  is  available  on  every  video  which  is  a  follow-­‐up  story,  across  the  site.  
  34. 34. Here,  users  can  see  all  the  videos  tagged  under  a  single  topic.  To  see  the  story  from  the  day  it  broke,  to  its  latest  update.  
  35. 35. WATCHING VIDEOS.PLUS CONTENT FROM ACROSS THE WEB.  
  36. 36. Besides  comments  and  related  NDTV  U  videos,  users  can  also  check  out  related  content  from  across  the  internet,  giving  users  a  total  perspec.ve  on  what  people  have  to  say  on  any  par.cular  news  topic.  
  37. 37. LOGGED IN USER.DASHBOARD.  
  38. 38. On  logging  in,  the  site  will  automa.cally  scroll  to  the  user’s  dashboard  page.  
  39. 39. LOGGED IN USER.PROFILE.  
  40. 40. This  is  the  user’s  informa.on  that  will  be  seen  by  anyone  clicking  on  his  name,  anywhere  across  the  site.  
  41. 41. LOGGED IN USER.SAVING VIDEO TRAILS.  
  42. 42. Registered  users  can  choose  to  save  their  video  trails,  and  assign  a  name  to  each.  
  43. 43. Video  trails  can  be  accessed  from  the  users  dashboard  at  any  .me.  Other  users  can  check  them  out  on  his  profile  page.    He  can  even  share  the  trails  with  his  network.  
  44. 44. LOGGED IN USER.FOLLOWING STORIES.  
  45. 45. Updates  on  stories  the  user  has  chosen  to  follow  will  appear  on  his  dashboard  page.  They  can  also  be  pushed  to  him  through  Facebook,  TwiCer  or  via  RSS.    
  46. 46. Users  can  check  out  stories  other  people  are  following,  and  choose  to  follow  it  themselves.  
  47. 47. Users  who  are  already  logged  in  will  skip  this  page.  
  48. 48. This  is  the  moderator’s  view  of  the  NDTV  U  chat.  
  49. 49. Close up of videos list,and controller.v  The  moderator  can  play  any  of  his  selected  videos  in  any  order.  He  can  also  pause  or  mute  the  video,  and  see  how  much  .me  is  leW  for  the  discussion  (maximum  .me  limit:  10  minutes).    
  50. 50. The  moderator  can  introduce  par.cipants  at  any  point  during  the  discussion  by  clicking  on  the  i  icon  next  to  their  name.  
  51. 51. The  moderator  can  also  turn  off  webcam  feeds  or  audio  for  each  individual  par.cipant.  Or  even  log  them  out  of  the  discussion  by  clicking  on  the  x  icon  next  to  their  name.  
  52. 52. All  NDTV  U  discussions  are  recorded  and  made  available  to  all  par.cipants  on  their  Dasboard  pages,  and  displayed  on  their  Profile.  
  53. 53. Top-­‐rated  NDTV  U  discussions  are  displayed  along  with  the  relevant  videos.  Featured  NDTV  U  discussions  moderated  by  celebs  can  also  be  pushed  in  this  way.    
  54. 54. TECH SPECSThe  following  is  a  tenta.ve  list  of  technologies  we’ll  need  to  build  NDTV  Submerge:  Development  So,ware  MicrosoW  Visual  Studio®  Team  System  2008  Team  Suite  Programming  Languages  C#,  JavaScript  Programming  model  and  technologies  MicrosoW  Silverlight,  Deep  Zoom,  MicrosoW  .NET  Framework  3.5,  MicrosoW  ASP.NET  
  55. 55. BACKEND REQUIREMENTSTo  make  NDTV  Submerge  a  reality,  we  need  more  than  just  slick  front  end  graphics.  The  soul  of  the  idea  rests  on  the  tagging  and  categorizing  needed  on  the  back-­‐end.    Making  connec;ons  possible.  To  build  the  right  connec.ons,  and  create  fresh  perspec.ves,  every  video  uploaded  by  NDTV  will  have  to  be  tagged  across  mul.ple  tag  types  –  like  topic,  prominent  people  in  the  story,  ins.tu.ons  involved  and  keywords,  besides  the  standard  date,  .me  and  loca.on.    Human  beings  o,en  make  mistakes,  but  users  seldom  forgive  or  forget.  Given  the  importance  of  correct  tagging,  a  robust  Content  Management  System  will  need  to  be  built  that  minimizes  human  error.  By  offering  sugges.ons  for  tags,  checking  for  common  spelling  mistakes,  and  cross-­‐checking  new  metadata  with  the  exis.ng  database.  CMS  design  will  play  as  important  a  role  in  this  project  as  the  visual  design  shown  in  this  presenta.on.  
  56. 56. power of the ideaAllows you to exploreShows you the bigger pictureAllows you to participateAllows you to influenceIt makes us better
  57. 57. It makes us better together
  58. 58. THANK YOU.

×