-
Notifications
You must be signed in to change notification settings - Fork 0
/
wikistories-africa.html
130 lines (128 loc) · 6.68 KB
/
wikistories-africa.html
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
<!DOCTYPE html>
<html lang="en" class="js--off">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<meta property="og:title" content="Wikimedia Foundation - Product Design Strategy">
<meta property="og:type" content="website">
<meta property="og:url" content="https://design.wikimedia.org/strategy">
<meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/8/8b/Wikimedia-logo_black.svg">
<link rel="stylesheet" href="css/build/wmui-style-guide.min.css">
<title>Wikistories Africa Research - Wikimedia Product Design Strategy</title>
<script>
document.documentElement.className = document.documentElement.className.replace(/\bjs--off\b/, 'js--on');
</script>
<link rel="dns-prefetch" href="https://piwik.wikimedia.org/">
<link rel="preload" href="fonts/Charter_regular.woff2" as="font" type="font/woff2" crossorigin>
<script src="js/src/fonts-loader.js" async></script>
<script src="js/matomo-tracking.min.js"></script>
</head>
<body class="wdslp wdslp--cta page--section-translation">
<header id="header" class="header">
<div class="content-box">
<a href="#content" class="is-aural is-focusable">Jump to content</a>
<a href="#nav--main" class="is-aural is-focusable">Jump to navigation</a>
<h1 class="site__title"><a href="index.html"><span class="site__logo"></span><span
class="site__org">Wikimedia Design Strategy</span></a></h1>
<label class="btn--nav-main" for="trigger--nav-main" aria-hidden="true" title="Show main menu">
<i></i> <span>Menu</span>
</label>
</div>
</header>
<div class="page">
<div class="content-box">
<div class="col col--start">
<input type="checkbox" id="trigger--nav-main" class="trigger--nav-main">
<nav id="nav--main" class="nav nav--main">
<ol>
<li class="nav__item"><a href="index.html">About</a></li>
<li class="nav__item is-on"><a href="initiatives.html">Initiatives</a>
<ul class="nav__sub-items">
<li class="nav__sub-item"><a href="powered-by-people.html">Powered by People</a></li>
<li class="nav__sub-item"><a href="online-social-behavior.html">Online Social Behavior</a>
</li>
<li class="nav__sub-item"><a href="machine-augmentation.html">Machine Augmentation</a>
</li>
<li class="nav__sub-item"><a href="sentiment-perception.html">Sentiment & Perception</a></li>
<li class="nav__sub-item is-on"><a href="research-development.html">Research & Development</a></li>
<li class="nav__sub-item"><a href="numeric-exploration.html">Numeric Exploration</a></li>
</ul>
</li>
<li class="nav__item"><a href="https://design.wikimedia.org/blog/" target="_blank">Design Blog</a></li>
<li class="nav__item"><a href="timeline.html">Timeline</a></li>
<li class="nav__item"><a href="participate.html">Participate</a></li>
<li class="nav__item"><a href="collaborate.html">Collaborate</a></li>
</ol>
</nav>
</div>
<div class="col col--end">
<main id="content" class="content">
<div class="page__parent-title">Project</div>
<h1 class="page__title">Wikistores Africa Research</h1>
<p class="page__tagline">Nigeria, Kenya, South Africa</p>
<figure>
<img src="img/wikistories_africa.jpg" title="Wikistories Africa Research" alt="Research participant and moderator in session">
<figcaption class="figure__caption">Photo provided by Qhala Digital Consultancy.</figcaption>
</figure>
<section id="project-overview">
<h2>Overview</h2>
<p>Currently, there isn’t an easy way to create or curate a visual narrative from Wikimedia content in a short
snackable format for mobile devices. The overarching goals of this project were threefold. First, to understand
how we might expand the Wikimedia audience, especially in African countries. Secondly, to explore ways of providing
more gradual engagement and sparking interest in topics before users access denser, long-form formats. And finally,
to identify ways of surfacing quality open content and provide a way for quick consumption from an information
source that’s reliable. As part of the project, we also gathered feedback from potential Wikistory creators and
consumers from outside the Wikipedia ecosystem on early concepts and designs for WikiStories.</p>
</section>
<section id="project-updates" class="features">
<h2>Findings</h2>
<ol class="list list--features">
<li class="feature list__col">
<a href="https://meta.wikimedia.org/wiki/Research:Wikistories_Africa_Research_(Nigeria,_Kenya,_South_Africa)"
target="_blank" rel="noopener" class="feature__card">
<h3 class="feature__card--title">Project Objective</h3>
<span class="feature__card--desc"></span>
</a>
</li>
<li class="feature list__col">
<a href="https://meta.wikimedia.org/wiki/File:Wikistories_Africa_-_Qhala_Discovery_Report_(final_discovery_project_report)_(3).pdf"
target="_blank" rel="noopener" class="feature__card">
<h3 class="feature__card--title">Discovery Report</h3>
<span class="feature__card--desc"></span>
</a>
</li>
<li class="feature list__col">
<a href="https://meta.wikimedia.org/wiki/File:Wikistories_Africa_Discovery_Project_Personas_(3).pdf"
target="_blank" rel="noopener" class="feature__card">
<h3 class="feature__card--title">Personas</h3>
<span class="feature__card--desc"></span>
</a>
</li>
<li class="feature list__col">
<a href="https://meta.wikimedia.org/wiki/File:Wikistories_Africa_Final_Usability_Report_(2).pdf"
target="_blank" rel="noopener" class="feature__card">
<h3 class="feature__card--title">Usability Report</h3>
<span class="feature__card--desc"></span>
</a>
</li>
</ol>
</section>
</main>
</div>
</div>
</div>
<footer id="footer" class="footer" role="contentinfo">
<div class="content-box">
<p>Text is available under the <a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank"
rel="noopener" property="license">Creative Commons Attribution-ShareAlike 4.0 International</a>,
additional terms may apply. <br>Code is available under the MIT license.</p>
<p><a href="https://wikimediafoundation.org/privacy-policy/">Privacy policy</a></p>
<p><a href="https://wikimediafoundation.org/" class="lnk--wikimedia-project" property="author"
typeof="Organization">A Wikimedia Foundation project</a></p>
<noscript>
<p><img src="https://piwik.wikimedia.org/piwik.php?idsite=16&rec=1" alt=""></p>
</noscript>
</div>
</footer>
</body>
</html>