HCID 2014: Film & broadcasting techniques applied to UX design. Rebeca Miranda, System Concepts

•

1 like•1,012 views

- Storytelling techniques along the research and design process. - Elements of a story (Characters, plot, space, time) How to create stories - Creating characters from your users - Using the plot as problem solving tool. - Ordering the information to make sense for the viewer. - Narrative types and uses - Filming and broadcasting audiovisual techniques to tell your stories. - Your user as a story creator

Film & broadcasting techniques
applied to UX design
Human Computer Interaction Day 2014
Rebeca Miranda
23rd April 2014

2
Agenda
Film & broadcasting techniques
applied to UX design
Human Computer Interaction Day 2014
Rebeca Miranda

3
Storytelling techniques along a
User Centred Design process
Research
Design
Development
& Evaluation
Storyboards VoxPops Video Highlights Sketching
Collecting storiesPersonas
Brainstorming Role Play
Personas Storyboards
Using stories
to inform
other teams
Turning users’
stories into tasks Ideation sessions
miranda@system-concepts.com@RebecaMiranda

5
Elements of a story
In a UX context
1
2
3 Space and time
Characters
Concept
4 Plot
miranda@system-concepts.com@RebecaMiranda

6
What
do I want to convey with my story?
Who
is my audience?
Why
is this story relevant?, why do other people
need to know it?
The concept

7
User research
Insights
Personas
Storyboards
Live Personas
Role Play
Videos
Your storyUser stories
miranda@system-concepts.com@RebecaMiranda
Creating characters from users
Working with Live Personas

8
Creating characters from your users
Real users
Your imagination
+

9
Creating characters from users
miranda@system-concepts.com@RebecaMiranda

10
Working with archetypes.
Archetype:
ˈärk(i)ˌtīp
•  a very typical example
of a certain person or
thing: the book is a
perfect archetype of the
genre.
•  a recurrent symbol or
motif in literature, art,
or mythology:
mythological archetypes
of good and evil.
miranda@system-concepts.com@RebecaMiranda

11
Ordering the information to make sense for the viewer.
Structure and linearity
1 2 3Resolution
The problem is solved, characters
confronted and the situation leads to an
end – calm state again
Conflict
And incident, a problem or a catalyst that
puts things and characters into motion
Setup
Character and basic situation are
introduced
miranda@system-concepts.com@RebecaMiranda

13
Production
Shot & framing
Types of shots
Resource images
Mid Shot Medium close-up Close-up
Very wide shot Wide shot
Source: http://www.mediacollege.com/video/shots/

14
Post-production
Video edition & audio
miranda@system-concepts.com@RebecaMiranda

1515
Videos and animations
VoxPops, research deliverables and communication tools

17
•  Different characters' points of view
on the same story
•  Different outcomes of the same
story
•  Different outcomes depending on
the spectator
Narrative types and uses
Non-linear variations

18
Using the plot as a problem solving tool.
HCID 2013 – Innovation workshop
Aspects of the
experience Solutions
Issue/
Challenge
Variations
of solution
Valid idea
Story (2nd act)Story (1st act)
Using stories to create
solutions
miranda@system-concepts.com@RebecaMiranda

19
Using the plot as a problem solving tool.
221b Baker Street
miranda@system-concepts.com@RebecaMiranda

20
Your user as a story creator
miranda@system-concepts.com@RebecaMiranda

020 7240 3388
www.system-concepts.com
Rebeca Miranda
miranda@system-concepts.com
@RebecaMiranda

2222
Videos and animations
Project deliverables

The idea of 'designing for users’ is most appealing until business reality hits home: what the users want is work to discover, not what the Product Owner had in mind, what the competition is doing, too hard to build, and so much more. UX is often called at the last minute, in the hope that miracles can happen, “can you add some ux there, it’s not doing terribly well” being an oft-heard preamble to a conversation that’s likely to tumble down and capsize hopes and dreams. The practice of UX requires to support business reality whilst catering for, and sometimes defending users. I will share with you how I've ported my UX knowledge in the teams I've worked with to ensure UX doesn't become the costly harbinger of bad news, enemy of design, arch-enemy of tech and general spanner in the works. I’ll explain what worked and didn't work, the appropriate pace to grow UX in any environment and why HCI academics are the best card in my pocket.

HCID 2014: 3D printing now and in the future. Martin Stevens & Trupti Patel, ...

City University London

HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless.

City University London

