-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathmethodology.html
More file actions
157 lines (157 loc) · 10.6 KB
/
Copy pathmethodology.html
File metadata and controls
157 lines (157 loc) · 10.6 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="canonical" href="https://www.digitalinclusiontoolkit.org/">
<meta name="author" content="Digital Inclusion and Participation Toolkit project team">
<meta name="description" content="The Digital Inclusion and Participation Toolkit">
<meta property="og:site_name" content="Digital Inclusion and Participation Toolkit">
<meta property="og:title" content="The Digital Inclusion and Participation Toolkit">
<meta property="og:description" content="A method and set of open source future-looking digital and mobile tools created with and for currently under-served users">
<meta property="og:image" content="https://www.digitalinclusiontoolkit.org/css/toolkit-banner.png">
<meta property="og:image:width" content="1430">
<meta property="og:image:height" content="628">
<meta property="og:type" content="website">
<meta property="og:locale" content="en_GB">
<meta property="og:url" content="https://www.digitalinclusiontoolkit.org/">
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:title" content="The Digital Inclusion and Participation Toolkit">
<meta property="twitter:description" content="A collection of methods and open-source tools to support digital inclusion and participation">
<meta property="twitter:image" content="https://www.digitalinclusiontoolkit.org/css/toolkit-banner.png">
<meta property="twitter:url" content="https://www.digitalinclusiontoolkit.org/">
<link rel="icon" href="css/favicon.png">
<title>The Digital Inclusion and Participation Toolkit</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/flickity-1.1.1.min.css">
<link rel="stylesheet" href="css/style.css">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<script src="js/flickity-1.1.1.pkgd.min.js"></script>
</head>
<body>
<div class="site-wrapper">
<div class="site-wrapper-inner wrapper-faded">
<div class="cover-container">
<div class="masthead masthead-faded clearfix">
<div class="inner">
<a href="index.html"><h1 class="masthead-brand">The Digital Inclusion and Participation Toolkit<br></h1></a>
<ul class="nav masthead-nav">
<li><a href="/">About</a></li>
<li>
<div class="dropdown">
<button class="dropbtn">Tools</button>
<div class="dropdown-content">
<a href="/better-together/">Better Together</a>
<a href="/appropriate/">APPropriate</a>
<a href="/streetwise/">StreetWise</a>
<a href="/sustainabot/">Sustainabot</a>
<a href="/chameleon/">Chameleon</a>
<a href="/shopping-beacons/">Shopping Beacons</a>
</div>
</div>
</li>
<li><a href="/methodology.html">Methods</a></li>
</ul>
</div>
</div>
<div class="inner cover">
<div class="content">
<div class="row">
<div class="col-xs-5 col-sm-4 col-md-3 col-lg-2 col-xl-2">
<a href="img/Methodology.png"><img src="img/Methodology.png" class="img-responsive"></a>
</div>
<div class="col-xs-7 col-sm-8 col-md-9 col-lg-10 col-xl-10">
<h1>Methodology</h1>
<p>A key contribution of the toolkit is the methodology we used throughout the process of co-creating the resulting apps and services. Documentation is included in the reports of two separate innovation sprints.</p>
</div>
</div>
<h2>Itinerative Design</h2>
<div class="row">
<div class="col-lg-7 col-md-6 col-sm-5 col-xs-0">
<p>The illustration to the right shows the broad vision of the itinerative design methodology. The process begins locally with driver emergent community members not as users or appropriators, but as technological innovators and future-makers. These local driver community innovations are then rippled out and reflected back, first to local experts, cultural commentators and other stakeholders, and then travel further to emergent and “expert” user groups in other regions, taking the ideas and suggestions made by initial innovators to other future-makers for further testing, situating, and enriching. </p>
</div>
<div class="col-lg-5 col-md-6 col-sm-7 col-xs-12">
<img class="img-responsive" src="img/ripples.jpg">
</div>
</div>
<p>Each cycle—or segment—of itinerative design, then, begins when the core interaction team visits a driver region community of emergent users to conduct intensive innovation workshops with future-makers, which aim to identify a series of interaction challenges and potential technology interventions. Rapid, in-situ ideation, scenario generation and low-fidelity prototyping are documented before feeding back to local technology experts, NGOs, cultural commentators and other stakeholders for response and refinement.</p>
<p>Next in the process is a series of prototypes of techniques and devices to address the opportunities identified during the initial future-making workshops. These prototypes are iteratively developed and piloted in controlled studies across several different emergent communities, refining and adapting between each iteration. Longitudinal deployments are then undertaken within multiple driver regions; again, interpreting, refining, adapting and situating throughout. Finally, at the end of the process, we look to the global by pivoting to explore how the resultant technologies could be beneficial beyond those communities involved in the design process to “traditional” users.</p>
<p>The overall itinerative design process consists of ten phases:</p>
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-7 col-xs-0">
<p><strong>Phase 1:</strong> Preparatory work to select and filter the technology concepts to be used as demonstrators in ideation workshops.</p>
<p><strong>Phase 2:</strong> Future-making workshops, which were structured to probe participants’ current use of mobile devices, and their daily routines and activities, followed by exercises to evaluate how the technologies we demonstrated might fit.
</p>
<p><strong>Phase 3:</strong> Analysis of the data, ideas and insights gathered from the future-making workshop sessions, using these to create concept designs and potential scenarios of use
</p>
</div>
<div class="col-lg-3 col-md-3 col-sm-5 col-xs-6">
<img class="img-responsive" src="img/phases/P1.jpg">
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
<img class="img-responsive" src="img/phases/P3.jpg">
</div>
</div>
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-4 col-xs-6">
<img class="img-responsive" src="img/phases/P2.jpg">
</div>
<div class="col-lg-3 col-md-3 col-sm-4 col-xs-6">
<img class="img-responsive" src="img/phases/P4.jpg">
</div>
<div class="col-lg-6 col-md-6 col-sm-4 col-xs-0">
<p><strong>Phase 4:</strong> A summit event with local technology experts, NGOs and other stakeholders to test and challenge the designs.
</p>
<p><strong>Phase 5:</strong> Ideas from summit and analysis reflected back to emergent communities for further discussion.
</p>
<p><strong>Phase 6:</strong> Creating a basic working prototype of the design to demonstrate to participants in each driver region.
</p>
</div>
</div>
<div class="row">
<div class="col-lg-9 col-md-9 col-sm-6 col-xs-0">
<p><strong>Phase 7:</strong> Lab studies in each driver region. Between each lab study in each location, prototypes are refined based on ideas and feedback from participants, before looping back into further driver communities for enrichment and enhancement.
</p>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<img class="img-responsive" src="img/phases/P6.jpg">
</div>
</div>
<div class="row">
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
<img class="img-responsive" src="img/phases/P5.jpg">
</div>
<div class="col-lg-9 col-md-8 col-sm-6 col-xs-0">
<p><strong>Phase 8:</strong> Intense development work, creating a deployable version of the prototype system.
</p>
<p><strong>Phase 9:</strong> Longitudinal deployments with emergent user communities in driver regions, involving both original participants from the future-making workshops and additionally recruited testers. Similar to Phase 7, prototypes are refined, enhanced and enriched between each iteration.
</p>
</div>
</div>
<p><strong>Phase 10:</strong> Pivoting back and expanding to wider communities. Typically, this stage involves the release of an open-source toolkit, and a launch event to spur wider adoption.
</p>
<h2>Additional Resources</h2>
<p>Further details of this method can be found in the open-access publication below:</p>
<ul>
<li><a href="https://doi.org/10.1007/s00779-016-0982-0">Beyond 'Yesterday's Tomorrow': Future-Focused Mobile Interaction Design By and For Emergent Users</a>. M. Jones, S. Robinson, J. Pearson, M. Joshi, D. Raju, C. Mbogo, S. Wangari, A. Joshi, E. Cutrell, R. Harper, published in Personal and Ubiquitous Computing, 2016</li>
</ul>
<p>The reports below provide further detail about the methods employed at each stage of the project:</p>
<ul>
<li><a href="mobile-futures-by-emergent-users.pdf" title="Another Perspective">Another Perspective: Mobile Futures Imagined By and For Emergent Users in India, Kenya and South Africa</a></li>
<li><a href="inclusion-and-engagement-in-digital-innovation.pdf" title="Itinerative Design">Itinerative Design: A User-Centred Method for Inclusion and Engagement in Digital Innovation</a></li>
</ul>
</div>
<div class="mastcredits">This work was funded by EPSRC grant <a href="https://gtr.ukri.org/projects?ref=EP/M00421X/1">EP/M00421X/1</a></div>
<div class="mastfoot"><a href="mailto:hello@digitalinclusiontoolkit.org">Contact</a></div>
</div>
</div>
</div>
</div>
</body>
</html>