-
Notifications
You must be signed in to change notification settings - Fork 1
/
blog.html
274 lines (207 loc) · 15 KB
/
blog.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
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
<!DOCTYPE HTML>
<!--
Phantom by Pixelarity
pixelarity.com | hello@pixelarity.com
License: pixelarity.com/license
-->
<html>
<head>
<title>David Karsten Daniels | Blog</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript>
<link rel="stylesheet" href="assets/css/noscript.css" />
</noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<div class="inner">
<!-- Logo -->
<a href="index.html" class="logo">
<span class="symbol">
<img src="images/lightbulb.png" alt="" />
</span>
<span class="title">David Karsten Daniels</span>
</a>
<!-- Nav -->
<nav>
<ul>
<li>
<a href="#menu">Menu</a>
</li>
</ul>
</nav>
</div>
</header>
<!-- Menu -->
<nav id="menu">
<h2>Menu</h2>
<ul>
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="ux.html">User Experience</a>
</li>
<li>
<a href="productmanager.html">Product Manager</a>
</li>
<li>
<a href="developer.html">Developer</a>
</li>
<li>
<a href="creative.html">Creative Director</a>
</li>
<li>
<a href="technicalskills.html">Technical Skills</a>
</li>
<li>
<a href="testimonials.html">Testimonials</a>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<div class="inner">
<h1>Blog</h1>
<span class="image main">
<img src="images/selfinterview.png" alt="" />
</span>
<hr />
<p><b>David Interviews Himself About UX --</b> 10/15/18</p>
<p><i>You work in UX, but help me understand specifically what you do. </i><br>
I’m a generalist, so I have broad experience in UX, but I’m deepest in Information Architecture, Usability, Requirements Gathering, Service Design, Navigation Design, Analysis, and Content Creation/Management (specifically text and photo). </p>
<p><i>What are some areas to which you’ve been exposed, but want to go deeper into?</i><br>
I’m curious about <a href="https://timeline.animaapp.com/home">Timeline</a>, a interaction design tool plugin for Sketch. I want to dive into Framer and UXPin. I’d also like to get my JavaScript up to the level of my HTML and CSS (where I'm much more comfortable).
<p><i>What are some of you favorite tools.</i><br>
I like Invision and Sketch the best. Axure is nice for being comprehensive but its not as fun or intuitive as some of the newer tools. Once you learn a few of them, picking up new ones is easy because they do share alot in terms how they are laid out... I love photo editing in the VSCO iPhone app because you can make great looking edits quickly using the same device just used to take the photo without getting bogged down in tedious workflow. I love the app POP (by Marvel), a really intuitive iPhone app that allows you to create clickable prototypes from photos of paper sketches. My son and I are <a href="https://www.instagram.com/p/Bpw86sanJpw/">using it to create</a> his video game right now. </p>
<p><i>How do you approach new projects?</i><br>
Every project is different (that’s the interesting part!), but I tend to start with research of some kind - competitor research often. What’s out there already? We can’t build a better mousetrap without understanding what mousetraps are already on the market. So how do they work? Where is there a missed opportunity? And then you have to test with real users because maybe what you thought was a “missed opportunity” is a feature no one actually needs. (And there is no use building things people don't need!) I like to move fast to build functional minimum viable products to prevent getting lost in minutiae too early on. And then iterate as you go. </p>
<p><i>Can you talk more about your thought process?</i><br>
Usually I want to zoom out on problems and try to see them from the perspective of a systems thinker. What’s the context? I think if you deeply understand the context, it makes it so much easier to then zoom back in and tackle all the little details. I enjoy the details though; I love to optimize constantly. My Github commits are frequent and contain incremental changes. </p>
<p><i>What are you most interested in?</i><br>
I’m interested in meaningful problems, by which I mean that I’d much rather work on improving healthcare delivery rather than helping someone sell more sugar water. There are so many good problems to work on right now: climate change, transportation/mobility, healthcare, technology addiction, sleep, mindfulness, etc. Beyond that, I think that human relationships are really important. That seems obvious, but the more technology we bring into our lives, the more important human relationships become. I love to be in the outdoors with my wife and son, biking, hiking or rock climbing when possible. </p>
<p><i>Finally, where do you see UX design going? </i><br>
I love reading about where design is going and <a href="https://twitter.com/dvdkrstndnls">post about it frequently on Twitter.</a>. People are betting on Voice and Virtual Reality / Augmented Reality / Mixed Reality. I think because of the backlash to screens that we’re seeing more of (and because of an increasing awareness of screen addiction), I think we’ll see Voice continue to grow. Clearly AI and robotics will aide that. At the same time it’s still pretty hard to actually get work done with Voice, so screens aren’t leaving business (ie enterprise) anytime soon. As far as VR/AR I was bearish on that until I saw how Roomered was using it to create highly realistic virtual environments for builders to sell unbuilt houses. I understand its also being used to create cloud-like environments for burn victims in order to cut down on use of painkillers. So its clearly not just going to be for gamers.</p>
<p><i>Thanks for your time today, David. </i><br>
Absolutely. Happy to help, David. </p>
<p>#UX #design #sketch #systemsthinking</p>
<br><br>
<hr />
<!-- <span class="image main">
<img src="images/5panelwireframe.jpg" alt="Wireframe for Holistic Wellness' MEMBERS App" />
</span>
<p><b>PROCESS: App Design Case Study Detail--</b> 9/22/18</p>
<p>
At the moment I'm iterating designs of an app for Holistic Wellness.
We started out by interviewing our members to understand their needs specifically related to building an app for the digital interactions we already have with them over email, googleDocs, etc. <span class="image main">
<img src="images/FacilitatorNotes.png" alt="Facilitator Notes for Holistic Wellness' MEMBERS App" style="width:400px;"/>
</span>
We're clear about which of our clients we're building it for <span class="image main">
<img src="images/userstories.png" alt="Red Routes for Holistic Wellness' MEMBERS App" style="width:500px;" />
</span>
and I've used Red Routes to figure out which features we needed to build for them <span class="image main">
<img src="images/RedRoutes.png" alt="User Stories for Holistic Wellness' MEMBERS App" style="width:600px;" />
</span>
Now we're iterating through different designs to see what works best before we actually build it.<span class="image main">
<img src="images/HolisticWellnessMobileAppWireframe.png" alt="Balsamiq Wireframe for Holistic Wellness' MEMBERS App" style="width:400px;" />
</span>
<br>
<p>#Usability #UX #UI #prototyping #Basalmiq</p>
<br><br>
<hr /> -->
<span class="image main">
<img src="https://github.com/hmust92/ratethatdev/raw/master/README/RateThatDevGitHubReadme.gif" alt="" />
</span>
<p><b>PROCESS: Designing and Building a Better Recruiting Web App to Evaluate Developers --</b> 7/31/18</p>
<p>
I wanted to write a bit about some of the challenges designing and building the working prototype of <a href="https://rate-that-dev.herokuapp.com/">Rate That Dev</a>. One night, laying awake in bed, I found myself thinking about some of the many places of friction in the current IT recruiting space. I had had a conversation recently with a recruiter, from which I came to understand just how tedious it can be to find someone that 1) has the relevant skills 2) has been vetted by someone with those same skills 3) will fit in the culture of the company or team. I thought it would be interesting to get together with a few developer friends of mine and build a straight-forward FullStack app that would allow Developers to rate each other (with appropriate safeguards) and allow Recruiters/CTOs/HR to see the Devs' self ratings alongside ratings from their peers. After writing some quick copy I put a bunch on notecards on the wall to map out the flow. I could see there were going to be two basic paths, 1) the path that developers would take to create a profile, rating themselves and others along the way and 2) the very succint path that recruiters would need to take easily enter the search criteria to find a sorted list (starting with best fit) of the developer with precisely the desired skills. After pitching the idea to my team, we decided to move forward trying to build it. We <a href="https://docs.google.com/presentation/d/16DpMm0F2r1e9zeb7bpkPtoatQkR7pW3gqDFWisIcy80/edit?usp=sharing"
target="_blank">presented a powerpoint</a> to other developers just before we had a working prototype, because we wanted to gauge how they felt about being rated anonymously (a feature considered important for collecting meaningful data). With their feedback in tow, we did some guerilla research with Recruiters and CTOs who suggested the ideas for 2 important features: the ability to do Boolean Searches (ex: Angular OR React) and the ability to view a short video of the developer presenting something - anything. The latter would allow recruiters to get some of the info currently obtained by phone screens.</p>
<p>#UX #UI #prototyping #FullStack #Mongo #Express #React #Node.js #MERN</p>
<br><br>
<hr />
<span class="image main">
<img src="images/SHOPmealplans.png" alt="SHOP > Meal Plans" />
</span>
<p><b>PROCESS: Aspiration vs. Execution...Finding out why our Meal Plans weren't being cooked --</b> 5/10/17</p>
<p>I wanted use a case study to illustrate the difficulty of making a product that your user claims to want (even though this may turn out to not be the case). Here is a little bit about creating <a href="http://naumesnd.com/product-category/lifestyle/meal-plans/meal-plans-fertility-pregnancy-postpartum/"
target="_blank">condition-specific meal plans</a> for Holistic Wellness. </p>
<p>
<li>Problem: Purchasers were not actually cooking purchased meal plans.</li>
<li>Approach: Using a follow-up email <a href="images/survey.png"
target="_blank">survey</a> and face to face visits, we interviewed purchasers of the
condition-specific meal plans about their experiences putting meal plans into practice.</li>
<li>Result: Urban women of childbearing age were genuinely interested in cooking healthy meal plans specifically
for their health concern, but had difficulty setting aside more than 15 min/day to cook.</li>
<li>Impact: This result, along with the rise of deep-pocketed competing products led to the organization
deprioritizing the marketing of the product.</li>
</p>
<p>#CaseStudy #Usability #Research #Interviewing</p>
<br><br>
<hr />
<iframe src="https://player.vimeo.com/video/133292764?color=ffffff&title=0&byline=0&portrait=0" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
<!-- <p><a href="https://vimeo.com/133292764">What, How and Why</a> from <a href="https://vimeo.com/katenaumesnd">Kate Naumes ND</a> on <a href="https://vimeo.com">Vimeo</a>.</p> -->
<p><b>Creating Content for Video --</b> 6/12/15</p>
<p>
The Brand Identity video is out today for <a href="https://naumesnd.com">Holistic Wellness</a> and it looks great. Dr. Kate and I spent a couple weeks writing scripts, and thinking about the kinds of shots that would need to be included in the storyboarding. I thought it was important to convey her connection to nature with shots of Dallas-area greenery as well as using the edge of a desktop computer and a carefully curated bookcase to project her deep understanding of science and women's health. <a href="http://justinphamilton.com/">Justin P. Hamilton</a> did a fantastic job shooting and directing and cutting it all together. I did the audio editing and music for this one. </p>
<p>#BrandIdentity #Storyboarding #Screenwriting #SoundDesign #GoogleDocs #ProductManagement</p>
</div>
</div>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<!-- <section>
<h2>Get in touch</h2>
<form method="post" action="#">
<div class="fields">
<div class="field half">
<input type="text" name="name" id="name" placeholder="Name" />
</div>
<div class="field half">
<input type="email" name="email" id="email" placeholder="Email" />
</div>
<div class="field">
<textarea name="message" id="message" placeholder="Message"></textarea>
</div>
</div>
<ul class="actions">
<li>
<input type="submit" value="Send" class="primary" />
</li>
</ul>
</form>
</section> -->
<section>
<h2>Connect</h2>
<ul class="icons">
<li><a href="https://github.com/dvdkrstndnls" class="icon style2 fa-github"><span class="label">GitHub</span></a></li>
<li><a href="https://www.linkedin.com/in/david-karsten-daniels/" class="icon style2 fa-linkedin"><span class="label">LinkedIn</span></a></li>
<li><a href="https://www.behance.net/daviddanie375b" class="icon style2 fa-behance"><span class="label">Behance</span></a></li>
<li><a href="https://twitter.com/dvdkrstndnls" class="icon style2 fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://instagram.com/dvdkrstndnls" class="icon style2 fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="https://open.spotify.com/artist/3QB7ksLEs9iPY5GN606u6K" class="icon style2 fa-spotify"><span class="label">Spotify</span></a></li>
<li><a href="tel:9192608944" class="icon style2 fa-phone"><span class="label">Phone</span></a></li>
<li><a href="mailto:karstenisgerman@yahoo.com" class="icon style2 fa-envelope-o"><span class="label">Email</span></a></li>
</ul>
</section>
<ul class="copyright">
<li>© DKD. All rights reserved</li>
</ul>
</div>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>