Science Fiction can be source of inspiration when thinking and designing UX. From the icon gestural interface of Minority Report to the use of PADDs in Star Trek, writers and film makers have been lucky enough to come up with ideas that are both creative and realistic. This talk with cover a few examples as to how science fiction predicted current technology and behaviours, but also how to choose the right technology to draw inspiration from. The talk will also cover techniques to help get creative through the power of future thinking

HCID 2014: The Graphics Revolution and how Visual Effects became accessible t...

City University London

A brief history of how the rapid advances in GPU technology have allowed film makers and designers to create high end visual effects using accessible computing technology, and how this has lead to the normalisation of VFX in low to mid-range video productions. Touching on software design & development and visual effects processes, the talk will take the form of a brief introduction, software demonstration and examples and Q&A session, examining both backend and front end design considerations.

HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy.

City University London

This talk is about how, as Designers, can we move beyond the need to design a screen into everything and embrace physical interactions? Now computing is becoming ever more ubiquitous & entwined into our lives, surely an acceptable solution isn't to cover our world in icons & screens. There is an emerging trend of beautifully crafted products that are becoming the face of complex systems, yet they have no screen at all and still provide a rich suite of interactions that are easily accessible by the user. What tools are available to us as Interaction Designer’s to give us the courage to step away from our wireframes & start designing beautiful, engaging physical interactions?

HCID 2014: Join the geeks: why designers should contribute to Free and Open S...

City University London

HCID 2014: Developing jewellery for the future. Dan Moller, Kovert Designs.

City University London

Wearable Tech refers to electronic devices worn on the body. Almost all devices released to date are in the form of rubber fitness bands or smartwatches, both worn on the wrist. Whilst in its infancy, Wearable Tech has some innovative potential uses. Imagine being able to control any device in your home by the snap of a finger; unlock your door, car or computer just by touching it; be alerted if your stress level, heart rate or blood sugar level is abnormal or even allow your doctor to remotely administer medication if he sees your vitals drop. We’re on the cusp of a new wave of electronics which will re-define the way people use technology. But fundamentally, people need to want to wear these devices. Whilst Samsung and Apple will no doubt take care of the early adopters and technology advocates who care about functionality and convenience, the fashion conscious consumer has yet to be accounted for. This is the gap in the market that Kovert will exploit through being not only a wearable tech company but also a fashion brand.

Creativity and Innovation

City University London

Creativity and Innovation by Kristine Karlsen (Researcher and City University Centre for HCID). The Centre for Creativity is a new addition to City University London, set up to coordinate and promote research in the area of creativity and innovation in any and all professions and disciplines. From September 2010 we will be running a Masters in Innovation, Creativity and Leadership, known as MICL. For more information: http://creativity.city.ac.uk/

MAGES institute is a private educational institute in Singapore with an outstanding faculty of digital media artists, thinkers and innovators. The motion design course is a bundle deal which will teach you both visual storytelling for designers and motion design production techniques. Creative thinking models like SCAMPER will be taught along with animation. The topics which will be covered are idea to concept, concept to design, IP validation and design to visual story

Visual Storytelling for Designers

Michael512473

Motion design course includes two modules, one which focuses on the creative side of the motion and the other focuses on the production side. Visual storytelling for designers will teach you idea to concept, concept to design, IP validation and design to visual story. You can get trained by world class trainers at MAGES Institute which is a private educational institute in Singapore. You just have to fill an application and the rest will be taken care of!

User centered design workshopPatrick McNeil

L3 gd fmp_working_title_30113Prothean290

The very basics of human-Centered Interaction Design (sigchi.be 11/2010)

Koen Peters

UX Pres MIni version!

Jessi Baker

Prototyping for knowledge based entrepreneurship

Vlad Manea

Two lectures on prototyping for the Knowledge-based Entrepreneurship M.Sc. course at UCPH Innovation Hub, the University of Copenhagen in December 2015. The contains a brief overview of our case study from an IT-research project aimed at improving coordination in elder care centers. As part of the project, we built a series of prototypes. It then continues with a systematic description of prototypes and their properties, along with concrete examples. Several simple pieces of advice, as well as common pitfalls, are presented.

IFI7103 Interface and Interaction DesignHans Põldoja

User experience design portfolio, Harry Brenton

Harry Brenton

Design Patterns for Digital Identity

University of Newcastle, NSW.

MHIT 603: Introduction to Interaction Design

Mark Billinghurst

