I still remember the first time I came across the term “User Experience Designer”. It was years ago, embedded in the email signature of a friend of mine—someone whose job I never quite understood. So I asked him.

His answer fundamentally changed how I designed websites from that day forward. Not because of what he actually said (he mumbled something about usability and research) but because of the ongoing discussion that ensued. That discussion prompted me to dig deeper into the world of UX, re-evaluate my processes, and dramatically shape my career.

While many designers hear a description of the term “UX” and reply, “Oh, that’s what I’ve been doing all along—I just didn’t know it was called that”, I was different. Before learning the term “UX Designer” even existed, my design process was arrogant; my designs looked pretty but often missed the mark. Much later, when I chose to adopt the term as my own job title, I felt confident that I had grown measurably as a designer, and evolved my processes to the point where I was worthy of the title.

the throne of UX

Such is the power of a phrase. UX may be a buzzword, but that’s not necessarily a bad thing for those of us who design for the web. The principles, philosophies and techniques of which UX design is comprised are well established, and the good news is this: anyone can learn them.

So what does a User Experience Designer actually do? Well, there’s no typical day, however there is a grab bag of techniques that many UX Designers rely on at various stages of a project. I’ve expanded on a few of those techniques here, using panels from a short comic that appears in Everyday UX, an ebook containing interviews with 10 prominent UX designers:


wireframes A wireframe—a rough guide for the layout of a website or app—is the deliverable most famously associated with being a UX Designer.

Once created by designers as a series of static images, these days tools like Balsamiq Mockups and Axure RP make it straightforward to evolve your wireframe into an interactive prototype without writing any code.

While many UX Designers make a point that they are more than just wireframe machines, it’s certainly true that many UX Designers start with wireframes: creating a basic site layout is something anyone can do, and the tools are easy to learn.

User Testing

user testingSitting users in front of your website or app and asking them to perform tasks you’ve planned for them while they think out loud is the fundamental premise of user testing.

How many test participants you involve, how closely your test participants match your actual users, and how many iterations of testing you run are all decisions shaped by budget and time constraints.

User testing is straightforward enough that anyone can—and should—experience running one. Being in the same room while someone struggles to use your product is a powerful trigger for creating empathy with users—a common trait.


personasA persona is a fictitious identity that reflects one of the user groups for whom you are designing.

Personas need to be informed by research to be useful. It can be tempting to put on your creative writing hat and invent details to make them believable or interesting. However, the goal should be to have your personas reflect patterns that you’ve identified in your users (or prospective users).

There’s no shortcut for identifying these patterns—they come from user research: conducting interviews, surveys, user testing, contextual inquiry and other activities.

Scenarios and Storyboards

storyboardsA scenario is a narrative describing “a day in the life of” one of your personas, including how your website or app fits into their lives. If you’re familiar with writing user stories in an agile environment, you’ll be comfortable writing scenarios—although the focus here is on regular usage, not edge cases.

Depending on the audience, a storyboard may be a more appropriate tool for capturing how, when, where and why someone might use your product.

Inspired by the filmmaking industry, a storyboard is a visual sequence of events used to capture a user’s interactions with a product.

It may be an extremely rough sketch—purely for crystallising your own ideas—or a more polished comic for engaging your audience more effectively.


This is just a sample of the hundreds of techniques that UX designers have available to them to ensure they get the right design—and the design right.

The trick to applying them is learning when to use which technique.

But that’s a topic for another day …

Matthew Magain is a UX designer with over 15 years of experience creating exceptional digital experiences for companies such as IBM, Australia Post, and sitepoint.com. He is the co-founder of UX Mastery, and recently co-authored Everyday UX, an inspiring collection of interviews with some of the best UX Designers in the world.

Get your free chapter of Level Up Your Web Apps with Go

