Published on <a href="http://ift.tt/2tto69m">| Prototyping: From UX to Front End &mdash; Medium</a> Tiffany Taylor 
<h4>A writeup on my first Awwwards conference</h4>
<img alt="" src="http://ift.tt/2rCpuFs">Awwwards Conference LA, 2017
In June 2017, I attended the Awwwards conference in Los Angeles. It was the second design conference I’ve attended (my first being Google Span 2016, also in LA). I wasn’t sure what to expect from the conference but because I left feeling incredibly inspired and motivated, I want to share my conference notes and photos with the world!
Also, please note that I didn’t take notes for every speaker as some presentations were very visual or slightly technical, so it was harder to really take cohesive notes/photos. Here’s the full schedule for the curious: <a href="http://ift.tt/2s7t65J">Awwwards schedule</a>
<h3>Day One</h3>
<h4>Aaron Draplin | <a href="https://twitter.com/Draplin">@draplin</a></h4>
One Human Being’s Harrowing Account From The Front Lines of Cut-throat Contemporary Graphic Design
<ul>
<li>Aaron is always drawing. He uses <a href="http://ift.tt/1U9JlWc">Field Notes</a> (his own brand of portable notebooks and other gear) and carries them with him everywhere.</li>
<li>Create work for people you care about and your friends. Even if the payment is low — vectors are free.</li>
<li>Look to the utilitarian designs of the 1940s-1950s. Even though that political and social climate of that time isn’t something relevant to today, the logos and type from them can inspire you today.</li>
<li>He also highlighted some excerpts from his book: <a href="http://ddcbook.com/">Draplin Design Co.: Pretty Much Everything</a></li>
</ul>
<img alt="" src="http://ift.tt/2s7KPtP"><img alt="" src="http://ift.tt/2rCiFDT"><img alt="" src="http://ift.tt/2s7BZwp">WOW indeed
<h4>Sarah Drasner | <a href="https://twitter.com/sarah_edo">@sarah_edo</a></h4>
Storytelling in the Age of JavaScript
<ul>
<li>Designers need to shine light in a sea of features on what the user needs to focus on for a particular task</li>
<li>Use emotion: it attaches to a person’s <a href="http://ift.tt/2rCLHTI">limbic system</a>, making it easier to remember things.</li>
<li>Relatable stories create empathy.</li>
<li>Humans naturally overestimate wait times, so things like custom loaders can make a page/app wait more bearable for the user &#8211; Loaders are a great time to use SVG animations | Sarah’s book: <a href="http://ift.tt/2ilRfOr">SVG Animation</a> &#8211; Use foreshadowing to let users know what’s coming next</li>
<li>Don’t use delayed pop-ups—not only are they bad UX, but <a href="http://ift.tt/2be5qnQ">they hurt your SEO</a>.</li>
<li>Two referenced/mentioned JS things: <a href="https://vuejs.org/">Vue framework</a> and <a href="https://sugarjs.com/">Sugar library</a></li>
</ul>
<img alt="" src="http://ift.tt/2s7JEKQ">
<h4>Marc Hemeon | <a href="https://twitter.com/hemeon">@hemeon</a></h4>
The Business of Design
<ul>
<li>Work from love ❤︎ Work from the ego vs working from your heart—if you do something because you want reciprocation, it’s not coming from a good place (outside of work, the same advice applies to your interpersonal life as well!)</li>
<li>Design lessons &#8211; Sketch with big markers &#8211; COVFEFE &#8211; Assume good intentions. &#8211; Try [your design] in German &#8211; You are not Aaron Draplin. Find your own Futura Bold. &#8211; Design is not Art &#8211; Design one for the stakeholder and one for you. &#8211; <a href="http://ift.tt/PFO5B1">Cocoapotrace.</a></li>
<li>Life + business lessons &#8211; Have 15 minute meetings &#8211; Understanding that everyone’s job is difficult leads to empathy &#8211; Saying NO is a strength. &#8211; Comparison kills &#8211; 8 Work &#8211; 8 Rest &#8211; 8 You (daily schedule) &#8211; Resentment causes burnout &#8211; Stop saying sorry &#8211; Stop saying Um, I think, I feel, and So &#8211; If it’s not a “hell yes,” it’s a no. &#8211; If you don’t know what your market rate is, use the average of 3 of your friends/peers &#8211; Invoice biweekly &#8211; Say “thank you, how else can I help?” &#8211; Drink water</li>
<li>Write your own story &#8211; If someone Googles you, you should influence what comes up in the results &#8211; Even if you hate it, have a basic SM presence (LinkedIn, etc) &#8211; But don’t misrepresent yourself</li>
</ul>
<img alt="" src="http://ift.tt/2s7xz8A"><img alt="" src="http://ift.tt/2rCqysS">
<h4>Peter Smart | <a href="https://twitter.com/petewsmart">@petewsmart</a></h4>
Design for the Future of Human-Computer Interaction
<ul>
<li>There are 4 stages of man: hunter-gatherer, agricultural, industrial, and information. Our current stage, information, is about automation and extending our abilities.</li>
<li>New technologies are forcing us to communicate in really unnatural ways (e.g. yelling at Alexa/Google Home)</li>
<li>The UI of things like self-driving cars have to prove to the users that the service/item can be trusted</li>
<li>Apps to AIs &#8211; tools are going from passive to active and proactive &#8211; eventually apps/services will understand exactly what you want to do, learn and retain this knowledge, and tell you exactly how to do it, e.g. buy food to help me lose weight, help me learn what to do to assist my ageing parents</li>
</ul>
<img alt="" src="http://ift.tt/2s7xCRI">
<h4>Audrey Cavenecia | <a href="https://twitter.com/audreycavenecia">@audreycavenecia</a></h4>
Video Storytelling Changes Everything
<ul>
<li>Why is storytelling everything? &#8211; It spreads globally and instantly now. &#8211; It shapes and changes how we see ourselves and our values.</li>
<li>80% of the content in the entire world is created in the United States, but creative directors are only 3% women or POC</li>
<li>This means there is so much unexplored regarding the stories we are being told.</li>
<li>We can change the word through storytelling.</li>
</ul>
<img alt="" src="http://ift.tt/2rCqyJo">
<h4>Shelly Peleg | <a href="https://twitter.com/wix">@wix</a></h4>
High on Design
Reasons to Blog (as a designer/design team)
<ol>
<li>Community outreach (communicating with the local and international design community)</li>
<li>Self-expression</li>
<li>Developing curiosity</li>
<li>Presentation &amp; documentation (i.e. retrospectively documenting a project)</li>
<li>Contribution &amp; inspiration</li>
</ol>
Beginner’s Mind
<blockquote>In the beginner’s mind, there are many possibilities, but in the expert’s there are few. &#8211; Shunryu Suzuki</blockquote>
When you are a beginner, you have a unique opportunity because you can explore, learn, and grow.
<img alt="" src="http://ift.tt/2s7BH8K">
<h4>David Navarro | <a href="https://twitter.com/davidnavarro">@davidnavarro</a></h4>
We Make Our Lives Harder
<ul>
<li>Experience is overrated. Incredible passion always beats expertise.</li>
<li>Be your own client. Don’t let the tools you have at hand define what you can do. Make new tools instead.</li>
<li>Managing the work is as important as doing the work (and maybe more important).</li>
<li>Your student days never end. The most valuable skill you have is the ability to learn new ones.</li>
</ul>
<img alt="" src="http://ift.tt/2rCLG26">
<h4>Alex Cornell | <a href="https://twitter.com/alexcornell">@alexcornell</a></h4>
The Inner Monologue of an Insecure and Distracted Designer. I didn’t take notes for this talk because I was too in awe of the video once he started, and I forgot to write anything down until the end. Alex’s talk illustrated his internal “struggle” between his more logical, realistic, and slightly pessimistic side vs. the the optimistic, creative, and idealistic side that happens before he starts a project, but mostly in video form. I’m not sure if there’s video clips out there, but you should all go look for them and watch it!
The key takeaway was to make sure that you are always working at the boundaries of your abilities, because in doing so you will discover what you’re currently capable of and what you need to do to surpass that limit.
<img alt="" src="http://ift.tt/2s7xxO0"><img alt="" src="http://ift.tt/2rCAH8R">
<h3>Day Two</h3>
<h4>Jessica Walsh | <a href="https://twitter.com/jessicawalsh">@jessicawalsh</a></h4>
Play by Your Own Rules.
“Creative play” is the most optimal state to work in
Requirements to Play
<ol>
<li>Creative confidence Be confident and bold enough in your design to take a risk and push your boundaries.</li>
<li>Time If you don’t have enough time to explore, you’ll settle on the first thing that works instead taking more time to try different things.</li>
<li>A sense of humour Being playful means you should have fun</li>
</ol>
Make your own rules so you can break them.
<img alt="" src="http://ift.tt/2s7qxRq"><img alt="" src="http://ift.tt/2rCiIiY"><img alt="" src="http://ift.tt/2s7B7aV">
<h4>Amélie Lamont | <a href="https://twitter.com/amelielamont">@amelielamont</a></h4>
Is This About Me?: The Over-Analysis of Social Critique.
<ul>
<li>Critique vs. Criticism Our individualist society conditions us to center ourselves in situations where we don’t inherently belong.</li>
<li>Public displays of your work invite both critique and review. Critique aims improve a thing, while criticism aims to harm.</li>
<li>Critique exists for us to get better. Instead of saying… ❌ “Why are attacking me?” … instead say: 🔵 “Tell more about that.” 🔵 “Give me a better idea of your perspective.”</li>
<li>Critique leads to growth, which allows you to become a better digital citizen who listens.</li>
</ul>
<img alt="" src="http://ift.tt/2rC6Iy6"><img alt="" src="http://ift.tt/2s7qwwQ">
<h4>Khoi Vinh | <a href="https://twitter.com/khoi">@khoi</a></h4>
Things We (Don’t) Talk About When We Talk About Design.
<ul>
<li>When [influential designers] put out stories of success, they’re setting a model of what success looks like; we need to be aware of whose stories we are telling.</li>
<li>Self-doubt is a frequent companion.</li>
<li>At some point, you have to take a leap of faith.</li>
<li>As a designer, there’s no getting around being a business person.</li>
</ul>
The state of writing and design today
<ul>
<li>In the past there were magazines for design, but most no longer exist. There are sites like Designer News or Medium exist, but they’re not enough. &#8211; Designer News: good for selling a product/idea/job/etc &#8211; Medium: mostly used to write about techniques, low-level analysis, and design rants</li>
</ul>
There is no definitive source for critical analysis about design.
<ul>
<li>Compare design to other disciplines like architecture or film; design doesn’t have paid, non-designers who analyse and critique design.</li>
<li>Criticism does not always mean taking pleasure in other people’s failures.</li>
</ul>
<img alt="" src="http://ift.tt/2rCAF0J"><img alt="" src="http://ift.tt/2s7BIt9">
<h4>Paul Woods | <a href="https://twitter.com/paulillustrator">@paulillustrator</a></h4>
Agency Etiquette For Non-Assholes
Don’t work for assholes How to not be an asshole:
<ol>
<li>Learn people’s names</li>
<li>Reply to job applications</li>
<li>Work normal hours &#8211; If you can’t get your work done in a reasonable amount of time, you shouldn’t be complimented for that. &#8211; Process influences work/life balance. Following an agile framework instead of a waterfall process helps. Remember, long hours = bad process.</li>
<li>Give credit where it’s due &#8211; Whoever did the work presents the work. &#8211; Let your team shine! Your client will thank you.</li>
<li>Pay your f*cking interns &#8211; Interns are there to work and learn, not to pour your coffee or do menial tasks</li>
</ol>
What goes around, comes around. You’ll never know when you’ll see the intern, prospective hire, or client again.
<img alt="" src="http://ift.tt/2rCv8Yc"><img alt="" src="http://ift.tt/2s7zudt">
<h4>Ueno.’s Jenny Johannesson &amp; Robbin Cenijn | <a href="https://twitter.com/chopse">@chopse</a> &amp; <a href="http://ift.tt/2h96Hx2">@robbincenijn</a></h4>
Bring the coffee. Add a piece of chocolate.
<ul>
<li>Ueno newsletter: <a href="http://ift.tt/2qSKQSx">http://ift.tt/2qSKQSx</a></li>
</ul>
The Ueno. Process
<ul>
<li>Clients need to clear their calendar and make sure they have time communicate with the team</li>
<li>WYSIWYG &#8211; Ueno shows clients the working file, so they can see the work in process. This allows the client to learn and understand the process.</li>
<li>No surprises ❌ A bad approach is to get the project brief, work on it for weeks without checking in with the client, and then to reveal it. 🔵 Give the client daily progress reports and updates.</li>
<li>Honesty—no shit sandwiches &#8211; Always be open &amp; honest</li>
<li>A prototype is worth 1000 meetings</li>
<li>Sharing is knowing &#8211; Everyone on the team uses Slack to share their individual updates and progress.</li>
<li>Bring the coffee, add a piece of a chocolate &#8211; Don’t just do what’s expected or asked—go that next step and provide them with something they didn’t realise they wanted or needed.</li>
</ul>
<img alt="" src="http://ift.tt/2rCDKhr"><img alt="" src="http://ift.tt/2s7JGCs">
<h4>Hugo &amp; Marie | <a href="https://twitter.com/hugoandmarie">@hugoandmarie</a></h4>
Harmony
Hugo &amp; Marie’s Process
<ul>
<li>Best practices inform the design, but never dictate.</li>
<li>Communication is about telling a story</li>
<li>The internet is a busy place, so the best sites act a sanctuary &#8211; They allow the user to do what they set out to do</li>
<li>Add delight, but just a pinch &#8211; Delight should not disturb the overall UX</li>
<li>Collaborate deeply &#8211; Understand the perspectives of stakeholders &amp; the audience</li>
<li>Stay scrappy</li>
<li>Harmonise</li>
</ul>
Also, this song was the background music for their project reel. I loved the song so much, so wanted to share it here: 🎵 <a href="https://www.youtube.com/watch?v=3Hi73Xv7u-0">I’ll Work It Out, Marva Whitney</a>
<img alt="" src="http://ift.tt/2rCpt4m">
<h4>Dann Petty | <a href="https://twitter.com/dannpetty">@dannpetty</a></h4>
Hey, let’s just see what happens
Dann’s talk was very impromptu because he was replacing a speaker who couldn’t make it, and he was the closing talk. No pressure right? He used this <a href="https://twitter.com/DannPetty/status/862747397624954880">tweet thread</a> (the top 10 things he has learned in his 10 year design career) as a foundation for his talk.
Overall, hearing someone so passionate about his work and design process really made me feel more driven to work hard and finally start some side projects of my own. So check out his top 10 list <a href="https://twitter.com/DannPetty/status/862747397624954880">here</a>!
<img alt="" src="http://ift.tt/2s7BG4G"><img alt="" src="http://ift.tt/2rCug5J"><img alt="" src="http://ift.tt/2s7Coih">
And that’s the last of my notes! Overall, I learned so much at the conference, and also met a variety of people. I hope I have the chance to attend another Awwwards Conference, as it was definitely worth the cost and time.
<img alt="" src="http://ift.tt/2rCuhGP">Thank YOU for reading this long post!<img src="http://ift.tt/2s7M5x8" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou">
<hr>
<a href="http://ift.tt/2rCh40Y">What I Learned at Awwwards LA</a> was originally published in <a href="http://ift.tt/2cAqCpx">Prototyping: From UX to Front End</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.

What I Learned at Awwwards LA

A writeup on my first Awwwards conference

Top Stories