Design considerations for machine learning system

Akemi Tazaki

PxS'12 - week 1 - Introductionhendrikknoche

2013 Lecture4: Designing AR Interfaces

Mark Billinghurst

Behind the Scenes of City Interaction Lab

City University London

HCID2014: Personifying your portfolio. Nick Grantham, Source.

City University London

Similar to HCID 2014: Film & broadcasting techniques applied to UX design. Rebeca Miranda, System Concepts

XP Day 2013 Experience report

Michael Rawling

09Joe Johnston

IxD Works Miniworkshop: Introduction

InteractionDesign

Intro to User Centered Design Workshop

Patrick McNeil

Major Studio Final Presentation: Delirium ControlLaura Simpson

Once Upon a Time: Storytelling in the Design Process - LearnXDesign 2015

Andy Hunsucker

Visual Storytelling for Designers

Michael512473

Visual Storytelling for Designers

Michael512473

User centered design workshopPatrick McNeil

L3 gd fmp_working_title_30113Prothean290

The very basics of human-Centered Interaction Design (sigchi.be 11/2010)

Koen Peters

UX Pres MIni version!

Jessi Baker

Prototyping for knowledge based entrepreneurship

Vlad Manea

IFI7103 Interface and Interaction DesignHans Põldoja

User experience design portfolio, Harry Brenton

Harry Brenton

Design Patterns for Digital Identity

University of Newcastle, NSW.

MHIT 603: Introduction to Interaction Design

Mark Billinghurst

Design considerations for machine learning system

Akemi Tazaki

PxS'12 - week 1 - Introductionhendrikknoche

2013 Lecture4: Designing AR Interfaces

Mark Billinghurst

Similar to HCID 2014: Film & broadcasting techniques applied to UX design. Rebeca Miranda, System Concepts (20)

XP Day 2013 Experience report

IxD Works Miniworkshop: Introduction

Intro to User Centered Design Workshop

Major Studio Final Presentation: Delirium Control

Once Upon a Time: Storytelling in the Design Process - LearnXDesign 2015

Visual Storytelling for Designers

User centered design workshop

L3 gd fmp_working_title_30113

The very basics of human-Centered Interaction Design (sigchi.be 11/2010)

UX Pres MIni version!

Prototyping for knowledge based entrepreneurship

IFI7103 Interface and Interaction Design

User experience design portfolio, Harry Brenton

Design Patterns for Digital Identity

MHIT 603: Introduction to Interaction Design

Design considerations for machine learning system

PxS'12 - week 1 - Introduction

2013 Lecture4: Designing AR Interfaces

More from City University London

Behind the Scenes of City Interaction Lab

City University London

HCID2014: Personifying your portfolio. Nick Grantham, Source.

City University London

HCID2014: In interfaces we trust? End user interactions with smart systems. D...

City University London

HCID2014: Evaluating the effects of a virtual communication environment for p...

City University London

HCID2014: Adapting to responsive web design. Matt Gibson, Cyber-duck

City University London

We can no longer predict how people are accessing our websites now, let alone in a few years’ time when the technology people use to access the web will inevitably diverge even further and perhaps in ways we haven’t even considered yet. Rather than seeing this unpredictability and lack of control as a problem, we should embrace these ‘known unknowns’ and the inherent flexibility of the web. Put simply, responsive web design is about being more flexible and assuming less about our users, from how they’re accessing our websites and what technology they’re using to their environment. This talk will discuss the four tenets of good responsive design: content parity, performance, future friendliness and accessibility against a backdrop of Matt's experiences designing and building responsive websites over the past 3 years with plenty of useful tips and takeaways along the way.

HCID2014: Accessibility primer. Joe Chidzik, Abilitynet

City University London

HCID2014: How to involve children in design. Monica Ferraro, City University ...

City University London

What are the advantages and challenges inherent in working with children in the design process for creating games or apps? How do you stop them getting bored, and get useful information? This case study looks in detail at a project that tried to do just that, and provides some handy tips at the end. The case study builds on the speaker's dissertation, Designing applications for children, that was submitted as part of the Masters course in Human-Centred Systems at City University London in September 2012. For the dissertation, she worked with children aged 4-5 years old to design an iPad application to learn the names and sounds of the letters, and to read and spell simple words.

Robot study recruitmentCity University London

Ways of seeing: Innovative Research Techniques In Video Ethnography - Nick Le...City University London

