Real.com

I’ve worked on Real.com since 2012. In that time we’ve gone through four iterations, plus countless marketing tests. We became responsive and the product has been overhauled twice

Patrick Marich, drawing

Amazon.com

In my time interning for the Retail Experience Team I contributed to the Wish List properties, the in-store property ,the browser plug-in, and registries. Very useful, and little known, tools.

Patrick Marich, drawing

Start Ups & Non-profits

Since I first started designing and building for the web in 2009, I’ve worked with a number of start-up companies and non-profits. This usually starts with a design concept and ends with a WordPress CMS, or blog. I was with BigTip.com for over a year, working on a wider variety of projects.

Patrick Marich, drawing

Wedding Monsters

Just returned from my honeymoon and wanted a share a couple of rare illustrations. Katie, my wife, art directed most of our wedding materials: designing most of the invitation, program, and other fun things. She got a little help. Especially with these guys.

These illustrations were featured on cards for our bridal party. They were made on short notice, but we were happy with the results.

Monster created drawn for card to bridesmaids Monster created drawn for card to groomsmen
Patrick Marich, drawing

An Education in User Centered Design

UX Study Review Image

I received my certification in User Centered Design (UCD) from the University of Washington last summer. Before spending two years in the Human Centered Design & Engineering Department, I had a clear idea of what I wanted to get: I wanted to justify my decisions as a designer.

A couple of years later, I realize that goal extends beyond any individual or position- including my own.

School: What I Got

I started the UCD program around the same time I started my current job. My daily activities put me in a good position for applied learning. I could see how things I covered in the classroom could affect real work. I could also got to work on a scale and with resources that weren’t going to be options for my small team in the professional world.

The best part of a graduate school class in UX design was the hands on experience. I rotated quickly through projects with many groups of people and put the things I’d read about to work. There was lots of practice, but I admit that I practiced some things I don’t use much. Other valuable takeaways were:

  • Familiarity with resources. I’m aware of a lot of studies and processes available to me.
  • Familiarity with context. I know when those resources are an asset to my work.
  • Technique. Through practice and study, it became easier to design and execute studies properly. You learn to wear the right hat when you test.

Still, these aren’t the most important things I learned. My big discoveries were a result of combining my academic experiences in the evening with my work during the day.

My Top Lessons for a UX Designer

Being a designer, I was always worried about making the right plans. I didn’t have confidence in my work because I couldn’t see it’s effect. I eventually learned that seeing the immediate impact of design work is only a very small part of User Experience design. I was right in assuming that UX research was a way of confirming your work, I’d seen enough results to know I wanted that.

What I failed to realize is that the assumption should fit into a larger plan. My work as a designer is a very small part of achieving a goal, and the User Experience is affected by all the components in the larger plan- of which I was only a small part. I learned that in order to be a better designer, I’d have to find ways that the user’s voice could improve the plan for everyone. So, in designing and building web experiences professionally while working my way through User Centered Design courses, these were my top takeaways:

 

1.) UX Testing Will Confirm or Dismiss Your Assumptions:

It’s about as high level as you can get and it’s one of the first things they tell you. It’s true.

This is worth recalling every time you or someone on your team utters syllables. As plan making cogs in a larger plan, we devise paths to our goals on our way to the business’ goals. Sometimes the routes are questionable. A critical attitude towards assumptions (paired with a friendly disposition :)) goes a long way. Lines like “we should test that” and “cool, do you have the data?” are indispensable. We can all make recommendations based on our professional knowledge, but even those theses come from experience and data derived from the history of our occupations.

Finding easy ways to get quick results will encourage a more critical process and help you cultivate a more user-focused culture. You always have the ability to put things in front of users. Emailing relevant friends and acquaintances a design with 3 questions can quickly confirm or dismiss some assumptions (if questions aren’t leading or confusing). There are also affordable online tools, like UserTesting.com, which will let you take your research a step further. It’s important to remember that these results aren’t cataclysmic, you’re piling the grains of sand that will make the bricks that will make the pyramid.

2.) Present your findings.

Research results only matter if they’re applied to the decision making process. A lot of that process is design, but it can come from everywhere. If you’re harvesting user data, it’s on you to go out and inspire a reaction. It’s easy to create a handoff document or deck, hit send, and call it a day- but if you have the avenue to create a stronger platform, do it. Sometimes it’s just scheduling a meeting and presenting your deck.

Explain the problem, how it was affecting your team’s goals, the hypothesis and details of the test, and your results. Leave the floor open to conversation and you’ll see new paths to your goals surface. New assumptions will form and beg attention and some old ones will make their way to the back of the room. Some people will make an effort to defend old assumptions and sometimes they’ll drop those initiatives because you’ve revealed something else they’re excited about. If people can’t let go of a bloodied mantra, explore it. How does the research disprove the assumption? Does it? One test usually doesn’t, you’ll have to brainstorm other ways of testing the integrity of that assumption. Above all, be positive. It’s not a personal endeavor and you’re supposed to be working towards the same goals.

It’s important to make sure your presentation is in front of people from different disciplines. A room full of designers will probably miss things one business focused individual will see- and developers will let you know when something isn’t worth trying. Having a diverse audience is especially helpful when you’re finished, because you shouldn’t leave the room until you know what’s next: getting the people in the room to act, even in some small way. Often, this is planning the next test, or taking something from prototype to soft release.

