-
Notifications
You must be signed in to change notification settings - Fork 0
/
resources.html
164 lines (153 loc) · 12.9 KB
/
resources.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Ro Dixon | Resource Library</title>
<meta name="description" content="Library of resources I've put together over the years to either guide clients, designers, developers or some combination of the three.">
<!-- Google / Search Engine Tags -->
<meta itemprop="name" content="Ro Dixon | Resource Library">
<meta itemprop="description" content="TLibrary of resources I've put together over the years to either guide clients, designers, developers or some combination of the three.">
<meta itemprop="image" content="http://rodixondesigns.com/assets/meta-image.png">
<!-- Facebook Meta Tags -->
<meta property="og:url" content="http://rodixondesigns.com">
<meta property="og:type" content="website">
<meta property="og:title" content="Ro Dixon | Resource Library">
<meta property="og:description" content="Library of resources I've put together over the years to either guide clients, designers, developers or some combination of the three.">
<meta property="og:image" content="http://rodixondesigns.com/assets/meta-image.png">
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Ro Dixon | Resource Library">
<meta name="twitter:description" content="Library of resources I've put together over the years to either guide clients, designers, developers or some combination of the three.">
<meta name="twitter:image" content="http://rodixondesigns.com/assets/meta-image.png">
<link rel="icon" href="assets/favicon.ico">
<script src="https://use.fontawesome.com/f766bd3c92.js"></script>
<link href="https://fonts.googleapis.com/css?family=Quicksand|Fira+Sans" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/uikit.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script defer data-domain="rodixondesigns.com" src="https://plausible.io/js/plausible.js"></script>
</head>
<body>
<div class="uk-offcanvas-content">
<header>
<div id="top" class="uk-position-relative lt-gray">
<div class="uk-position-top">
<div uk-sticky="animation: uk-animation-slide-top; sel-target: .uk-navbar-container; cls-active: uk-navbar-sticky; cls-inactive: uk-navbar-transparent; top: 400">
<nav class="uk-navbar-container uk-navbar-transparent" uk-navbar>
<div class="uk-navbar-left uk-margin-left">
<ul class="uk-navbar-nav uk-visible@m">
<li><a class="lobster" href="index.html">Resumé</a></li>
<li><a class="lobster" href="about.html">About</a></li>
<li><a class="lobster font-dk-blue underline" href="work.html">Work</a></li>
</ul>
<div class="uk-navbar-right uk-hidden@m uk-margin-remove-left"> <a class="uk-navbar-toggle" data-uk-toggle data-uk-navbar-toggle-icon href="#offcanvas-nav"></a> </div>
</div>
<div class="uk-navbar-right uk-visible@m uk-margin-large-right"><a href="https://drive.google.com/file/d/1u4UOCdeU8hJIn0t6guTrXeFWVfqW3bgi/view?usp=sharing" target="_blank" class="btn-white font-link-lt lobster"><span uk-icon="icon: print"></span> Resumé </a></div>
</nav>
</div>
</div>
</div>
</header>
</div>
<div class=content>
<section class=ro-div>
<div class="padding-50 uk-hidden@m"></div>
<a class="uk-link-text font-green uk-text-small" href="work.html"> <i class="fa fa-angle-left" aria-hidden="true"></i> Back to Work Samples</a>
<div class="uk-text-center">
<img class="uk-padding-remove-bottom" src="assets/resources.svg">
<h1 class=font-dk-blue>Resource Library</h1>
</div>
<hr class="uk-divider-icon uk-padding">
<article class="uk-article">
<h4 class="lobster">Accessibility Lunch & Learn</h4>
<p class="uk-article-meta">Ro Dixon, August 2021</p>
<span>We take turns giving talks where we can share knowledge or experiences we feel will benefit the rest of the team or company. I chose to share some of the information I'd learned while diving deeper into WCAG standards and accessibility as a whole.<br></span>
<span><i>*This presentation was for internal purposes only, so I didn't site my sources as well as I would have if it were to be shared publicly.</i></span><br><br>
<a class="uk-link-text font-green uk-text-small uk-text-uppercase" target="_blank" href="https://drive.google.com/file/d/1-eUqk2E4-8Cx9z4VqflmOvcIR5M5c55r/view?usp=sharing">View the Presentation <i class="fa fa-external-link" aria-hidden="true"></i></a>
</article>
<hr class="uk-padding-small">
<article class="uk-article">
<h4 class="lobster">Defining Project Goals</h4>
<p class="uk-article-meta">Ro Dixon, November 2021</p>
<span>This slide deck helps new clients understand what business goals are, how they interact with user goals, and provides a framework for defining them. It's also helpful for junior designers to learn more about the different types of goals and why they matter.<br><br></span>
<a class="uk-link-text font-green uk-text-small uk-text-uppercase" target="_blank" href="https://drive.google.com/file/d/1z8JYqXY7PNjlktYel8MCIxIU9BNia2n5/view?usp=sharing">View this Resource <i class="fa fa-external-link" aria-hidden="true"></i></a>
</article>
<hr class="uk-padding-small">
<article class="uk-article">
<h4 class="lobster">UI/UX Redesign Approach Handout</h4>
<p class="uk-article-meta">Ro Dixon, March 2021</p>
<span>When we're asked by a client to redesign an existing application the process can be overwhelming, I like to share this handout which provides explanation of the various steps in our process, as well as examples to the types of deliverables they can expect to receive. This is also a great resource for junior designers as they're getting to know our discovery and design process.<br><br></span>
<a class="uk-link-text font-green uk-text-small uk-text-uppercase" target="_blank" href="https://drive.google.com/file/d/1wfmpwbYwxNDsuhVcYKBEaNX8z3abjLvO/view?usp=sharing">View this Resource <i class="fa fa-external-link" aria-hidden="true"></i></a>
</article>
<hr class="uk-padding-small">
<article class="uk-article">
<h4 class="lobster">User Testing Methods with Examples</h4>
<p class="uk-article-meta">Ro Dixon, March 2021</p>
<span>This is a great resource to walk clients or junior designers through the different user testing methods and provide examples of each.<br><br></span>
<a class="uk-link-text font-green uk-text-small uk-text-uppercase" target="_blank" href="https://drive.google.com/file/d/1KFMWoAFyPD_tM0TOhCCyLfyUxP_D1efZ/view?usp=sharing">View this Resource <i class="fa fa-external-link" aria-hidden="true"></i></a>
</article>
<hr class="uk-padding-small">
<article class="uk-article">
<h4 class="lobster">Requirements Gathering</h4>
<p class="uk-article-meta">Ro Dixon, December 2018</p>
<span>I put this presentation together to help new designers understand the importance of this often overlooked step in the discovery process, and how best to approach it. I also used it as a tool to show executives the power and importance of this step in the process. The slides are packed with links to additional resources, so designers can dive deeper on their own.<br><br></span>
<a class="uk-link-text font-green uk-text-small uk-text-uppercase" target="_blank" href="https://drive.google.com/file/d/1vjcgp6RkNphBb1N55YWfEPHxk3NaFpLc/view?usp=sharing">View this Resource <i class="fa fa-external-link" aria-hidden="true"></i></a>
</article>
<hr class="uk-padding-small">
<div class="uk-placeholder uk-text-center uk-margin uk-padding-large lt-gray">
<i class="fa fa-ellipsis-h fa-3x" aria-hidden="true"></i>
<h5>If you're wanting more, take a look at the <a class="uk-link-text font-green" target="_blank" href="https://blog.missiondata.com/author/rdixonmissiondata-com/">articles I've written for Mission Data.</a> Many of them offer guidance on various design topics and point to additional resources.</h5></div>
</div>
<section id="contact">
<div class="uk-background-cover uk-height-large uk-padding" style="background-image: url(assets/contact.jpg);">
<div class="uk-flex-middle uk-flex-wrap" uk-grid>
<div class="uk-width-1-2 uk-visible@m" uk-scrollspy="cls: uk-animation-scale-up; repeat: true">
<h2 class="font-white">Contact Me</h2><a href="tel:812-946-1839" class="font-white font-small"><i class="fa fa-phone-square" aria-hidden="true"></i> (812) 946-1839</a>
<br>
<br><a href="mailto:ro@rodixondesigns.com" class="font-white font-small"><i class="fa fa-envelope-square" aria-hidden="true"></i> ro@rodixondesigns.com</a></div>
<div class="uk-width-1-1 uk-width-1-2@m" uk-scrollspy="cls: uk-animation-scale-down; repeat: true">
<div class="uk-hidden@m uk-text-center" uk-scrollspy="cls: uk-animation-scale-up; repeat: true">
<h2 class="font-white">Contact Me</h2>
<!--<p class="uk-text-small font-white"><a href="tel:812-946-1839" class="font-white font-small"><i class="fa fa-phone-square" aria-hidden="true"></i> (812) 946-1839</a> | <a href="mailto:ro@rodixondesigns.com" class="font-white font-small"><i class="fa fa-envelope-square" aria-hidden="true"></i> ro@rodixondesigns.com</a></p>-->
</div>
<form action="https://formspree.io/ro@rodixondesigns.com" method="POST">
<div class="uk-margin uk-width-1-1">
<br>
<br>
<label class="uk-form-label font-white" for="form-stacked-text"><i class="fa fa-user"></i> Full Name</label>
<input class="uk-input" type="text" name="name" placeholder="Enter name here">
</div>
<div class="uk-margin uk-width-1-1">
<label class="uk-form-label font-white" for="form-stacked-text"><i class="fa fa-at"></i> Email Address</label>
<input class="uk-input" type="email" name="_replyto" placeholder="Enter email here">
</div>
<div class="uk-margin uk-width-1-1">
<label class="uk-form-label font-white" for="form-stacked-text"><i class="fa fa-commenting"></i> Message</label>
<textarea class="uk-textarea" name="message" placeholder="Enter your message here"></textarea>
</div>
<button class="uk-border-rounded uk-align-left uk-button uk-button-default uk-button-small white" type="submit"> Send </button>
</form>
</div>
</div>
</div>
</section>
<section id="social" class="uk-padding uk-text-middle uk-text-center">
<h2 class="font-white uk-margin-right">Find Me Online</h2>
<div><a class="uk-padding" href="https://linkedin.com/in/ro-dixon-ux" target="_blank"><i class="fa fa-linkedin-square fa-3x font-white uk-margin-right" aria-hidden="true"></i></a><a class="uk-padding" href="https://medium.com/@rodixon30" target="_blank"><i class="fa fa-medium fa-3x font-white uk-margin-right" aria-hidden="true" ></i></a><a class="uk-padding" href="https://www.behance.net/ro_dixon" target="_blank"><i class="fa fa-behance-square fa-3x font-white uk-margin-right" aria-hidden="true"></i></a><a class="uk-padding" href="https://dribbble.com/rodixon30" target="_blank"><i class="fa fa-dribbble fa-3x font-white uk-margin-right" aria-hidden="true"></i></a></div>
</section>
<div id="offcanvas-nav" data-uk-offcanvas="flip: true; overlay: true">
<div class="uk-offcanvas-bar uk-offcanvas-bar-animation uk-offcanvas-slide dk-blue">
<button class="uk-offcanvas-close uk-close uk-icon" type="button" data-uk-close></button>
<ul class="uk-nav uk-nav-default">
<h2>Menu </h2>
<li><a class="lobster" href="index.html">Resume</a></li>
<li><a class="lobster" href="about.html">About</a></li>
<li><a class="lobster" href="work.html">Work</a></li></ul>
<div class="padding-50"></div>
<div><a href="https://drive.google.com/file/d/1u4UOCdeU8hJIn0t6guTrXeFWVfqW3bgi/view?usp=sharing" target="_blank" class="btn-white font-link-lt">Print Resume <i class="fa fa-external-link"></i></a></div>
</div>
</div>
</div>
<script src="uikit.min.js"></script><script src="uikit-icons.min.js"></script>
</body>
</html>