-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathux.html
245 lines (219 loc) · 15.4 KB
/
ux.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
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
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
<!DOCTYPE html>
<html lang="en">
<head>
<title>Portfolio - Amanda Alling Andrén</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.rawgit.com/konpa/devicon/df6431e323547add1b4cf45992913f15286456d3/devicon.min.css">
<link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
<link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
<script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous"></script>
<script>
$(function(){
$("#header").load("partials/header.html", function onclick(){
$('.sidenav').sidenav();
});
$("#fab").load("partials/fab.html", function onclick(){
$('.fixed-action-btn').floatingActionButton();
});
$("#footer").load("partials/footer.html");
});
</script>
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="js/materialize.js"></script>
<script src="js/init.js"></script>
<script src="https://kit.fontawesome.com/a98657c293.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/devicons/[email protected]/devicon.min.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;700&family=Press+Start+2P&display=swap" rel="stylesheet">
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico"/>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-YHSY0Z59GP"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-YHSY0Z59GP');
</script>
</head>
<body>
<header>
<div id="header"></div>
</header>
<!-- fixed action button FAB-->
<div id="fab"></div>
<!-- welcome icon section -->
<div class="parallax-container divider-block">
<div class="container">
<!-- <div class="section"> -->
<div class="row" style="margin-bottom: 0;">
<div class="col s12 m12 l10 offset-l1">
<h4>User Experience Research & Design</h4>
<h4 class="flow-text">UX Research & Project Management at Fast Travel Games</h4>
<p class="flow-text">
As the sole UX Researcher at Fast Travel Games, I was responsible for designing, executing, and managing the entire user research (UXR) process across multiple projects. My role encompassed everything from <b>introducing UX research to external development teams, booking and prioritizing research projects, designing and conducting playtests, and delivering actionable reports and presentations</b>. I ensured that each project received proper UX testing, balancing priorities when schedules collided and aligning research efforts with development milestones.
</p>
<!-- <h4 class="flow-text">Core Responsibilities</h4> -->
</div>
<div class="col s12 m12 l6">
<h5 class="flow-text">End-to-End UX Research Management</h5>
<ul class="flow-text browser-default">
<li class="bullet"><b>Solely responsible for the entire UXR process</b>, from onboarding external teams to playtesting execution and reporting.</li>
<li class="bullet">Managed project scheduling, ensuring <b>all critical games received testing</b> while prioritizing efforts based on project importance and development needs.</li>
<li class="bullet">Introduced UX best practices to teams unfamiliar with structured user research, integrating UXR into development workflows.</li>
</ul>
</div>
<div class="col s12 m12 l6">
<h5 class="flow-text">Participant Recruitment & Playtest Execution</h5>
<ul class="flow-text browser-default">
<li class="bullet">Built and maintained an <b>external player database</b>, recruiting participants worldwide through <b>social media, Reddit, Discord forums, and word of mouth</b>.</li>
<li class="bullet">Designed and launched a <b>playtest signup and FAQ website</b>, ensuring visibility by linking it to the company site.</li>
<li class="bullet">Established <b>user journeys, user tagging, automations, and campaign structures in MailChimp</b> to streamline recruitment and communication.</li>
<li class="bullet"><b>Handled project-specific signups and feedback collection</b>, initially through Google Forms and later transitioning to <b>SurveyMonkey</b> for improved data tracking and analysis.</li>
<li class="bullet">Conducted playtesting through a variety of formats, including <b>moderated in-person, remote, and unmoderated usability tests</b>.</li>
</ul>
</div>
<div class="col s12 m12 l6">
<h5 class="flow-text">Data Collection, Analysis & Reporting</h5>
<ul class="flow-text browser-default">
<li class="bullet">Delivered <b>detailed UXR reports</b> that included <b>player insights, prioritized issues, and actionable suggestions</b>.</li>
<li class="bullet">Provided <b>mockups and design recommendations</b> to address usability pain points and improve game experiences.</li>
<li class="bullet">Created <b>"Common UX Pitfalls" documentation</b>, identifying recurring issues across multiple research projects and providing new teams with <b>preemptive UX guidelines</b>.</li>
<li class="bullet">Played and evaluated games <b>before conducting playtests</b>, helping teams avoid <b>common usability mistakes</b> before user testing.</li>
<li class="bullet">Adjusted UX best practices <b>based on target audiences and the evolving VR industry</b>, ensuring research insights remained relevant to the rapidly changing landscape.</li>
</ul>
</div>
<div class="col s12 m12 l6">
<h5 class="flow-text">Cross-Team Collaboration & Communication</h5>
<ul class="flow-text browser-default">
<li class="bullet">Translated research findings into <b>clear, prioritized recommendations</b>, ensuring insights were actionable within production constraints.</li>
<li class="bullet">Delivered <b>presentations and reports</b> to developers, designers, and external partners, aligning teams on UX improvements.</li>
<li class="bullet">Maintained communication with external studios, ensuring <b>research results were effectively integrated into their development processes</b>.</li>
</ul>
</div>
<div class="col s12 m12 l6">
<h5 class="flow-text">Process Development & Efficiency Improvements</h5>
<ul class="flow-text browser-default">
<li class="bullet">Standardized <b>UX research workflows, templates, and documentation</b> for efficiency and consistency across projects.</li>
<li class="bullet">Developed <b>playtesting best practices</b> tailored to VR and non-VR games, addressing unique interaction challenges.</li>
<li class="bullet">Continuously refined UX methodologies to fit <b>different development cadences</b>, from early concept validation to final usability testing.</li>
</ul>
</div>
<div class="col s12 m12 l0 offset-l1">
<h5 class="flow-text">Project management leadership with a Team of UX Designers
</h5>
<p class="flow-text">In addition to independently managing UX research, I have experience leading teams of UX designers, ensuring structured workflows, clear communication, and impactful research outcomes. I coordinated research efforts, assigned tasks, managed project timelines, and aligned our findings with development teams to implement meaningful UX improvements.
</p>
<ul class="flow-text browser-default">
<!-- <li class="bullet">Led a large-scale player motivation and onboarding study for Pax Dei, coordinating research efforts, structuring a shared research database, and ensuring findings informed onboarding design and player retention strategies. </li> -->
<li class="bullet">Managed fast-paced UX iteration for Madshot, refining UI readability, player feedback systems, and usability while prioritizing quick, high-impact improvements. </li>
<li class="bullet">Acted as the primary stakeholder liaison, ensuring UX insights were effectively communicated and implemented by developers. </li>
<li class="bullet">Designed and executed user personas, usability testing, and feedback loops, tailoring recommendations to diverse player types. </li>
<li class="bullet">Structured documentation, research workflows, and team collaboration strategies to streamline processes and improve efficiency. </li>
<li class="bullet">Balanced tight deadlines and limited implementation time by prioritizing the most impactful UX improvements. </li>
</ul>
</div>
<div class="col s12 m12 l0 offset-l1'">
<p class="flow-text">
By structuring and leading these research efforts, I ensured that <b>player insights directly contributed to improving game experiences, balancing user needs with production realities</b>. Below, I will go into specifics for individual projects.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="divider-block">
</div>
<div class="parallax-container" id="">
<div class="parallax img-overlay"><img src="images/projects/mannequin/mannequin_logo.png"></div>
<div class="container">
<a href="mannequin">
<div class="card-background card-border card row hoverable rounded_corners large-screen-margin">
<div class="col s12 m12 l10 offset-l1">
<div class="center">
<img src="images/projects/ftg/ftg_logo.png" alt="Fast Travel Games Logo" class="img-half-out hide-on-small-screen">
</div>
<h4 style="padding-top:10px">Mannequin - multiple tests</h4>
<p class="light flow-text ">
I conducted multiple UX tests, FTG's first online tests and sentiment surveys for our title Mannequin, an asymmetric multiplayer game for up to 5 players, filled with suspense, social deduction and fast, sudden action.
</p>
<div class="col hide-on-small-screen" style="margin-bottom: 20px;">
<i class='small-bubble'><img alt="Oculus logo" src="images/projects/logo-oculus.svg" width="60" height="60" style="margin-bottom:-3px;" class="none"/></i>
<i class="fab fa-steam small-bubble-no-margain-bottom small-icon" style="padding-top:0;"></i>
<div class="roundbubble flow-text small-bubble" style="margin-left: 0px;">Testing</div>
<div class="roundbubble flow-text small-bubble">Beta</div>
<div class="roundbubble flow-text small-bubble">Early Access</div>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="divider-block">
</div>
<div class="parallax-container">
<div class="parallax img-overlay"><img src="images/projects/paxdei/paxdei_logo.jpeg"></div>
<div class="container">
<a href="paxdei">
<div class="card-background card-border card row hoverable rounded_corners large-screen-margin">
<div class="col s12 m12 l10 offset-l1">
<div class="center">
<img src="images/projects/paxdei/logo_shadow.png" alt="Mainframe Industries Logo" class="img-half-out hide-on-small-screen">
</div>
<h4 style="padding-top:10px">Pax Dei - MMO Traversal System For Blind Players</h4>
<p class="light flow-text" style="margin-bottom: 20px;">
Designed a traversal system for a sandbox MMO that was more accessible and enjoyable for totally blind gamers.
Six concepts were developed through research and consultation with an accessibility expert and were prototyped and tested with the target audience.
</p>
<div class="col hide-on-small-screen" style="margin-bottom: 20px;">
<i class="fab fa-steam small-bubble-no-margain-bottom small-icon" style="padding-top:0;"></i>
<div class="roundbubble flow-text small-bubble" style="margin-left: 0px;">UX</div>
<div class="roundbubble flow-text small-bubble">Prototyping</div>
<div class="roundbubble flow-text small-bubble">PM</div>
<i class='small-bubble'><img alt="Miro logo" src="images/projects/miro_icon_white.svg" width="60" height="60" style="margin-bottom:-3px;" class="none"/></i>
<i class='devicon-photoshop-plain small-bubble small-icon'></i>
<i class='devicon-xd-plain small-bubble small-icon'></i>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="divider-block">
</div>
<div class="parallax-container" id="">
<div class="parallax img-overlay"><img src="images/projects/cities/cities.jpg"></div>
<div class="container">
<a href="cities">
<div class="card-background card-border card row hoverable rounded_corners large-screen-margin">
<div class="col s12 m12 l10 offset-l1">
<div class="center">
<img src="images/projects/ftg/ftg_logo.png" alt="Fast Travel Games Logo" class="img-half-out hide-on-small-screen">
</div>
<h4 style="padding-top:10px">Cities: VR - multiple tests</h4>
<p class="light flow-text ">
I focused on improving the tutorial and onboarding experience through prototyping, testing, and design discussions with the team.
<!-- I test, prototype, suggest solutions, and discuss design choices with the team.
While I have worked on creating different solutions to make the game more enjoyable for the player, my largest project is the <b>tutorial</b>. -->
</p>
<div class="col hide-on-small-screen" style="margin-bottom: 20px;">
<i class='small-bubble'><img alt="PSVR logo" src="images/projects/ps_logo.png" width="60" height="60" style="margin-bottom:-3px;" class="none"/></i>
<i class='small-bubble'><img alt="Oculus logo" src="images/projects/logo-oculus.svg" width="60" height="60" style="margin-bottom:-3px;" class="none"/></i>
<div class="roundbubble flow-text small-bubble" style="margin-left: 0px;">Testing</div>
<div class="roundbubble flow-text small-bubble">Prototyping</div>
<i class="fab fa-figma small-bubble small-icon" style="padding-top:0;"></i>
<i class='small-bubble'><img alt="Miro logo" src="images/projects/miro_icon_white.svg" width="60" height="60" style="margin-bottom:-3px;" class="none"/></i>
</div>
</div>
</div>
</a>
</div>
</div>
<!-- footer & contact section -->
<footer class="page-footer black" id="contact">
<div id="footer"></div>
</footer>
</body>
</html>