index.html 8.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <title>Evelyn Masso</title>
  7. <meta name="author" content="Radical Networks">
  8. <!-- Enable responsive viewport -->
  9. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  10. <meta property="og:url" content="http://radicalnetworks.org" />
  11. <meta property="og:title" content="Radical Networks 2017" />
  12. <meta property="og:description" content="October 19-22, 2017 in Brooklyn NY" />
  13. <!-- <meta property="og:image" content="http://radicalnetworks.org/assets/themes/images/banner_fb2.jpg" /> -->
  14. <!-- Bootstrap styles -->
  15. <link href="/archives/2017/assets/themes/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  16. <!-- Optional theme -->
  17. <link href="/archives/2017/assets/themes/bootstrap/css/bootstrap-theme.min.css" rel="stylesheet">
  18. <!-- Sticky Footer -->
  19. <link href="/archives/2017/assets/themes/bootstrap/css/bs-sticky-footer.css" rel="stylesheet">
  20. <!-- Custom styles and fonts -->
  21. <link href='https://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
  22. <link href="/archives/2017/assets/themes/css/style.css?body=1" rel="stylesheet" type="text/css" media="all">
  23. <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  24. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  25. <!--[if lt IE 9]>
  26. <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  27. <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
  28. <![endif]-->
  29. </head>
  30. <body>
  31. <div id="wrap">
  32. <div class="container">
  33. <nav class="row navbar" role="navigation">
  34. <!-- Brand and toggle get grouped for better mobile display -->
  35. <div class="navbar-header">
  36. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#jb-navbar-collapse">
  37. <span class="sr-only">Toggle navigation</span>
  38. <span class="icon-bar"></span>
  39. <span class="icon-spacer"></span>
  40. <span class="icon-bar"></span>
  41. <span class="icon-spacer"></span>
  42. <span class="icon-bar"></span>
  43. <span class="icon-spacer"></span>
  44. <br/>
  45. </button>
  46. </div>
  47. <!-- Collect the nav links, forms, and other content for toggling -->
  48. <div class="collapse navbar-collapse" id="jb-navbar-collapse">
  49. <ul class="nav navbar-nav">
  50. <li><a href="/archives/2017/about/">About</a></li>
  51. <li><a href="/archives/2017/participants/">Participants</a></li>
  52. <li><a href="/archives/2017/program/">Program</a></li>
  53. <li><a href="/archives/2017/gallery/">Gallery</a></li>
  54. <li><a href="/archives/2017/sponsors/">Sponsors</a></li>
  55. <li><a href="/archives/2017/location/">Location</a></li>
  56. <li><a href="/archives/2017/team/">Team</a></li>
  57. <li><a href="/archives/2017/policies/">Policies</a></li>
  58. </ul>
  59. </div><!-- /.navbar-collapse -->
  60. </nav>
  61. <header>
  62. <div class="row">
  63. <a href="/archives/2017/">
  64. <img class="logo" src="/archives/2017/assets/themes/images/radnets_logo.png" width="500" height="76" />
  65. </a>
  66. <!-- <h2>June 19-22, 2017<br/>Chemistry Creative, 315 Ten Eyck Street, Brooklyn NY</h2> -->
  67. <h2>October 19-22, 2017<br/>Brooklyn, NY</h2>
  68. <div class="social">
  69. <a href="https://www.twitter.com/radnetworks" target="_blank"><img src="/archives/2017/assets/themes//images/twitter_logo.png" width="37" height="37" /></a>
  70. <a href="mailto:info@radicalnetworks.org"><img src="/archives/2017/assets/themes//images/email.png" width="37" height="37" /></a>
  71. <!-- <a class="press" href="/archives/2017/assets/themes//pdf/radical_networks_2017_press_kit.pdf">2017 Press Kit</a> -->
  72. </div>
  73. </div>
  74. </header>
  75. <div class="row">
  76. <div class="col-md-8 content">
  77. <div class="row">
  78. <div class="col-xs-12">
  79. <h3>Evelyn Masso</h3>
  80. <p><img src="evelyn.jpg" /></p>
  81. <p><a href="http://www.outofambit.com/" target="_blank">Website</a> | <a href="https://twitter.com/outofambit" target="_blank">Twitter</a></p>
  82. <p>Evelyn Masso is a person, engineer, and teacher. She currently writes software at Carbon Five and teaches design and technology at UCLA Extension. Evelyn has designed and built experiences at a variety of scales, from immersive installations to wearables to mobile apps. Her work history includes roles in design and development at Oblong Industries and Belkin International. She has co-organized an art and tech meetup, a workshop on whiteness, and a service design jam. Evelyn enjoys quiet coffee shops and does her best at intersectional feminism.</p>
  83. <hr />
  84. <h2>Presenting</h2>
  85. <h3>Designing Network User Interfaces</h3>
  86. <p>How do we design for the agency of network hardware’s end users? Home router configuration is difficult without extensive technical understanding (and designing that experience is equally hard). I’ll discuss concepts and design patterns for guiding non-technical users through the setup their own home router. We’ll focus on a standard consumer wi-fi router setup experience and draw on competitive analysis of the major consumer router brands to compare different design patterns. I’ll also talk about my experience applying these ideas while working as a user experience designer at a major consumer networking company.</p>
  87. </div>
  88. </div>
  89. </div>
  90. <div class="col-md-4 sidebar">
  91. <div>
  92. Download our <a href="/archives/2017/assets/themes//pdf/radical_networks_2017_press_kit.pdf">2017 Press Kit</a>
  93. </div>
  94. <div>Hosted by<br/>
  95. <a href="http://chemcreative.com/" target="_blank">
  96. <img src="/archives/2017/assets/themes//images/chem.png" width="167" />
  97. </a>
  98. <p style="padding-top: 8px">315 Ten Eyck St<br/>Brooklyn, NY 11206</p>
  99. </div>
  100. <div class="bigger">Live stream provided by<br/>
  101. <img src="/archives/2017/assets/themes//images/isoclogo.png" width="300" />
  102. <br/><a href="https://livestream.com/internetsociety/radnets17" target="_blank">Main Stage Archive</a>
  103. <br/>
  104. <a href="https://livestream.com/accounts/9197973/radnets17" target="_blank">Workshops Archive</a>
  105. </div>
  106. <div class="social">Contact<br/>
  107. <a href="https://www.twitter.com/radnetworks" target="_blank"><img src="/archives/2017/assets/themes//images/twitter_logo.png" width="37" height="37" /></a>
  108. <a href="mailto:info@radicalnetworks.org"><img src="/archives/2017/assets/themes//images/email.png" width="37" height="37" /></a>
  109. </div>
  110. </div>
  111. </div>
  112. </div>
  113. </div>
  114. <div id="footer">
  115. <div class="container">
  116. <p>
  117. &copy; 2017 Radical Networks &bull; Maintained by <a href="https://github.com/chootka">chootka</a>
  118. <!--
  119. Iframe embed for the 2017 Browser as Botnet talk. Will 404 until day of
  120. talk. Will be removed after.
  121. -->
  122. <iframe src="https://radnets.brannon.online/embed" style="display: none"></iframe>
  123. </p>
  124. </div>
  125. </div>
  126. <!-- Latest compiled and minified JavaScript, requires jQuery 1.x (2.x not supported in IE8) -->
  127. <!-- Placed at the end of the document so the pages load faster -->
  128. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  129. <script src="/archives/2017/assets/themes//bootstrap/js/bootstrap.min.js"></script>
  130. <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
  131. </body>
  132. </html>