3.) Iterate: Find the Crumb

Iteration is something that should happen constantly. You won’t know if your boat floats till you throw it in the water. Sketching the User Experience by Bill Buxton, and the follow up workbook (Sketching the User Experience: The Workbook), are great for learning how to implement lo-fi iteration and improve your end product. Small scale iterations get you the quickest results. Don’t try and make the whole thing right away and then remake it eight times. You’re going to have to whittle your way down from proving the very high level ideas to deciding the details.

When I returned to the classroom two years ago I was busy with the details. Now I try and put something representative of the product in front of people right away. You can also test parts of a product. It can be overwhelming, and dilute the feedback of participants, to expose them to a large experience. Big tests can also burn up all your, and your team’s, fuel. If something seems arduous, no one’s going to want to do it.

While the idea of “sketching”, or getting quick iterations into the world for feedback, is driven by an iterative mindset, iteration serves a larger purpose. Your team’s assumptions are iterative also, some will be disproven and others will evolve. There is no doubt that the path between you guys and your goals will change, sometimes going a few steps back. You’re not just working on the design, you’re working on the plan that will get you to the goal.

Jimbo Fisher, the coach of the Florida State football team comes to mind here. He had a line I keep with me every day, “find the crumb”. It’s something I heard him say in an interview after the NCAA National Championship game. It’s incredibly important to keep chipping away. Every iteration, whether it’s a design, a prototype, or an idea is just the next little step toward your goal. The key is to keep your goal in mind and keep looking for that next crumb.

Moving Forward

If I had to do it again, I’d do it exactly the same. It’s not easy to work full time and go back to school- but for UX design and research, it helped me understand the context of what I was learning. I recommend it wholeheartedly. Anything you can do to perpetuate the conversation that will get you toward success is your job as a Designer.

Patrick Marich, drawing

UCD Final Project: Non-Profit Website

BoundlessArts.org Screenshot

Last August I acquired a certificate in User Centered Design (UCD) from the University of Washington’s Human Centered Design & Engineering department. Our final project was this heavily researched gem: BoundlessArts.org.

The site was made in a couple days, but the design was researched and mapped out over months. I hope it helps the Boundless Arts Performance Collective give foster youth a great experience with the arts.

Patrick Marich, drawing

Relaunching a Copywriter’s Portfolio Website

Website Developed for Marketing Copywriter and Creative Director

This was the second time building Stephen’s site, the first being a couple of years ago. Every ad-man needs a good book, and these days they’re digital. We upgraded him to a responsive portfolio a couple of months ago, starting with some beautiful comps designed by my friend Andy Stewart (andystew.com).

I took some of Andy’s Photoshop treatments and converted them to CSS,  elaborating on his design so it would work at nearly any width. I’m a firm believer in a flexible grid that doesn’t assume breakpoints. This is especially true on tablets, which come in a variety of sizes and are one of the most popular devices for viewing portfolios. I was surprised, embarrassingly, to see that the majority of traffic to my own site came from mobile devices.

I hope this site serves Stephen well, I’m certainly happy with the end result.

Patrick Marich, drawing

Never Used Flagship Website Design

 

The Real.com that never was   Iteration is a requirement because it gives you a chance to present the best solutions, and resign less optimal work to hide forever. As we get ready to launch an aggressive overhaul, including a site redesign, I stumbled on this iteration from the same project a year ago. Things have changed; styles, trends, and visual expectations of users are drastically different. Media Queries, SVG, and trending patterns have influenced things drastically. As usual, processing power also has something to do with it. There are some things here I miss and others I don’t. There are things I can’t believe I did, and other I wish I could remember how I did. But you can figure out what those things are.

Patrick Marich, drawing

Dirt Bike Racin’ Photoshopped Web Video Girl for Facebook Ad

Web Videos AdI’m pretty sure the title covers it. This is largely a composite made in Photoshop. Some of the great new tools in the Creative Cloud helped expedite this, especially the the Puppet Mesh tool (alla After Effects). I’m looking forward to iterating further on this, so keep you eye on your Facebook feed.

Patrick Marich, drawing

Playing with RealPlayer Icons

RealPlayer Icon Test

Last summer I began working at RealNetworks on the RealPlayer marketing team. It’s been a great experience. I came up with this somewhere along the way, though we’ve never used it.  With the ‘flat’ movement in full swing I doubt we ever will.

This started as a vector logo Illustrator and ended in Photoshop where it got all glossy and Web 2.0.

Patrick Marich, drawing

The Sandbox

Wedding Monsters

10/14
Thumbnail: Wedding Monsters

Just returned from my honeymoon and wanted a share a couple of rare illustrations. Katie, my wife, art directed most of our wedding materials: designing most of the invitation, program, and other fun things. She got a little help. Especially with these guys. These illustrations were featured on cards for our bridal party. They were… Read more »

Bloggy Stuff

An Education in User Centered Design

3/14
UX Study Review Image

I received my certification in User Centered Design (UCD) from the University of Washington last summer. Before spending two years in the Human Centered Design & Engineering Department, I had a clear idea of what I wanted to get: I wanted to justify my decisions as a designer. A couple of years later, I realize… Read more »