Aaron Rincover and I presented this workshop at Seattle Make-a-Thon on November 6, 2010, sponsored by IxDA Seattle, AIGA Seattle, and Interact.
When designing interactions that transcend singular devices and form the basis of device ecosystems, wireframes just don’t cut it. Much of the interactions you’re looking to define and refine are evoked through motion, sound, haptics, and other variables that can’t be easily documented without "dancing about architecture." In these situations, it’s often most effective to create video scenarios that describe how an interaction would happen out in the real world. These scenarios are useful not only for explaining ideas to your clients—they’re an effective way of capturing prototypes to see if they make sense and feel real.
Over the course of this workshop, we explored the various flavors of video scenario that you can create, depending on the design problems you’re seeking to solve. Then we’ll spent the balance of our time working in small teams to create a short interaction vignette about gestural input to activate a teleportation device.
You’ve Only Got Two Eyeballs: Designing Products for the Responsive WebDavid Sherwin
People expect to access and use the products that they love everywhere that they go. With an ever-increasing number of different smartphones, tablets, computers, wearables, and televisions that allow us to view websites, this makes our jobs as interactive designers even more challenging. Are you helping them focus on what they really need to get done, on the devices where they need that functionality the most?
In this workshop from HOW Design Live 2016, which was led by David Sherwin and Drew Bridewell with about 250 people, we shared techniques to help teams:
● Prioritize what product features will have the most value for your users across smartphone, tablet, desktop, TV, wearables, and other devices—so you’re investing your time and energy into the right features in the right places
● Validate your product assumptions and hypotheses through paper and digital prototypes, so you can start building those features intelligently
● Plan the implementation of your product features for development in a modular, componentized manner that makes them easier to test and scale
Along with workshop activities rooted in the above techniques, we shared how we used similar approaches in a redesign of the learning experience of Lynda.com as a responsive web product.
The JoomlaChicago Loop sponsored "Joomla & Responsive Design", a presentation focused on the key ingredients and dynamics of making a Joomla website flow and react to the different viewing devices and browser viewport sizes.
Dennis Kmetz (Director of Interactive Media, Taylor Bruce Design Partnership) presented Joomla & Responsive Design on Thursday, March 1, 2012.
You’ve Only Got Two Eyeballs: Designing Products for the Responsive WebDavid Sherwin
People expect to access and use the products that they love everywhere that they go. With an ever-increasing number of different smartphones, tablets, computers, wearables, and televisions that allow us to view websites, this makes our jobs as interactive designers even more challenging. Are you helping them focus on what they really need to get done, on the devices where they need that functionality the most?
In this workshop from HOW Design Live 2016, which was led by David Sherwin and Drew Bridewell with about 250 people, we shared techniques to help teams:
● Prioritize what product features will have the most value for your users across smartphone, tablet, desktop, TV, wearables, and other devices—so you’re investing your time and energy into the right features in the right places
● Validate your product assumptions and hypotheses through paper and digital prototypes, so you can start building those features intelligently
● Plan the implementation of your product features for development in a modular, componentized manner that makes them easier to test and scale
Along with workshop activities rooted in the above techniques, we shared how we used similar approaches in a redesign of the learning experience of Lynda.com as a responsive web product.
The JoomlaChicago Loop sponsored "Joomla & Responsive Design", a presentation focused on the key ingredients and dynamics of making a Joomla website flow and react to the different viewing devices and browser viewport sizes.
Dennis Kmetz (Director of Interactive Media, Taylor Bruce Design Partnership) presented Joomla & Responsive Design on Thursday, March 1, 2012.
Built With ❤ - Why Developer Experience Matters - Web Unleashed 2019Arthur Maltson
One evening you’re browsing Twitter and you stumble on a really cool new Open Source tool. The README is intuitive, the installation is seamless and you’re up and running in no time. When using the tool, error messages are clear and how to fix the issues obvious. Before you know it, you’ve achieved what you wanted and you feel like a superstar! But the experience is very different the next day at work. You just spent a couple weeks fiddling to get a project running locally but now you have to jump through hoops to get the application built and deployed with that dreadful internal tool. Why can’t our day time experiences look like our weekend passion projects? It can!
In this session you’ll be introduced to the concept of Developer Experience and why it matters. You’ll then embark on a journey to build a new tool with Developer Experience as a core focus. You’ll learn how certain targeted approaches can improve the Developer Experience through the entire Experience Lifecycle. At the end of the talk you will be equipped with ways to improve the Developer Experience in your work; whether you’re building tools for developers, collaborating with other developers on a business project, or just building a side project one your own.
This is the version of the presentation given at Web Unleashed 2019.
Our Senior Vice President of Design and Apple Design Award Winner goes over how the typical design process is outdated, and reveals why the term "UX design" isn't accurate.
The shorter version of these slides was presented at Amuse UX 2015 Special Meetup (Budapest, Hungary) — http://www.meetup.com/UXbudapest/events/225944151/.
On Jan. 24, Renata Sinn presented on considerations for mobile sites and responsive design at a lunch and learn event at Creed Interactive in St. Paul, MN.
Daniel explains how to use participatory design to cut through complexity. Learn useful tactics based on his experience building and growing the UX discipline at Sumo Logic.
Programming Language Platform Growth: Table Stakes or Deal Makes?Edward Burns
This talk draws from Ed's 25 years of professional programming experience, spanning many languages, operating systems, and platforms, to survey what it takes to make a programming language platform successful in terms of widespread use. Ed will look at Java, Python, Node, Go, and Ruby and evaluate the ingredients that brought each one its own form of success. Finally, Ed will draw some lessons that apply to anyone trying to grow their computing platform, because, at some level, we are all in the platform business.
A presentation on the reasons and techniques for creating prototypes of interactive projects. From the Media Design Practices MFA at Art Center College of Design.
Updated September 2, 2017
Built With ❤ - Why Developer Experience Matters - Web Unleashed 2019Arthur Maltson
One evening you’re browsing Twitter and you stumble on a really cool new Open Source tool. The README is intuitive, the installation is seamless and you’re up and running in no time. When using the tool, error messages are clear and how to fix the issues obvious. Before you know it, you’ve achieved what you wanted and you feel like a superstar! But the experience is very different the next day at work. You just spent a couple weeks fiddling to get a project running locally but now you have to jump through hoops to get the application built and deployed with that dreadful internal tool. Why can’t our day time experiences look like our weekend passion projects? It can!
In this session you’ll be introduced to the concept of Developer Experience and why it matters. You’ll then embark on a journey to build a new tool with Developer Experience as a core focus. You’ll learn how certain targeted approaches can improve the Developer Experience through the entire Experience Lifecycle. At the end of the talk you will be equipped with ways to improve the Developer Experience in your work; whether you’re building tools for developers, collaborating with other developers on a business project, or just building a side project one your own.
This is the version of the presentation given at Web Unleashed 2019.
Our Senior Vice President of Design and Apple Design Award Winner goes over how the typical design process is outdated, and reveals why the term "UX design" isn't accurate.
The shorter version of these slides was presented at Amuse UX 2015 Special Meetup (Budapest, Hungary) — http://www.meetup.com/UXbudapest/events/225944151/.
On Jan. 24, Renata Sinn presented on considerations for mobile sites and responsive design at a lunch and learn event at Creed Interactive in St. Paul, MN.
Daniel explains how to use participatory design to cut through complexity. Learn useful tactics based on his experience building and growing the UX discipline at Sumo Logic.
Programming Language Platform Growth: Table Stakes or Deal Makes?Edward Burns
This talk draws from Ed's 25 years of professional programming experience, spanning many languages, operating systems, and platforms, to survey what it takes to make a programming language platform successful in terms of widespread use. Ed will look at Java, Python, Node, Go, and Ruby and evaluate the ingredients that brought each one its own form of success. Finally, Ed will draw some lessons that apply to anyone trying to grow their computing platform, because, at some level, we are all in the platform business.
A presentation on the reasons and techniques for creating prototypes of interactive projects. From the Media Design Practices MFA at Art Center College of Design.
Updated September 2, 2017
Designing with the Body: Learning to Physically PrototypeDavid Sherwin
This is a 75-minute workshop about physically prototyping products, services, and experiences. Workshop attendees selected a design challenge, which was structured in a way to teach them about the value of prototyping their design ideas earlier in the overall design process—especially for highly complex problems. I facilitated this workshop twice at AIGA Seattle's "Into the Woods" conference at Sleeping Lady Lodge in Leavenworth, WA on October 15-16, 2010.
The kickoff deck for the HOW Interactive Design Conference 2011's Progressive Design Challenge. In this deck, we introduce the theme and the rules for winning a great prize (only for attendees of the conference!)
This Progress Evaluation Worksheet is used as part of a growth assessment for your design business. Directions for the activity are on page 280 of Success by Design: The Essential Business Reference for Designers by David Sherwin, published by HOW Books. Get the book at http://amzn.to/successbydesign
Video-Prototyping - Ideen testen und verfeinern mittels audiovisuellem Storyt...Viktoria Trosien
Video-Prototyping ist eine Methode, um Ideen und Konzepte mittels Bewegtbild und Storytelling zu visualisieren und zu kommunizieren. Es ist ein Prototyping-Tool um innovative Ideen zu testen und zu verfeinern. Es nutzt die Wirkung von Bewegtbild und Storytelling, um Ideen effizienter (= schneller + verständlicher + emotionaler) zu kommunizieren.
Einsatzmöglichkeiten: zur Ideengenerierung und zum Ideen testen, als Erklärvideo auf der Website/ in FAQs, als Marketing-Filmchen, zur Unterstützung von Crowdfunding-Kampagnen, als Viral/ Social Media Spot, als Teambuilding-Aktivität, als kreative Zusammenfassung von Arbeitsergebnissen auf Workshops/ Konferenzen, zum Trainieren des visuellen Denkens/ der Kreativität/ der linken Gehirnhälfte, zum Überwinden von Denkblockaden, zur Identifizierung des eigenen Kundennutzens, zum Üben des eigenen Pitches etc.
Welche weiteren Einsatzmöglichkeiten sehen Sie?
---
Dies sind die Folien aus meinem Workshop auf dem Entrepreneurship Summit 2013 in Berlin.
Ich freu mich über Anregungen.
What are the best ways to create creative superteams? These are teams that are able to effectively communicate and collaborate to create even better solutions to huge challenges. In this talk presented at HOW Design Live 2014, I shared different tools that I use as part of how I lead project teams to build trust, create shared norms, and encourage dialogue in the service of creating more powerful design work.
Elements of Design Studio Experience v1David Sherwin
Use this worksheet to begin determining what your ideal design studio experience should be like. Directions for the activity are on page 260 of Success by Design: The Essential Business Reference for Designers by David Sherwin, published by HOW Books. Get the book at http://amzn.to/successbydesign
Content Strategy-oplæg for J.Boye's erfagruppe for Webansvarlige i medicinalb...Rasmus Skjoldan
Oplæg for J.Boye erfagruppen, Webansvarlige i medicinalbranchen d. 21. januar 2015.
Briefet var at holde et ekspertoplæg om Allestedsnærværende indhold, om hvordan man genbruger sit indhold—og om Content Strategy mere generelt. Derefter diskussion i gruppen om emnernes praktiske udførsel med fokus på de specifikke udfordringer i medicinalbranchen.
Slides from my talk at the FOSSASIA 2015 conference, March 13th 2015.
"COPE" means to Create Once, Publish Everywhere. The concept often accredited to the National Public Radio is having profound impact on organizations' ability to publish content in better ways. Yet, the methodology has only reached few clients worldwide. Many still struggle with the basic task of keeping content in sync across different channels and platforms.
Behind the practical advantages of COPE lies a bigger story. Although the concept has been around since the dawn of digital content, the world is only just awakening to what it truly means. Completely decoupling content and presentation is still a fundamental paradigm shift that we have only seen the beginning of.
Adding to the complexity of making COPE setups work well comes the human factor. Mentally grasping that a piece of content will go out to many and unknown output channels is hard for the typical, infrequent CMS editor. We have all yet to design great user interface patterns that help editors understand where content goes and realize what that means for the content production process.
The product strategist of the open source CMS project called Neos will provide insights into both the conceptual side to COPE—and talk about what's needed for CMS editors to work in a software environment where they don't know the exact output channels for their content.
The Neos CMS shown in the slides can be tried out at http://neos.demo.typo3.org/ (click "Try me").
Interested in starting your own design business, but don't know how to do the "business" part? This comprehensive presentation covers how design studios make money, the ways design studios organize themselves to support making money, considerations for managing your studio's finances, a method for creating your own studio model, and the story of Design Commission (http://www.designcommission.com), a successful design business in Seattle, Washington. This presentation was delivered by David Sherwin and David Conrad as part of AIGA Seattle's "Design Business for Breakfast" series and is now part of David Sherwin's book "Success by Design: The Essential Business Reference for Designers" (http://www.davidsherwin.com/success).
Heartland 2050 Community Visioning Workshops are exciting, interactive public meetings that you won't want to miss!
In this presentation, you'll learn about scenario planning, the mapping exercise, and what happens after the workshop.
This presentation explores a fifth scenario, that builds on the best of the previous scenarios, and describes the organization, approach to daylight, and open space in greater detail. SAS Design Principles and the discovery opportunities and implications are the framework used to describe scenario 5.
Example Organizational Models for Design BusinessesDavid Sherwin
An organizational model describes how your studio employees work together: how tasks are delegated to people, how people collaborate to complete projects and who supervises the work to make sure it’s great. It should be a reflection of how your studio earns revenue—the mix of types of work and products created for your customers—and of your studio philosophy. This document visualizes illustrations of common organizational models for certain types of design businesses. This content is referenced on page 264 of Success by Design: The Essential Business Reference for Designers by David Sherwin, published by HOW Books. Get the book at http://amzn.to/successbydesign
Morgenbrief med 23, MOC & Cope: Content Strategy for VideoRasmus Skjoldan
(Presentation is in Danish.)
Morgenbrief d. 19. marts 2015 om video, arrangeret af 23, MOC og Cope.
Velkommen og hvorfor video - Henrik Harder (23)
Sådan arbejder Samvirke med video - Liv Mygind (Samvirke/Coop)
Sådan arbejder Det Kongelige Teater med video - Peter Schaufuss (Det Kongelig Teater)
Content Strategy for video - Rasmus Skjoldan (Cope)
Cope's præsentation handlede om hvad content strategy fagfeltet byder på, når det handler om videoindhold. Content strategy ses af mange som indholdsstrategi for store tekstmængder, men principper for, f.eks. hvordan indhold genbruges i mange kanaler, er præcis de samme, når indholdstypen er de levende billeder.
Guide To Continuous Deployment Containerization With Docker Complete DeckSlideTeam
Guide To Continuous Deployment Containerization With Docker Complete Deck is appropriate for upper and mid-level managers. This audience-friendly PPT format simplifies the explanation of continuous deployment using docker. With the help of our platform as a service PowerPoint slideshow, you can easily elucidate virtualization and containerization. Docker software engineers can also take advantage of this visually-gripping PPT template deck. Elucidate the benefits of containerization over virtualization. Illustrate the use cases, definition, and benefits of docker application by the means of our custom PowerPoint presentation. Employ state-of-the-art diagrams featured in this PPT layout to represent the docker architecture. You can walk your audience through the differences between Virtualization vs Containerization. This will help organizations to implement Containers with Dockers in an effective manner. Also, communicate the important basics such as the docker hub, docker image, and docker file to the audience with appreciable ease. Hit the download icon and begin personalization instantly. https://bit.ly/2WJKFr2
Vidyard's Complete Guide to Video ProductionVidyard
Creating B2B video content to use across all your digital channels is more important than ever. It's also more accessible than ever for anyone to become a video content creator. No matter your skill level (or even your role), this production guide will help you create great video content from pre-production through to the final product.
You can dive deeper over on the Vidyard blog: https://bit.ly/3vtk6a4
Participatory Design: Bringing Users Into Your ProcessDavid Sherwin
Good user research has a big impact on product quality. But Agile teams can struggle to integrate user research at the right places. In this talk by Erin Muntzert and David Sherwin, we talk about how Participatory Design can help Agile teams better understand the needs of their customers and get the right design ideas into their products. This talk has been adapted from a workshop that we have delivered at UX Week, Interaction, and UX London: http://bit.ly/pdesignux
Designing for Positive Behaviors and HabitsDavid Sherwin
We live in a world where we expect the applications and services we use every day to not only help us do what we want to do, but encourage us to help reach our goals in ways that will make us healthier, wealthier, and happier. In this talk I delivered at HOW Interactive Design Conference 2014, I explore a growing trend in the interactive space, where product designers are using techniques drawn from the social sciences to support and shape the choices their users make. With the tools I provide in this talk, you can create your first draft of a product intended for positive behavior change, as well as test the first iteration of your design solutions in a responsible manner.
What can your staff do to create their ideal studio culture? And how can that culture align with everyone’s desired working environment? This worksheet is part of an activity to answer these questions. Directions for the activity are on page 267 of Success by Design: The Essential Business Reference for Designers by David Sherwin, published by HOW Books. Get the book at http://amzn.to/successbydesign
This worksheet goes along with an activity to help you determine what skills and roles you may need to hire for your design business in the future. Directions for the activity are on page 272 of Success by Design: The Essential Business Reference for Designers by David Sherwin, published by HOW Books. Get the book at http://amzn.to/successbydesign
These are 10 bonus challenges in addition to those that you'll find in "Creative Workshop: 80 Challenges to Sharpen Your Design Skills," which is out now from HOW Books.
They were released at South by Southwest Interactive at my author's talk.
This e-book is an accompaniment to the book "Creative Workshop: 80 Challenges to Sharpen Your Design Skills," more details here: http://www.davidsherwin.com/creative
"Creative Workshop" contains 80 creative challenges that will help any designer reach a breadth of stronger design solutions, in various media, within any set time period. Exercises range from creating a typeface in an hour, to designing a paper robot in an afternoon, to designing web pages and other interactive experiences. Each exercise includes compelling visual solutions from other designers and background stories to help designers increase their capacity to innovate.
Before the book, however, there was a quarter-long class where design students had to complete 80 projects in just 11 weeks. This Teacher's Guide describes the pedagogical methods behind the book, how to create your own Creative Workshop class or workshop series, as well as how to utilize challenges from the book most effectively in a classroom setting. This text is intended for teachers of design and creative thinking, but it may also be helpful for designers and creative managers.
Creative Workshop: Author's Talk at SxSWiDavid Sherwin
This is an author's talk about "Creative Workshop: 80 Challenges to Sharpen Your Design Skills," delivered at South by Southwest Interactive festival on Friday, March 11th, 2011.
This is my greatest hits album of major business mistakes I've made over my career, both as a freelancer and while working within agencies of all shapes and sizes.
I presented this first at the SCAD Entrepreneurial Forum in Savannah, GA on February 18, 2011. The material is drawn from my second book, "Success by Design: The Essential Business Reference for Designers," which will be out in Fall 2012.
Better Ideas Faster: How to Brainstorm More EffectivelyDavid Sherwin
Use these practical methods to help you brainstorm better, smarter, and more effectively, no matter the timeline. Using these methods, you can approach a design problem with the right questions so you can focus your creative energy on finding solutions.
UiPath Test Automation using UiPath Test Suite series, part 3DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 3. In this session, we will cover desktop automation along with UI automation.
Topics covered:
UI automation Introduction,
UI automation Sample
Desktop automation flow
Pradeep Chinnala, Senior Consultant Automation Developer @WonderBotz and UiPath MVP
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
Accelerate your Kubernetes clusters with Varnish CachingThijs Feryn
A presentation about the usage and availability of Varnish on Kubernetes. This talk explores the capabilities of Varnish caching and shows how to use the Varnish Helm chart to deploy it to Kubernetes.
This presentation was delivered at K8SUG Singapore. See https://feryn.eu/presentations/accelerate-your-kubernetes-clusters-with-varnish-caching-k8sug-singapore-28-2024 for more details.
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Albert Hoitingh
In this session I delve into the encryption technology used in Microsoft 365 and Microsoft Purview. Including the concepts of Customer Key and Double Key Encryption.
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...DanBrown980551
Do you want to learn how to model and simulate an electrical network from scratch in under an hour?
Then welcome to this PowSyBl workshop, hosted by Rte, the French Transmission System Operator (TSO)!
During the webinar, you will discover the PowSyBl ecosystem as well as handle and study an electrical network through an interactive Python notebook.
PowSyBl is an open source project hosted by LF Energy, which offers a comprehensive set of features for electrical grid modelling and simulation. Among other advanced features, PowSyBl provides:
- A fully editable and extendable library for grid component modelling;
- Visualization tools to display your network;
- Grid simulation tools, such as power flows, security analyses (with or without remedial actions) and sensitivity analyses;
The framework is mostly written in Java, with a Python binding so that Python developers can access PowSyBl functionalities as well.
What you will learn during the webinar:
- For beginners: discover PowSyBl's functionalities through a quick general presentation and the notebook, without needing any expert coding skills;
- For advanced developers: master the skills to efficiently apply PowSyBl functionalities to your real-world scenarios.
Le nuove frontiere dell'AI nell'RPA con UiPath Autopilot™UiPathCommunity
In questo evento online gratuito, organizzato dalla Community Italiana di UiPath, potrai esplorare le nuove funzionalità di Autopilot, il tool che integra l'Intelligenza Artificiale nei processi di sviluppo e utilizzo delle Automazioni.
📕 Vedremo insieme alcuni esempi dell'utilizzo di Autopilot in diversi tool della Suite UiPath:
Autopilot per Studio Web
Autopilot per Studio
Autopilot per Apps
Clipboard AI
GenAI applicata alla Document Understanding
👨🏫👨💻 Speakers:
Stefano Negro, UiPath MVPx3, RPA Tech Lead @ BSP Consultant
Flavio Martinelli, UiPath MVP 2023, Technical Account Manager @UiPath
Andrei Tasca, RPA Solutions Team Lead @NTT Data
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...James Anderson
Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM
The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management.
The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM).
Speakers:
Bob Boule
Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle.
Gopinath Rebala
Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.
2. A intro B break it down C challenge D solution E show & tell
let’s do a
warm-up
exercise
3. A intro B break it down C challenge D solution E show & tell
In 30 seconds,
visualize a gesture
to take a photograph
of your left hand
with your right hand
3
4. A intro B break it down C challenge D solution E show & tell
let’s debrief
Share out your gesture ideas…
how did we perceive each gesture?
how would you communicate your
gesture to your team? Your client?
5. A intro B break it down C challenge D solution E show & tell
what are
video scenarios?
7. A intro B break it down C challenge D solution E show & tell
styles of video scenario
stills with v/o
stop-motion with v/o
live-action video
8. A intro B break it down C challenge D solution E show & tell
some types of video scenarios
capturing a gesture
completing a task flow
fulfilling a user goal
describing a journey
9. A intro B break it down C challenge D solution E show & tell
why use video
when prototyping an interaction?
11. A intro B break it down C challenge D solution E show & tell
“…interaction design
is first and foremost
the design of behavior
that occurs over time.”
—Alan cooper, David cronin, robert reimann, About Face 3
12. A intro B break it down C challenge D solution E show & tell
video captures
ideal behavior
over time
13. A intro B break it down C challenge D solution E show & tell
video captures
what documents
only describe
14. A intro B break it down C challenge D solution E show & tell
video scenario scenario flow
easy to consume time-consuming
includes real context implies context
requires attention requires imagination
“shared vision” “build it to know it”
15. A intro B break it down C challenge D solution E show & tell
video captures
gestural
affordances
16. Phil Van Allen, “object and Screens Speculations” at http://philvanallen.com/downloads/object_videos_w_titles.mov
17. A intro B break it down C challenge D solution E show & tell
video captures
stakeholder
attention
18. A intro B break it down C challenge D solution E show & tell
video is a method
of prototyping?
20. A intro B break it down C challenge D solution E show & tell
video captures
prototypes
21. video “free”
video prototypes can draw from any of the above technologies
David & Aaron maul a chart from “Prototyping: A Practicioner’s Guide” by todd Zaki Warfel / rosenfeldmedia.
22. Paper, narrative, and digital artifacts
shown in real-world use by people.
video “free”
video prototypes can draw from any of the above technologies
David & Aaron maul a chart from “Prototyping: A Practicioner’s Guide” by todd Zaki Warfel / rosenfeldmedia.
23. Gestural input is best captured through
video or a true functional prototype.
video “free”
video prototypes can draw from any of the above technologies
David & Aaron maul a chart from “Prototyping: A Practicioner’s Guide” by todd Zaki Warfel / rosenfeldmedia.
24. A intro B break it down C challenge D solution E show & tell
why not use video
when prototyping an interaction?
25. A intro B break it down C challenge D solution E show & tell
• not interactive
• hard to edit
• disposable
• it’s not “real”
26. A intro B break it down C challenge D solution E show & tell
• time-consuming
to make
27. A intro B break it down C challenge D solution E show & tell
• time-consuming
to make
28. A intro B break it down C challenge D solution E show & tell
example:
a teleportation system
for easy everyday use
on city streets
29. A intro B break it down C challenge D solution E show & tell
Aaron’s example video scenario: teleportation made easy
30. A intro B break it down C challenge D solution E show & tell
break it down:
video scenario
process
31. A intro B break it down C challenge D solution E show & tell
the process:
1 . plan the shoot
2. make & set-up shoot
3. shoot the scenario
4. evaluate & edit
32. A intro B break it down C challenge D solution E show & tell
1. plan the shoot
things to consider…
• Storyboard • Voiceover/sound
• User flows • Schedule
• talent • Budget
• Props • Video capture
• locations • editing methods
33. A intro B break it down C challenge D solution E show & tell
1. plan the shoot
explore what Ux/UI screens are required
34. A intro B break it down C challenge D solution E show & tell
1. plan the shoot
the storyboard shows screens in context
35. A intro B break it down C challenge D solution E show & tell
1. plan the shoot
common shot types:
CLOSE-UP OvEr thE ShOULDEr
MEDIUM EStABLIShING
36. A intro B break it down C challenge D solution E show & tell
1. plan the shoot
Your planning should include:
• complete storyboard (of every key shot)
• Sketched-out flow for required UI screens
• required actions per shot: gestures, expressions,
person-to-person interaction, devices used
• “the hero UI moment” for critical shots
• location detail to pre-visualize shot type/angle
• Voice-over (we aren’t including today)
38. A intro B break it down C challenge D solution E show & tell
2. make & set-up shoot
• Draw necessary screens at size
• Build devices/props
• Set up materials on location
• check actual camera angles w/stand-ins
• Adjust lighting (outdoors can be easier)
• check wardrobe (neutral clothing?)
39. A intro B break it down C challenge D solution E show & tell
3. shoot the scenario
• Adjust details when appropriate
• edit in camera for each shot
• Use a tripod
• limit location detail
• check each shot for technical errors
• Shoot duplicate takes for critical shots
• have fun!!!
40. A intro B break it down C challenge D solution E show & tell
4. evaluate & edit
• Watch all of the takes
• Write up notes: best moments, redos
• reshoot required takes
• load best takes into editing program
• Stitch best takes together
41. A intro B break it down C challenge D solution E show & tell
ready?
let’s make a
video scenario!
42. A intro B break it down C challenge D solution E show & tell
challenge:
design a teleportation
system for easy
everyday use
on city streets
43. A intro B break it down C challenge D solution E show & tell
but unlike our example,
gestural input must
be used to cue and
start transport
how would you describe this interaction
in a 60 second or less video scenario?
44. A intro B break it down C challenge D solution E show & tell
get into groups
of four
45. A intro B break it down C challenge D solution E show & tell
1. plan • complete storyboard
(limit to 6 shots or less!)
20 minutes
• Sketched-out flow for required
UI screens
2. make • required actions per shot:
gestures, expressions, person-to-
30 minutes
person interaction, devices used
3. shoot • “the hero UI moment”
for critical shots
20 minutes • location detail to pre-visualize
shot type/angle
4. evaluate • Be sure to play with your
camera as you plan!
15 minutes
46. A intro B break it down C challenge D solution E show & tell
1. plan • Draw necessary screens at size
20 minutes • Build devices/props
• Set up materials on location
2. make • check actual camera angles with
stand-ins through your camera
30 minutes
• Adjust lighting (outdoors can
be easier than indoors)
3. shoot • check wardrobe—is clothing
20 minutes neutral and doesn’t distract
from UI?
4. evaluate • try out a few key interactions
on film
15 minutes
47. A intro B break it down C challenge D solution E show & tell
1. plan • Shoot your storyboard!
20 minutes • Adjust UI/storyboard details
when appropriate
2. make • edit in camera for each shot
(start/stop)
30 minutes • Use a tripod (or similar stabilizer)
• limit location detail—this isn’t
3. shoot a commercial
20 minutes • check each shot for technical
errors afterwards
4. evaluate • Shoot duplicate takes for
critical shots
15 minutes • have fun!!!
48. A intro B break it down C challenge D solution E show & tell
1. plan • Watch all of the takes, deleting
unusable ones
20 minutes
• Write up notes: best moments,
necessary edit points
2. make • reshoot required takes
30 minutes • load best takes into editing
program (FlipShare)
3. shoot • Stitch best takes together
20 minutes • Be aware—FlipShare adds
crossfades!
4. evaluate
15 minutes
49. A intro B break it down C challenge D solution E show & tell
share out
your videos!
50. A intro B break it down C challenge D solution E show & tell
let’s debrief
What did you notice about the videos?
What worked best?
What could be improved?
51. A intro B break it down C challenge D solution E show & tell
will you use video
when prototyping interaction?