How to be Pixel Perfect (Replaces Making Accessibility Accessible) - Matt Gy...City University London

Type on Screens: What to Consider and Why - Toshi Omagari, Monotype City University London

Storytelling applied to the digital context - Rebeca Miranda, System ConceptsCity University London

So You Think You Know How to Brainstorm? - Alison Duffy & Sue Whittle, Persp...City University London

Multi-Device User Experience Research - Ben Logan, Spotless InteractiveCity University London

Kansei Engineering in User-Centred-Design - Mobina Nouri, City University LondonCity University London

Positive Psychology & UX : Enabling Success and Wellbeing - Patrick Jordan, C...City University London

Investigating Perceptible Affordances of Natural User Interfaces - Jacques Ch...City University London

Creativity Support Tools, Do They Really Help? - Dr. Sara Jones, City Univers...City University London

Hcid workshop slides short version perspectivCity University London

Designing a Masters Curriculum Dr.- Simone Stumpf, City University LondonCity University London

More from City University London (20)

Behind the Scenes of City Interaction Lab

HCID2014: Personifying your portfolio. Nick Grantham, Source.

HCID2014: In interfaces we trust? End user interactions with smart systems. D...

HCID2014: Evaluating the effects of a virtual communication environment for p...

HCID2014: Adapting to responsive web design. Matt Gibson, Cyber-duck

HCID2014: Accessibility primer. Joe Chidzik, Abilitynet

HCID2014: How to involve children in design. Monica Ferraro, City University ...

Robot study recruitment

Ways of seeing: Innovative Research Techniques In Video Ethnography - Nick Le...

How to be Pixel Perfect (Replaces Making Accessibility Accessible) - Matt Gy...

Type on Screens: What to Consider and Why - Toshi Omagari, Monotype

Storytelling applied to the digital context - Rebeca Miranda, System Concepts

So You Think You Know How to Brainstorm? - Alison Duffy & Sue Whittle, Persp...

Multi-Device User Experience Research - Ben Logan, Spotless Interactive

Kansei Engineering in User-Centred-Design - Mobina Nouri, City University London

Positive Psychology & UX : Enabling Success and Wellbeing - Patrick Jordan, C...

Investigating Perceptible Affordances of Natural User Interfaces - Jacques Ch...

Creativity Support Tools, Do They Really Help? - Dr. Sara Jones, City Univers...

Hcid workshop slides short version perspectiv

Designing a Masters Curriculum Dr.- Simone Stumpf, City University London

Recently uploaded

State of ICS and IoT Cyber Threat Landscape Report 2024 preview

Prayukth K V

The IoT and OT threat landscape report has been prepared by the Threat Research Team at Sectrio using data from Sectrio, cyber threat intelligence farming facilities spread across over 85 cities around the world. In addition, Sectrio also runs AI-based advanced threat and payload engagement facilities that serve as sinks to attract and engage sophisticated threat actors, and newer malware including new variants and latent threats that are at an earlier stage of development. The latest edition of the OT/ICS and IoT security Threat Landscape Report 2024 also covers: State of global ICS asset and network exposure Sectoral targets and attacks as well as the cost of ransom Global APT activity, AI usage, actor and tactic profiles, and implications Rise in volumes of AI-powered cyberattacks Major cyber events in 2024 Malware and malicious payload trends Cyberattack types and targets Vulnerability exploit attempts on CVEs Attacks on counties – USA Expansion of bot farms – how, where, and why In-depth analysis of the cyber threat landscape across North America, South America, Europe, APAC, and the Middle East Why are attacks on smart factories rising? Cyber risk predictions Axis of attacks – Europe Systemic attacks in the Middle East Download the full report from here: https://sectrio.com/resources/ot-threat-landscape-reports/sectrio-releases-ot-ics-and-iot-security-threat-landscape-report-2024/

Elevating Tactical DDD Patterns Through Object Calisthenics

Dorra BARTAGUIZ

After immersing yourself in the blue book and its red counterpart, attending DDD-focused conferences, and applying tactical patterns, you're left with a crucial question: How do I ensure my design is effective? Tactical patterns within Domain-Driven Design (DDD) serve as guiding principles for creating clear and manageable domain models. However, achieving success with these patterns requires additional guidance. Interestingly, we've observed that a set of constraints initially designed for training purposes remarkably aligns with effective pattern implementation, offering a more ‘mechanical’ approach. Let's explore together how Object Calisthenics can elevate the design of your tactical DDD patterns, offering concrete help for those venturing into DDD for the first time!