Get a free chapter of Level Up Your Web Apps with Go, plus updates and exclusive offers from SitePoint.

  • Sarah Bauer

    Great post. I’d say that in order to love your work as a UX designer, you’ve got to have a fair bit of fascination for human psychology, user context and the processes involved (the research) in developing conclusions about targeted end users. Sound good? Then go forth!
    Sarah Bauer
    Navigator Multimedia

    • Matthew Magain

      Thanks Sarah. I agree, human behaviour is a complex and fascinating topic, and part of what keeps me continually interested.

  • Moeskido

    All due respect to the work you do every day, but every generation believes it invented graphic design, while instead coining new buzzwords to describe subcategories of graphic design.

    • Matthew Magain

      Maybe you know all there is to know, Moeskido, but personally I’m constantly learning new techniques and would never be so arrogant to suggest that everything there is to know about designing for the digital world has been covered before. The collection of techniques I’ve listed here may have been around for years, but the more I learn, the more I discover that there is to learn. If you think that designing for the web is just a subset of graphic design, then I’m afraid we’ll have to agree to disagree.

  • http://www.elisabethhubert.com/ Lis Hubert

    Great post Matthew! And thanks for the link :-).

    • Matthew Magain

      Cheers Lis!

  • Tihiy

    Nice post… though nothing new, the nth simular post on this theme.. Either UX designer for IBM and so on don’t want to share his secrets or there is nothing new under the moon)

    • Matthew Magain

      Thanks for your feedback Tihiy. Are there any specific topics you’d like to see covered in future posts? I take your cynicism about a designer’s “secrets” as a challenge that I’d like to meet. :)

  • Maher Naji El-Ghali

    Massive knowledge, Thank you :)
    I need your help in few questions ,
    – There is a specific order for UX process ? ex: 1- ux research 2- wireframes ,….
    – about the user research , i need a specific role for UX research , sometimes i felt that i’m a marketeer not a UX researcher in this part of UX process.
    – Could you please give me some links to know more and more about UX.

  • Reem Sabry

    The process above is in order, although there is no order in the User Centered Design process. Above is the initial order and then you go back and forth to improve your design.
    For Example: The wire framing is in the ideation part where you brainstorm and sketch your ideas on a paper. Then you build a prototype. Then you conduct a research (usability testing). from the research (usability testing) results you go back and forth to enhance the initial idea of the design.

  • Pete Kerr

    Hey Matthew brilliant post. I am not long graduated and have been working as a Web Designer for myself last few days and the more I research UX the more i’m fascinated by it. Potential game changer? I think so. Only thing is how difficult is it to make the switch between the two or do we have to?

  • Alannah Keys

    Hi, I am really interested in getting into the UX Design field and I enjoyed reading what you have written about it. I have started working full time this year after graduating with a Bachelor of Computer Science degree. I am naturally artistic and would really like to do more work in that area, I’m just not sure how to get started. Do UX designers do any front end development with HTML/ CSS etc? Can I get into the UX field with no major UX experience?
    Thank you,

  • Vignesh Raj

    Hi Matthew,
    Currently i am working as web graphic designer with 1+ exp, Such as creating web layouts, logos, banners etc. But i need to extend my career as ux designer in future, so what i want to know is that ux designer job is same as web designer job or it’s totally different platform, what type of tools i should learn…

  • michaelwalls

    I would like to again thank the younger generation for giving me another new, well deserved, title. UX is just another buzzword for tactics all designers should learn in the first place. First person logic is a great tool – if it isn’t easy for you to parse, it isn’t easy for them. Most designers should have learned info heirarchy from building drop down menus.

    Base logic courses should be mandatory in all schools. It is lacking in the masses and what makes billionaires out of a select few. You can start by getting away from WordPress and learning how a real site is built. In this wizard-free building process you will have to learn how to organize. In doing this, so called UX will be added to your list of euphemisms for common skills all designers should have before charging for their work.

  • Darshik Jariwala

    Hi Matthew, I recently began my job as a coordinator in website development. This post was great help to me in understanding what a UX designer does.

    Darshik Jariwala

  • Lala

    I loved this post!! Thank you! Is it easy to go from a graphic designer of 5+ years experience into applying for UX Design positions?

  • Ashish K

    Thank you .. i love this post..it is very helpful for Beginners in this field.

  • Carlos Mosqueda

    Short answer, yes you can get into the UX Design field. I am a UI/UX Designer who started out as a Front End developer. I also have a BA in Graphic Design so I know a little bit about most of the areas that revolve around UX Design and UI Design. I, personally, would rather have the credentials of front end development, so I can gauge the Level of Effort for the UX and the UI. Having these credentials also allow you to have a better insight on what can be done to improve upon the UX and what it might take to do so. Not only HTML/CSS for websites and hybrid apps but also for other fields like mobile application development and software development.

    Having a better understanding of most of the areas that is takes to build an app/website/software/etc. then the better understanding you will have for UI/UX.

    Too often are the UI, the UX and the actual development separated out in the processes and by different people. I know one person can not know it all, BUT the better understanding the developer has of the UX and UI side and the better understanding the UI and the UX people have from the development side, the better projects turn out.

  • Megan Shields

    Hi, I’m a freelance graphic designer and came across a lot of UX design roles while looking around for more freelance work. They stood out as tend to have a much higher salary than graphic design roles and am now considering to try to get into the UX design field. I have a BA in Graphic Design, but am considering applying for short courses (or an online course) in UX design – would you say it is necessary to do an extra course to get a job in UX design? I don’t have any knowledge of HTML/CSS, I have done basic wire framing and app design – created on Adobe CS programmes eg. photoshop, Illustrator, but have never used Axure for example. I know some people who have used books on HTML coding etc, and have taught themselves how to create websites, would this be sufficient?!

    Many thanks,


  • Prasanth Laloo

    Matthew Magain, I am from India. I have a question. I am working as a Web Designer for a digital media agency. Here I only do designing facebook posts, web banners, some web layouts and all. I am just a kid in HTML and CSS, only some basic I know. Please tell me what will be the role of a UX guy in Digital Media. Also about UI I want to know.


  • http://www.digimadmedia.com Digimad Media

    Very good read, in depth and information. Thanks very much.
    We have a similar article on UX design you may be interested in…

  • alex

    Quite interesting. But i’m bit oppose to your concern that you get new to user experience theme. However your blogging scope is quite amazing. And i find lot many distinctive user experience service offering firms like salzer technologies,DigitalQ and so on nowadays in a mushrooming growth. But i believe UX will stay ahead in the enterprise growth and support the business to a great extent.

  • WassailAnyone?

    I’d love to get everyone’s opinion. I’m a web designer and developer, but I’d really like to get into UX. I want to take a UX bootcamp, but I’m over 50. I’m worried that, like a lot of web jobs, only younger people are sought after.

    Is it easier or harder for older people to enter this field?

    • PaulGauguin

      Hi WA,
      I just stumbled across this post. I am in UX and over 50 working primarily with others who could be my kids. While youth brings with it a certain energy and enthusiasm, age brings with it experience and (in my opinion) a more well-rounded view of the world that is pretty vital in the understanding of systems and human behavior within those systems. Go take your bootcamp.

      • http://glcdelivers.com Paeon


Related books & courses
The Principles of Beautiful Web Design, 3rd Ed

Available on SitePoint Premium. Check it out now!