{"id":934,"date":"2014-05-28T16:32:51","date_gmt":"2014-05-28T20:32:51","guid":{"rendered":"http:\/\/blog.agilityfeat.com\/?p=934"},"modified":"2014-05-28T16:32:51","modified_gmt":"2014-05-28T20:32:51","slug":"real-time-ux-design-video","status":"publish","type":"post","link":"https:\/\/agilityfeatpanama.com\/en\/blog\/2014\/05\/real-time-ux-design-video\/","title":{"rendered":"Video: Mariana Lopez on Real-Time Interaction Design"},"content":{"rendered":"<p>Last week our UX lead Mariana Lopez presented at the ModevUX conference in Washington DC on how to do interaction design for Real-Time applications.  Below is the video from her talk &#8211; check it out to learn some best practices for your next real-time or WebRTC application.<\/p>\n<p><iframe src=\"\/\/player.vimeo.com\/video\/96736769\" width=\"500\" height=\"281\" frameborder=\"0\" webkitallowfullscreen mozallowfullscreen allowfullscreen><\/iframe> <\/p>\n<p><a href=\"http:\/\/vimeo.com\/96736769\">Interaction Design for Real Time Applications &#8211; Mariana Lopez of AgilityFeat at ModevUX<\/a> from <a href=\"http:\/\/vimeo.com\/user24916355\">Arin Sime<\/a> on <a href=\"https:\/\/vimeo.com\">Vimeo<\/a>.<\/p>\n<p>If you would like a copy of the slides, <a target=\"_blank\" href=\"http:\/\/www.slideshare.net\/arinsime\/design-forthe4thdimension-realtimewebappsmarianalopezagilityfeat\" rel=\"noopener noreferrer\">see slideshare<\/a>.<\/p>\n<p><strong>Here are Mariana&#8217;s key takeaways from the talk:<\/strong><\/p>\n<h2>1. Don\u2019t let the technology become more important than the experience.<\/h2>\n<p>Playing with cool new technologies can be a lot of fun, especially many of the cool real-time technologies that we like to play with here at AgilityFeat.  But keep in mind that you are building something that should deliver value to users, not just illustrate cool technology.<\/p>\n<h2>2. Feedback is ALWAYS important<\/h2>\n<p>In a real-time app feedback is more critical than usual because users will be nervous about things like \u00abis the app still connected?  is the data fresh?\u00bb<\/p>\n<h2>3. Visual Hierarchy: Selecting when and how to show information.<\/h2>\n<p>Where you place data in a real-time application is crucial to its usability, or whether it just becomes a distraction.<\/p>\n<h2>4. Handling changes in a fast changing environment.<\/h2>\n<p>When changes occur, you need to let the customer know that data has been updated, but without disrupting their workflow of what they are trying to accomplish right now.<\/p>\n<h2>5. Identifying important micro-interactions<\/h2>\n<p>The little details here count a lot.  Will a call be muted or un-muted by default?  How will you make it easy for the user to know that?<\/p>\n<h2>6. Graceful degradation<\/h2>\n<p>If connection problems occur, the user needs to be made aware of that so that they don&#8217;t think the problem is on their end, or that the data source or person they are communicating with is not intentionally being non-responsive.<\/p>\n<h2>More on real-time applications<\/h2>\n<p>Mariana&#8217;s workshop at ModevUX was a lot of fun, but it was brief and really just touches on these design issues.  If you&#8217;re interested in learning more about real-time applications, then you should check out our newsletter <a href=\"http:\/\/RealTimeWeekly.com\" target=\"_blank\" rel=\"noopener noreferrer\">Real Time Weekly<\/a>, and <a href=\"http:\/\/www.RealTimeWeb.co\" target=\"_blank\" rel=\"noopener noreferrer\">our book on Building Real Time Apps<\/a>.<\/p>\n<p><strong>We are also happy to discuss your Real Time Application ideas with you &#8211; just contact Arin Sime at Arin@AgilityFeat.com, 434 996 5226, or setup a meeting at <a href=\"https:\/\/www.sohelpful.me\/arinsime\/\" target=\"_blank\" rel=\"noopener noreferrer\">Arin&#8217;s soHelpful profile<\/a><\/strong>.<\/p>","protected":false},"excerpt":{"rendered":"<p>Last week our UX lead Mariana Lopez presented at the ModevUX conference in Washington DC on how to do interaction design for Real-Time applications. Below is the video from her talk &#8211; check it out to learn some best practices for your next real-time or WebRTC application. Interaction Design for Real Time Applications &#8211; Mariana [&hellip;]<\/p>","protected":false},"author":4,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":""},"categories":[7],"tags":[19,101,25,108,114,124,22,49,117],"jetpack_featured_media_url":"","yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v15.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Video: Mariana Lopez on Real-Time Interaction Design - AgilityFeat Panama Software Test Center<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/agilityfeatpanama.com\/en\/blog\/2014\/05\/real-time-ux-design-video\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Video: Mariana Lopez on Real-Time Interaction Design - AgilityFeat Panama Software Test Center\" \/>\n<meta property=\"og:description\" content=\"Last week our UX lead Mariana Lopez presented at the ModevUX conference in Washington DC on how to do interaction design for Real-Time applications. Below is the video from her talk &#8211; check it out to learn some best practices for your next real-time or WebRTC application. Interaction Design for Real Time Applications &#8211; Mariana [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/agilityfeatpanama.com\/en\/blog\/2014\/05\/real-time-ux-design-video\/\" \/>\n<meta property=\"og:site_name\" content=\"AgilityFeat Panama Software Test Center\" \/>\n<meta property=\"article:published_time\" content=\"2014-05-28T20:32:51+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\">\n\t<meta name=\"twitter:data1\" content=\"2 minutes\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/34.200.113.64\/#website\",\"url\":\"https:\/\/34.200.113.64\/\",\"name\":\"AgilityFeat Panama Software Test Center\",\"description\":\"AgilityFeat Panama offers customized, multilevel web and mobile software testing for a variety of industries.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/34.200.113.64\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/agilityfeatpanama.com\/blog\/2014\/05\/real-time-ux-design-video\/#webpage\",\"url\":\"https:\/\/agilityfeatpanama.com\/blog\/2014\/05\/real-time-ux-design-video\/\",\"name\":\"Video: Mariana Lopez on Real-Time Interaction Design - AgilityFeat Panama Software Test Center\",\"isPartOf\":{\"@id\":\"https:\/\/34.200.113.64\/#website\"},\"datePublished\":\"2014-05-28T20:32:51+00:00\",\"dateModified\":\"2014-05-28T20:32:51+00:00\",\"author\":{\"@id\":\"https:\/\/34.200.113.64\/#\/schema\/person\/c8d60d597071526db386b2b8a4afac64\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/agilityfeatpanama.com\/blog\/2014\/05\/real-time-ux-design-video\/\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/34.200.113.64\/#\/schema\/person\/c8d60d597071526db386b2b8a4afac64\",\"name\":\"arin\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/34.200.113.64\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/cc498e210512c707ed769986dd745896?s=96&d=mm&r=g\",\"caption\":\"arin\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/agilityfeatpanama.com\/en\/wp-json\/wp\/v2\/posts\/934"}],"collection":[{"href":"https:\/\/agilityfeatpanama.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/agilityfeatpanama.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/agilityfeatpanama.com\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/agilityfeatpanama.com\/en\/wp-json\/wp\/v2\/comments?post=934"}],"version-history":[{"count":0,"href":"https:\/\/agilityfeatpanama.com\/en\/wp-json\/wp\/v2\/posts\/934\/revisions"}],"wp:attachment":[{"href":"https:\/\/agilityfeatpanama.com\/en\/wp-json\/wp\/v2\/media?parent=934"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/agilityfeatpanama.com\/en\/wp-json\/wp\/v2\/categories?post=934"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/agilityfeatpanama.com\/en\/wp-json\/wp\/v2\/tags?post=934"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}