The Art of the Pitch: WordPress Relationships and Sales

Laura Byrne

Clients don’t know what they don’t know. What web solutions are right for them? How does WordPress come into the picture? How do you make sure you understand scope and timeline? What do you do if sometime changes? All these questions and more will be explored as we talk about matching clients’ needs with what your agency offers without pulling teeth or pulling your hair out. Practical tips, and strategies for successful relationship building that leads to closing the deal.

Essentials of Automations: The Art of Triggers and Actions in FME

Safe Software

In this second installment of our Essentials of Automations webinar series, we’ll explore the landscape of triggers and actions, guiding you through the nuances of authoring and adapting workspaces for seamless automations. Gain an understanding of the full spectrum of triggers and actions available in FME, empowering you to enhance your workspaces for efficient automation. We’ll kick things off by showcasing the most commonly used event-based triggers, introducing you to various automation workflows like manual triggers, schedules, directory watchers, and more. Plus, see how these elements play out in real scenarios. Whether you’re tweaking your current setup or building from the ground up, this session will arm you with the tools and insights needed to transform your FME usage into a powerhouse of productivity. Join us to discover effective strategies that simplify complex processes, enhancing your productivity and transforming your data management practices with FME. Let’s turn complexity into clarity and make your workspaces work wonders!

PHP Frameworks: I want to break free (IPC Berlin 2024)

Ralf Eggert

In this presentation, we examine the challenges and limitations of relying too heavily on PHP frameworks in web development. We discuss the history of PHP and its frameworks to understand how this dependence has evolved. The focus will be on providing concrete tips and strategies to reduce reliance on these frameworks, based on real-world examples and practical considerations. The goal is to equip developers with the skills and knowledge to create more flexible and future-proof web applications. We'll explore the importance of maintaining autonomy in a rapidly changing tech landscape and how to make informed decisions in PHP development. This talk is aimed at encouraging a more independent approach to using PHP frameworks, moving towards a more flexible and future-proof approach to PHP development.

20240605 QFM017 Machine Intelligence Reading List May 2024

Matthew Sinclair

Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...

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.

FIDO Alliance Osaka Seminar: Overview.pdf

FIDO Alliance

PCI PIN Basics Webinar from the Controlcase Team

ControlCase

FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf

FIDO Alliance

FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf

FIDO Alliance

GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...

Neo4j

Dr. Sean Tan, Head of Data Science, Changi Airport Group Discover how Changi Airport Group (CAG) leverages graph technologies and generative AI to revolutionize their search capabilities. This session delves into the unique search needs of CAG’s diverse passengers and customers, showcasing how graph data structures enhance the accuracy and relevance of AI-generated search results, mitigating the risk of “hallucinations” and improving the overall customer journey.

GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...

Neo4j

Sudheer Mechineni, Head of Application Frameworks, Standard Chartered Bank Discover how Standard Chartered Bank harnessed the power of Neo4j to transform complex data access challenges into a dynamic, scalable graph database solution. This keynote will cover their journey from initial adoption to deploying a fully automated, enterprise-grade causal cluster, highlighting key strategies for modelling organisational changes and ensuring robust disaster recovery. Learn how these innovations have not only enhanced Standard Chartered Bank’s data infrastructure but also positioned them as pioneers in the banking sector’s adoption of graph technology.

Elizabeth Buie - Older adults: Are we really designing for our future selves?

Nexer Digital

Free Complete Python - A step towards Data Science

RinaMondal9

Pushing the limits of ePRTC: 100ns holdover for 100 days

Adtran

GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024

Neo4j

Microsoft - Power Platform_G.Aspiotis.pdf

Uni Systems S.M.S.A.

Video Streaming: Then, Now, and in the Future

Alpen-Adria-Universität

In his public lecture, Christian Timmerer provides insights into the fascinating history of video streaming, starting from its humble beginnings before YouTube to the groundbreaking technologies that now dominate platforms like Netflix and ORF ON. Timmerer also presents provocative contributions of his own that have significantly influenced the industry. He concludes by looking at future challenges and invites the audience to join in a discussion.

Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf

91mobiles

Recently uploaded (20)

State of ICS and IoT Cyber Threat Landscape Report 2024 preview

Elevating Tactical DDD Patterns Through Object Calisthenics

The Art of the Pitch: WordPress Relationships and Sales

