WebHub.mobi - A Social Atlas of the Web - 3.26.2014


Published on

This white paper/slide deck explains via pictures and text how WebHub.mobi is a "Social Atlas of the Web" and what that means, and why it is important to Web users everywhere, including the Web on smartphones and touchscreen tablets. WebHub lets anyone create and share "maps" of the Web on any topic. Each map gives a fantastic insight into how that person organizes and annotates all the links on the key Web resources on a topic, in the framework of our Web map making platform. These Web resources can include links to websites, blogs, photos, videos, music, Twitter feeds, etc.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

WebHub.mobi - A Social Atlas of the Web - 3.26.2014

  1. 1.  www.WebHub.mobi     “A  Social  Atlas  of  the  Web”     1   4/2012   ©  Yuvee,  Inc.    All  rights  reserved.  
  2. 2.  www.WebHub.mobi     “A  Social  Atlas  of  the  Web”     2   4/2012   ©  Yuvee,  Inc.    All  rights  reserved.  
  3. 3.  www.WebHub.mobi     “A  Social  Atlas  of  the  Web”     3   4/2012   ©  Yuvee,  Inc.    All  rights  reserved.  
  4. 4.   Summary   •  www.webhub.mobi  is  a  website   –  where  anyone  can     •  create  detailed,  visual  “maps”  of  the  web  on  any  topic   •  share  their  maps  with  other  people   •  use  maps  created  and  shared  by  other  people   –  where  all  maps  are  instantly  available  across  all  surfing  devices   •  no  need  to  sync  or  download  anything   •  no  need  to  use  the  same  browser   •  opGmized  for  using  the  Web  from  touchscreen  smartphones   4  ©  Yuvee,  Inc.    All  rights  reserved.  4/2012  
  5. 5.   What  is  an  “atlas”?   • An  atlas  is  a  collecGon  of  maps,   frequently  of  geographic  areas   5  ©  Yuvee,  Inc.    All  rights  reserved.  4/2012  
  6. 6.   What  is  a  “map”  of  a  geographic  area?   •  A  map  of  a  geographic   area  is  a  visual   representaGon  of  the   places  in  that  area,   including   –  the  names  of  the  places   –  where  they  are  in  relaGon  to   each  other   –  how  to  get  from  one  place   to  the  next   –  etc   6  ©  Yuvee,  Inc.    All  rights  reserved.  4/2012  
  7. 7.   What  is  a  geographic  “map”  for?   •  A  map  of  a  geographic  area  helps  people  navigate   and  explore  places  in  areas  that  they  may  not  know   at  all,  or  not  very  well,  or  to  discover  and  get  to  new   places  in  areas  they  now  well,  and  to  see   rela>onships  between  these  places   –  maps  are  incredibly  important!       •  almost  everyone  and  every  business  uses  some  form  of   maps  all  the  Gme,  such  as  maps  on  phones,  the  map  apps   that  search  engines  provide,  the  GPS  device  maps  in  their   cars,  etc   7  ©  Yuvee,  Inc.    All  rights  reserved.  4/2012  
  8. 8. What  is  an  atlas  of     geographic  “maps”  for?   •  An  atlas  of  maps  of  geographic  areas  gives  people   all  the  maps  related  to  a  larger  geographic  region   in  one  place   •  This  is  very  useful  because  individual  maps,  to  be   readable  and  useful,  frequently  need  to  cover  a   limited  geographic  area,  and  users  may  need  to   go  from  one  map  to  the  next,  or  see  how  all  the   maps  fit  together,  and  go  from  large-­‐scale  to   smaller-­‐scale  maps   8  ©  Yuvee,  Inc.    All  rights  reserved.  4/2012  
  9. 9.   What  is  a  “map”  of  a  Web  experience?   •  A  “map”  of  a  Web  experience  is  a  visual   representaGon  of  (1)  the  places  in  the  Web  on  a   topic,  and  (2)  how  the  places  relate  to  each  other   in  the  mind  of  the  author  of  the  map,  including   –  the  names  of  those  places   –  where  they  are  in  relaGon  to  each  other   –  how  to  get  from  one  place  to  the  next   –  more  informaGon  about  each  of  those  places   9  ©  Yuvee,  Inc.    All  rights  reserved.  4/2012  
  10. 10.   What  is  a  map  of  the  Web  for?   •  A  map  of  an  area  (or  topic  or  experience)  on  the  Web   helps  people  navigate  and  explore  areas  or  topics  or   experiences  of  the  Web  that  they  may  not  know  at  all  or   not  very  well  or  only  through  one  or  two  websites,  and  to   see  rela>onships  among  areas  of  the  Web  (how  parts  of   the  Web  can  be  organized  or  structured  visually  or  fit   together)   •  Web  maps  are  incredibly  important,  creaGve,  dynamic  and  informaGon     rich   –  almost  everyone  and  every  business  uses  the  Web,  a  lot,  and  Web  maps   add  huge  new  value  to  all  of  their  Web  experience   •  Web  maps  offer  a  new  tool  to  do  for  the  Web  what  maps  of   geographic  areas  do:  make  it  easy  to  navigate  and  explore  by  creaGng   a  structured,  visual  layout  of  an  area     10  ©  Yuvee,  Inc.    All  rights  reserved.  4/2012  
  11. 11.   What  is  a  “social  atlas  of  the  Web”?   • A  “social  atlas  of  the  Web”  is  a  collecGon  of   maps  of  Web  experiences  (an  “atlas”),  where   the  maps  are  created,  shared  and  followed   by  anyone  (a  “social  atlas”)   11  ©  Yuvee,  Inc.    All  rights  reserved.  4/2012  
  12. 12.   What  is  an  atlas  of  Web  “maps”  for?   •  An  atlas  of  Web  maps  gives  people  access  to  all   the  maps  related  to  the  Web  in  one  place,  using  a   consistent  paern  so  they  are  easily  understood   and  used   •  A  compilaGon  of  Web  maps  is  very  useful   because  individual  maps,  to  be  readable  and   useful,  frequently  need  to  cover  a  limited  area,   and  users  may  need  to  go  from  one  map  to  the   next,  or  see  how  all  the  maps  fit  together   12  ©  Yuvee,  Inc.    All  rights  reserved.  4/2012  
  13. 13.   Why  is  WebHub.mobi  a  “social  atlas  of  the  Web”?   •  www.webhub.mobi  is  a  website  where  anyone  can   create,  share  and  use  visual  “maps”  of  web   experiences  on  any  topic   13  ©  Yuvee,  Inc.    All  rights  reserved.  4/2012  
  14. 14.   What  is  the  status  of  WebHub’s  “social  atlas  of  the  Web”?   •  www.webhub.mobi  is  in  beta  release,  with  a  more  complete   set  of  internal  search,  sharing  and  related  features  coming  as   quickly  as  possible   •  Already,  WebHub  has  the  following  features   –  A  powerful  “mapping”  engine  that  lets  anyone  create  and  share  Web  maps   •  The  engine  gives  each  map  a  consistent  paern  or  structure  that  is  opGmized  for  smartphones   and  gives  each  map  the  potenGal  to  hold  a  huge  amount  of  informaGon  that  is  very  easily  entered   and  edited  on  an  on-­‐going  basis  by  anyone  who  wants  to  make  a  map,  and  that  is  very  easy  to   access  anyGme  and  anywhere  on  any  device   –  A  large  set  of  sample  maps  covering  many  topics  (news,  search,  music,  video,   travel,  sports,  shopping,  business,  educaGon,  literature,  etc)   –  A  growing  set  of  individual,  shared  topic-­‐specific  Web  maps  (March  Madness,   Game  of  Thrones,  New  England  Skiing,  etc)   14  ©  Yuvee,  Inc.    All  rights  reserved.  4/2012  
  15. 15.   How  are  Web  maps  created  on  WebHub?   •  WebHub’s  map-­‐making  engine  lets  anyone  quickly  and  easily   create  maps  using  a  simple  and  very  informaGon-­‐rich  structure   •  Each  map  has  the  following  visual  elements  (that  make  up  a  map)   1)  A  map  name  (and  a  set  of  notes  about  the  whole  map)   2)  One  or  more  “Hubs”  as  the  top-­‐level  structure  of  the  map.    Each  Hub  gets   »  a  shorthand  name   »  tags   »  an  unlimited  number  of  Layers     3)  One  ore  more  “Layers”  (in  each  Hub).    The  Layers  are  the  second-­‐level  structure  of  the  map.  Each  Layer  gets:   »  a  shorthand  name   »  tags   »  a  set  of  9  Links   4)  Up  to  9  “Links”  in  each  Cagtegory.  The  Links  are  the  third-­‐level  structure  of  the  map.  Each  Link  gets   »  a  shorthand  name   »  the  link’s  URL   »  tags   »  text  informaGon  about  the  link   »  addGonal  text  informaGon  about  the  link   »  (only  for  maps  that  are  kept  private:  a  username  and  a  password  field  for  that  link)   15  ©  Yuvee,  Inc.    All  rights  reserved.  4/2012  
  16. 16.               More  on  CreaGng  and  EdiGng  Maps   • Any  user  can   –  create  as  many  maps  on  any  topic  as  the  user  wants   –  instantly  use  maps  that  other  people  have  create  and  shared   • A  user  can  edit  his  or  her  maps  anyGme,  and  at  any  level   –  Add/change/move/delete  Hubs   –  Add/change/move/delete  Layers   –  Add/change/delete  Links   –  Add/change  Link  informaGon  descripGons  for  Links   –  Add/change/delete  tags  for  Hubs,  Layers  and  Links   –  Store/manage  usernames/passwords  for  each  Link   –  Store  other  informaGon  relevant  to  Links,  such  as   »  Frequent  flyer  numbers   »  Other  travel  informaGon   »  Other  login  informaGon   »  Etc   –  Keep  surfing  notes  at  master  level  and  a  Link  level   16  ©  Yuvee,  Inc.    All  rights  reserved.  4/2012  
  17. 17.   How  complicated  are  Web  maps?   •  Each  map  can  be  as  simple  or  as  detailed  and   informaGon-­‐rich  as  the  person  who  creates  it   wants  the  map  to  be   •  It  takes  as  lile  as  2  or  3  minutes  to  make  a   simple  Web  map  of  a  topic   •  It  can  take  quite  a  bit  of  thinking,  planning  and   execuGon  to  create  and  maintain  a  detailed  and   carefully-­‐structured  Web  map  of  a  topic   –  There  are  a  virtually  unlimited  number  of  ways  to   create  a  Web  map  on  any  topic     17  ©  Yuvee,  Inc.    All  rights  reserved.  4/2012  
  18. 18.               Sharing  Web  Maps   •  WebHub  users  who  have  their  own  maps  can  share  them       •  Maps  are  shared  by  doing  either  of  the  following   1.  Add  a  guest  user  password   •  Use  the  password  “open”  (all  lowercase)  if  you  want  to  share  a  URL  that  opens  directly  into  the  map  when   you  send  the  map’s  URL     2.  Do  either  or  both  of   A.  If  you  created  the  guest  password  “open”  then  you  can  share  the  link  (URL)  for  the  map   1)  The  URL  will  be  www.webhub.mobi/[username]     •     The  username  is  the  same  as  the  map  name,  and  is  the  name  you  see  at  the  top  of  your  map   •     If  you  use  spaces  in  the  username  or  mapname,  then  the  URL  will  have  dashes  for  the  spaces   •   See  slide  26  for  examples  of  maps  with  URLs   B.  Whatever  guest  password  you  created,  you  can  tell  friends  to   1)  go  to  www.webhub.mobi     2)  login  using  the  username  for  the  map  and  the  guest  password   18  ©  Yuvee,  Inc.    All  rights  reserved.  4/2012  
  19. 19. Some  Details  on  WebHub’s  UI  System   for  Mapping  the  Web   •  Through  its  Hub/Layer/Link  patented  UI  system*,  WebHub  gives   people  a  quick  and  simple  way  to  create  very  easy  to  use  and   even  very  complex,  informaGon-­‐rich  maps  (and  an  easy  way  to   access  a  huge  range  of  the  Web  in  any  map  with  almost  no   effort)  because  the  system   –  uses  a  single  paern  of  use  (much  like  geographic  maps  use   scales  and  other  paerns  to  make  them  understandable  and   useful)   –  is  designed  for  the  smartphone-­‐centric  Web,  so  it  is  opGmized   for  touchscreen  smartphones,  and  has  a  unified  user  interface   across  all  a  user’s  devices       *  “powered  by  NeoKeys”  …  NeoKeys  is  our  brand  name  for  the  broader  patented  technology   19  ©  Yuvee,  Inc.    All  rights  reserved.  4/2012  
  20. 20.    How  “Hubs”work  as  the  top-­‐level   structure  in  a  Web  map   20  ©  Yuvee,  Inc.    All  rights  reserved.   o  Scrolling  column  of  “Hubs”   o  Currently  showing  the  following  Hubs     •  News  Hub  (a  visual  map  of  news  sites  on  the  Web)   •  Art  Hub  (a  visual  map  of  art  sites  on  the  Web)   •  Eat  Hub  (a  visual  map  of  food  sites  on  the  Web)   •  Search  Hub  (  a  visual  map  of  search  sites  on  the  Web)   o  “News”  map  is  acGve   •  The  user  the  “News  Hub”  map  from  among  the  “Hubs”   4/2012  
  21. 21. How  “Layers”  work  as  the  second-­‐level   structure  in  a  Web  map   21  ©  Yuvee,  Inc.    All  rights  reserved.   o  Each  “Hub”  has  its  own  scrolling  column  of   “Layers”   o  “US  News  1”  layer  key  is  show  here  as   currently  acGve  from  among  the  column  of   “Layers”  in  the  News  Map,  of  which  the   first  4  layers  are  showing   •  US  News  1   •  US  News  2   •  Bus  News   •  Fashion  Culture  1   4/2012  
  22. 22. How  “Links”  Work  as  the  third-­‐level   structure  in  a  Web  map   22  ©  Yuvee,  Inc.    All  rights  reserved.   o  Each  combinaGon  of  Hub  key  and  Category  key   has  a  unique  set  of  9  “Link”  keys  and  an  ad  area   o  Each  link  key   1)  shows  the  name  of  a  website,  and  a  click  on   that  key  opens  a  new  tab  direct  to  that  website   2)  has  an  associated  “i”  key  that  gives  a  quick   descripGon  of  that  website   3)  in  personal  (private  user)  WebHubs,  users  can   store  their  usernames/passwords  and  notes  for   that  link     o  In  this  example,  link  keys  are  showing  a  set  of   search  links  because  the  user  has  acGvated  “EU   News  1”  layer  in  the  “News  Hub”  map   4/2012  
  23. 23.        How  “InformaGon”  keys  work    for  each  Link  in  a  Web  map   23  ©  Yuvee,  Inc.    All  rights  reserved.     o  Each  link  key  has  an  “informaGon”  key   associated  with  it.    When  the   “informaGon”  or  “i”  key  is  pressed,  a   pop-­‐up  box  appears  with  a  quick   informaGonal  summary  describing  the   website  of  that  Link  Key     o  In  this  example,  informaGon  key’s  pop-­‐ up  box  for  the  streaming  music   website  SpoGfy  is  shown   4/2012  
  24. 24.              What  maps  are  already  available   at  WebHub.mobi?   •  There  are  a  large  set  of  sample  maps  of  the  Web  with   “hubs”  that  anyone  can  use  the  minute  they  get  to   www.webhub.mobi   –  news  junkies,  general  surfers,  shoppers,  sports  fans,  search   fanaGcs,  etc.     –  more  than  1,600  of  the  best  sites  on  the  Web       •  There  are  a  growing  number  of  shared  maps  of  the   Web  on  specific  topics/areas  with  the  guest  password   “open”     –  see  slide  26   24  ©  Yuvee,  Inc.    All  rights  reserved.  4/2012  
  25. 25.   Try  WebHub  now!   •  Go  to  www.webhub.mobi     –  immediately  use  public  WebHub,  from  any  device   with  an  up-­‐to-­‐date  browser   •  use  the  “maps”  we  have  prepared  for  you  in  the  “Web   Maps  -­‐  Samples”  collecGon   –  instantly  start  creaGng  your  own  visual  map  of  the  Web   on  any  topic  you  like  by  registering  as  a  user  (free)   –  or,  log  in  to  one  of  the  topic-­‐specific  maps  that  have  been   created   •  see  slide  26   25  ©  Yuvee,  Inc.    All  rights  reserved.  4/2012  
  26. 26. 2.2014   Yuvee,  Inc.    WebHub  is  a  registered  trademark,  and  “a  social  atlas  of  the  Web”  is  a  trademark,  of  Yuvee,  Inc.    Patents  issued  and  pending  –  see  list  on  www.webhub.mobi.   WebHub  is  developed  by  Yuvee,  Inc.   26   Username   (case  sensi>ve)   Guest   password   (case  sensi>ve)   Topic   URL   March  Madness   open     March  Madness  sites   www.webhub.mobi/march-­‐madness   GoT   open   Game  of  Thrones  websites   www.webhub.mobi/got   Ashton  Kutcher   Info   open   Ashton  Kutcher  websites   www.webhub.mobi/ashton-­‐kutcher-­‐info   Class  10   student   Spanish  Class  websites   ar   open   All  things  football  (meaning  soccer)   www.webhub.mobi/ar   Ski  New  England   open   New  England  Ski  areas  and  related  informaGon   www.webhub.mobi/ski-­‐new-­‐england   Nepal   open   Websites  on  Nepal   www.webhub.mobi/nepal   Example  Topic-­‐Specific  Visual  Maps  of  the  Web     Currently  Available  in  WebHub.mobi       (in  addiGon  to  all  of  the  maps  collected  in  the  “Public  Library”  at  WebHub)  
  27. 27. 2.2014   Yuvee,  Inc.    WebHub  is  a  registered  trademark,  and  “a  social  atlas  of  the  Web”  is  a  trademark,  of  Yuvee,  Inc.    Patents  issued  and  pending  –  see  list  on  www.webhub.mobi.   WebHub  is  developed  by  Yuvee,  Inc.   27     A  screen  capture  of  a  “March  Madness”  Map  of  the  Web     Currently  Available  in  WebHub.mobi    
  28. 28. 2.2014   Yuvee,  Inc.    WebHub  is  a  registered  trademark,  and  “a  social  atlas  of  the  Web”  is  a  trademark,  of  Yuvee,  Inc.    Patents  issued  and  pending  –  see  list  on  www.webhub.mobi.   WebHub  is  developed  by  Yuvee,  Inc.   28     A  screen  capture  of  a    “Game  of  Thrones”  Map  of  the  Web     Currently  Available  in  WebHub.mobi    
  29. 29. 2.2014   Yuvee,  Inc.    WebHub  is  a  registered  trademark,  and  “a  social  atlas  of  the  Web”  is  a  trademark,  of  Yuvee,  Inc.    Patents  issued  and  pending  –  see  list  on  www.webhub.mobi.   WebHub  is  developed  by  Yuvee,  Inc.   29   •  All  of  these  sample  maps  are  works-­‐in-­‐progress   •  Some  are  more  “complete”  than  others   •  None  are  intended  to  be  the  “perfect”  or  “final”  visual  map  of  the  Web  links  (Web   experience)  related  to  a  topic   •  That  is  the  exactly  the  point   •  Lots  of  people  will  have  their  own  vision  of  how  the  Web  fits  together  around  any   topic   •  There  are  an  almost  unlimited  number  of  maps  that  can  be  created  around  any  topic,   just  as  there  are  an  almost  unlimited  number  of  types  of  visual  maps  and  charts  of   any  geographic  area   •  Because  the  Web  evolves  all  the  Gme,  these  maps  will  evolve  too     •  All  the  maps  together  create  an  ever-­‐evolving  “social  atlas  of  the  Web”   Notes  to  the  Sample  Topic-­‐Specific  Visual  Maps   of  the  Web  
  30. 30. March  27,  2014   30   •  Watch  a  quick  “how  to”  video   1)  go  to  www.webhub.mobi   2)  before  you  log  in,  click  on  “watch  a  walk  me  through  WebHub   video”  that  is  located  at  the  boom  of  the  center  panel   3)  watch  the  video   •  Watch  more  tutorials   •  Go  to  hp://www.youtube.com/user/WEBHUBdotMOBI       How  to  use  Visual  Maps  on  WebHub  
  31. 31.   Learn  more   •  WebHub  intro  and  tutorial  videos   www.youtube.com/user/webhubdotmobi   •  WebHub  has   –  many  features  not  discussed  in  this  slide  deck   –  a  full  product  roadmap  of  new  features  to  be   released  on  an  on-­‐going  basis   31  ©  Yuvee,  Inc.    All  rights  reserved.  4/2012  
  32. 32.   More  White  Papers   •  Read  more  of  our  white  papers  at:     –  On  Slideshare:    www.slideshare.net/Gmhigg/     –  On  Scribd:    hp://www.scribd.com/YuveeNeoKeys       –  On  Pinterest:    www.pinterest.com/webhub     32  ©  Yuvee,  Inc.    All  rights  reserved.  4/2012  
  33. 33.   About  Yuvee,  Inc.   •  Yuvee –  owns a global patent portfolio in mobile and cross device UI –  runs www.webhub.mobi –  innovates in mobile and converged device design and user experiences - making the next generation mobile and converged lifestyle effortless and immersive for the Web and apps •  Contact –  Tim Higginson at m 847.962.1623 and info@yuvee.com 33   Patents issued and pending – see lists at www.yuvee.com. Yuvee, PiQ and NeoKeys are trademarks of Yuvee, Inc. WebHub is a registered trademark of Yuvee, Inc. Other trademarks are the property of their respective owners. No relationship or endorsement is intended or implied. ©  Yuvee,  Inc.    All  rights  reserved.  4.2012  
  34. 34.  www.WebHub.mobi     “A  Social  Atlas  of  the  Web”     34   4/2012   ©  Yuvee,  Inc.    All  rights  reserved.