Essentials of Automations: The Art of Triggers and Actions in FME

PHP Frameworks: I want to break free (IPC Berlin 2024)

20240605 QFM017 Machine Intelligence Reading List May 2024

Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...

FIDO Alliance Osaka Seminar: Overview.pdf

PCI PIN Basics Webinar from the Controlcase Team

FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf

FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf

GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...

GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...

Elizabeth Buie - Older adults: Are we really designing for our future selves?

Free Complete Python - A step towards Data Science

Pushing the limits of ePRTC: 100ns holdover for 100 days

GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024

Microsoft - Power Platform_G.Aspiotis.pdf

Video Streaming: Then, Now, and in the Future

Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf

HCID 2014: Film & broadcasting techniques applied to UX design. Rebeca Miranda, System Concepts

1. Film & broadcasting techniques applied to UX design Human Computer Interaction Day 2014 Rebeca Miranda 23rd April 2014

2. 2 Agenda Film & broadcasting techniques applied to UX design Human Computer Interaction Day 2014 Rebeca Miranda

3. 3 Storytelling techniques along a User Centred Design process Research Design Development & Evaluation Storyboards VoxPops Video Highlights Sketching Collecting storiesPersonas Brainstorming Role Play Personas Storyboards Using stories to inform other teams Turning users’ stories into tasks Ideation sessions miranda@system-concepts.com@RebecaMiranda

4. How to create stories

5. 5 Elements of a story In a UX context 1 2 3 Space and time Characters Concept 4 Plot miranda@system-concepts.com@RebecaMiranda

6. 6 What do I want to convey with my story? Who is my audience? Why is this story relevant?, why do other people need to know it? The concept

7. 7 User research Insights Personas Storyboards Live Personas Role Play Videos Your storyUser stories miranda@system-concepts.com@RebecaMiranda Creating characters from users Working with Live Personas

8. 8 Creating characters from your users Real users Your imagination +

9. 9 Creating characters from users miranda@system-concepts.com@RebecaMiranda

10. 10 Working with archetypes. Archetype: ˈärk(i)ˌtīp •  a very typical example of a certain person or thing: the book is a perfect archetype of the genre. •  a recurrent symbol or motif in literature, art, or mythology: mythological archetypes of good and evil. miranda@system-concepts.com@RebecaMiranda

11. 11 Ordering the information to make sense for the viewer. Structure and linearity 1 2 3Resolution The problem is solved, characters confronted and the situation leads to an end – calm state again Conflict And incident, a problem or a catalyst that puts things and characters into motion Setup Character and basic situation are introduced miranda@system-concepts.com@RebecaMiranda

12. 12 Pre-production Planning ahead

13. 13 Production Shot & framing Types of shots Resource images Mid Shot Medium close-up Close-up Very wide shot Wide shot Source: http://www.mediacollege.com/video/shots/

14. 14 Post-production Video edition & audio miranda@system-concepts.com@RebecaMiranda

15. 1515 Videos and animations VoxPops, research deliverables and communication tools

16. Other techniques to create stories

17. 17 •  Different characters' points of view on the same story •  Different outcomes of the same story •  Different outcomes depending on the spectator Narrative types and uses Non-linear variations

18. 18 Using the plot as a problem solving tool. HCID 2013 – Innovation workshop Aspects of the experience Solutions Issue/ Challenge Variations of solution Valid idea Story (2nd act)Story (1st act) Using stories to create solutions miranda@system-concepts.com@RebecaMiranda

19. 19 Using the plot as a problem solving tool. 221b Baker Street miranda@system-concepts.com@RebecaMiranda

20. 20 Your user as a story creator miranda@system-concepts.com@RebecaMiranda

21. 020 7240 3388 www.system-concepts.com Rebeca Miranda miranda@system-concepts.com @RebecaMiranda

22. 2222 Videos and animations Project deliverables

HCID 2014: Film & broadcasting techniques applied to UX design. Rebeca Miranda, System Concepts

Recommended

Recommended

More Related Content

Similar to HCID 2014: Film & broadcasting techniques applied to UX design. Rebeca Miranda, System Concepts

Similar to HCID 2014: Film & broadcasting techniques applied to UX design. Rebeca Miranda, System Concepts (20)

More from City University London

More from City University London (20)

Recently uploaded

Recently uploaded (20)

HCID 2014: Film & broadcasting techniques applied to UX design. Rebeca Miranda, System Concepts