ui ux presentation topics

7 Great UX Presentations on Slideshare

Slideshare is one of the world’s largest professional content sharing community. So it’s safe to say it’s a great place to go for presentations on any topic.

We’ve collected 7 great UX presentations from slideshare that we think do a great job explaining and illustrating UX definitions, processes, guidelines and more.

1. What is UX?  by David Carr 

Looking for a simple way to understand what UX is with real-life examples? Then look no further, learn about UX briefs and their elements, followed by UX Process examples and wireframes.

2. Content UI Design Usability User  by Jayan Narayanan  

This slideshare busts UX and UI myths, breaks down the elements of UX and explores what UI is, followed with new trends and disciplines for UX design.

3. UX 101: A quick & dirty introduction to user experience strategy & design  by Morgan McKeagney  

An excellent introduction to understanding what UX is, followed by it’s elements and processes. Overall great coverage to learn how to approach UX.

4. UI/UX Design  by Sumit Singh

If you’re interested in pursuing a career in UI Design, this is the perfect slideshare for you. It asks and answers questions with thorough examples to help set you on the right path in making your career choice.

5. Simple Steps to Great UX/UI by Koombea

Breaking down the difference between UX and UI, this slideshare explains the importance in both as well as design tools to use to create amazing products.

6. Usable Psychology for UX/UI Designers  by Maor Shabbat

No UX is complete without taking into consideration users behaviour. Understanding the psychology behind how users use your products sn one of the core foundations to designing great UX.

7. UX & Design Riyadh: Usability Guidelines for Websites & Mobile Apps  by UXBERT Labs  

A thorough presentation covering the basics of UX Design and how it’s implemented. Filled with guidance and examples on how to ensure delivering an excellent UX.

At UXBERT Labs we specialize in UX and Technology Innovation consulting to help businesses deliver world-class experiences. With offices in Dubai and Riyadh, our team of UX Researchers, Designers, and Developers deliver custom designed and built software to help businesses succeed.

Interested in working with us? Email us at [email protected]  and let us know your research, design or development needs.

Start typing and press Enter to search

Automated page speed optimizations for fast site performance

Product Design Bundle and save

User Research New

Content Design

UX Design Fundamentals

Software and Coding Fundamentals for UX

• UX training for teams
• Hire our alumni
• Student Stories
• State of UX Hiring Report 2024
• Our mission
• Advisory Council

Education for every phase of your UX career

Professional Diploma

Learn the full user experience (UX) process from research to interaction design to prototyping.

Combine the UX Diploma with the UI Certificate to pursue a career as a product designer.

Professional Certificates

Learn how to plan, execute, analyse and communicate user research effectively.

Master content design and UX writing principles, from tone and style to writing for interfaces.

Understand the fundamentals of UI elements and design systems, as well as the role of UI in UX.

Short Courses

Gain a solid foundation in the philosophy, principles and methods of user experience design.

Learn the essentials of software development so you can work more effectively with developers.

Give your team the skills, knowledge and mindset to create great digital products.

Join our hiring programme and access our list of certified professionals.

Learn about our mission to set the global standard in UX education.

Meet our leadership team with UX and education expertise.

Members of the council connect us to the wider UX industry.

Our team are available to answer any of your questions.

Fresh insights from experts, alumni and the wider design community.

Success stories from our course alumni building thriving careers.

Discover a wealth of UX expertise on our YouTube channel.

Latest industry insights. A practical guide to landing a job in UX.

Your ultimate UX portfolio presentation guide: How to present your UX design portfolio in a job interview

If you’re applying for UX design jobs, you can expect to give a UX portfolio presentation as part of the interview process. This is your chance to talk through some of your favourite portfolio projects—and to show the hiring panel what you’re capable of. It’s a nerve-wracking task, but it’s a crucial step towards landing a UX job. 

Free course: Introduction to UX Design

What is UX? Why has it become so important? Could it be a career for you? Learn the answers, and more, with a free 7-lesson video course.

If you’re applying for UX design jobs, you can expect to give a UX portfolio presentation as part of the interview process. 

This is your chance to talk through some of your favourite portfolio projects—and to show the hiring panel what you’re capable of. It’s a nerve-wracking task, but it’s a crucial step towards landing a UX job. 

New to UX interviews and portfolio presentations? Then keep reading. 

This is your ultimate UX portfolio presentation guide . We’ll show you not only how to structure your UX portfolio presentation, but how to deliver it successfully on the day.

Here’s what you’ll learn:

What is a UX portfolio presentation?

What should a ux portfolio presentation include, how long should your ux portfolio presentation be.

• How to structure your UX portfolio presentation: A framework 
• How to prepare for (and ace) your UX portfolio presentation: 5 steps

Ready to become a UX portfolio presentation pro? Let’s begin. 

[GET CERTIFIED IN UX]

A UX portfolio presentation is a key step in the UX hiring process . Whenever you apply for a UX or product design role, you’ll likely be required to present your portfolio to a panel—either in person or via Zoom. Typically, the UX portfolio presentation takes place once you’ve passed the initial phone screen(s) and have moved to the interview stage. 

What’s the purpose of a UX portfolio presentation?

Your UX portfolio presentation is your opportunity to show the hiring manager, and the wider team, what you’re capable of. You’ll talk them through 1 or 2 portfolio projects, giving insight into your UX design process and your approach to problem-solving. 

It’s also a chance for the hiring manager to assess your communication and presentation skills. Most UX roles will require you to present to stakeholders, so employers want to make sure that you can effectively communicate your work. 

Your UX portfolio presentation should include the following:

• A brief yet powerful introduction: Tell the hiring panel who you are and what you’re all about before you jump into the presentation itself.
• 1 or 2 case studies: These are the crux of your UX portfolio presentation, demonstrating your skills, process, and problem-solving approach in action.
• Outcomes and learnings: For each case study you present, you’ll show the panel not only what you achieved but also what you learned.
• Supporting visuals: Just like your portfolio itself, your UX portfolio presentation should contain plenty of interesting visuals to illustrate the story of each project and ensure the presentation is engaging.
• Q&A: At the end of the presentation, be prepared to answer questions (usually about 10-15 minutes). 

Hiring managers will usually allocate between 45 minutes and 1 hour for your UX portfolio presentation. The recruiter should be able to provide you with the timeframe. But, if not, plan to present for around 40 minutes and leave enough time for questions at the end. As with any kind of presentation, practise a few times beforehand to make sure you’ve got plenty of time to cover everything at a comfortable speed. 

[GET CERTIFIED IN UI DESIGN]

How to structure your UX portfolio presentation

There is no universally approved template for a UX portfolio presentation. However, there are certain key components that all portfolio presentations should include, as well as a broad structure that will help you tell a logical story.

Here’s an outline you can use to structure your UX portfolio presentation. And remember: it’s just a template—adapt it to make it work for you. 

• Opening slide
• Introduction (a bit about you)
• UX portfolio case studies
• Closing slide

With that framework in mind, here’s how to structure your UX portfolio presentation .

1. Opening slide

Every good presentation begins with an opening slide. It doesn’t need to be fancy—it’s just nice to have it up on the screen while the audience settles in and you make any final preparations. 

This slide can be as simple as your name, your professional title, and the presentation title, or you can jazz it up with some fun visuals. 

2. Introduction (a bit about you)

First things first: introduce yourself. 

There may be people on the panel who haven’t met you yet, so take a moment to share who you are, what you do, and why you’re passionate about UX design (or your niche area if you’re going for a specialist role such as UX researcher or UX writer ). If you have time, you might also share a fun fact about yourself. This can be a good icebreaker!

This is just a quick overview of what you’ll cover throughout your UX portfolio presentation. It gives the audience an idea of what’s to come, and in what order. As you introduce the projects you’ll present, it’s also worth explaining why you’ve chosen to highlight these particular projects. Take this moment to convey your passion for what you do. 

4. UX case studies

Your case studies will span several slides. Begin with a title slide introducing the name of the project and, if you haven’t done so already, explain why you’ve chosen to include this project in your UX portfolio presentation. 

Is it based on a topic you’re passionate about? Did it present a particularly valuable learning curve? Was it one of your most successful projects? Explain why you’re excited to share this project—and get the hiring panel excited, too. 

Next, you’ll want to cover the following points for each case study. Each point can span 1 or 2 slides as necessary, and you can combine several points into one. All that matters is that you tell a clear, cohesive story which the hiring panel can follow. 

• Project overview: What is the project about? Set the scene and provide important context. Here you can talk about when/in what context you completed the project—for example, as part of your UX design course or bootcamp or at a previous job.
• Your role: Who were you collaborating with and what was your contribution? Explain who was involved in the project and where you fit into the team. What were your main responsibilities and areas of expertise? Who did you collaborate with along the way? This is a great opportunity to demonstrate teamwork while clearly defining your individual role.
• The challenge: What problem were you trying to solve and who were you solving it for? Clearly state the challenge and provide some background. For example, what led to the problem and/or to the discovery of the problem? What pain-points were you seeking to address—and, most importantly, who for? At this point, you can also allude to the final solution. This might not seem logical, but it will actually help the audience to follow and understand your process.

• Your approach: How did you go about solving the problem? Provide a high-level overview of the process you followed to address the design challenge. For example, your approach might have looked something like: User research, ideation, prototyping, testing and iterating, development.
• A closer look at your process and specific methods: Zoom in on specific aspects of the process—outlining the methods you used, why you used them, what value or purpose they served, and how they shaped your design decisions. For example, if one aspect of your approach was user research , explain which research methods you used and why, as well as what insights they helped you to uncover.
• The solution: Where did your chosen process and methods lead to? How did you arrive at the final solution? Refer back to the original problem and explain how you reached your final solution. It’s worth sharing the different solutions you considered before making a decision—outlining the pros and cons of each and explaining why the chosen solution made the most sense.
• The end results: What did or does your solution look like? You’ve explained how you came up with a solution to the problem. Now share how that solution looks (or looked) in action. Did you design new features for an app or come up with user personas ? What was the impact of the solution? Are there any measurable results you can share, either for the business or the end user?
• Learnings and reflections: What did you learn from the project? What challenges did you face and how did you overcome them? What would you do differently next time? Even if you’re highlighting this as your most successful project, it’s unlikely that everything went completely smoothly. Impress the hiring panel with your ability to reflect and learn by sharing what you’d do differently next time, or how you course-corrected along the way.
• Questions: You’ll usually have a longer Q&A session at the end of your portfolio presentation, but it’s worth carving out some additional time at the end of each case study. This encourages the panel to engage and gives you the chance to elaborate on points of interest. 

5. Q&A session

Once you’ve talked the panel through your UX projects, wrap up your portfolio presentation with a Q&A. Thank your audience for listening and say you’d be happy to answer any questions they have. 

6. Closing slide

Just like your opening slide, this is a nice bookend to your presentation. A simple “Thank you for listening!” is perfect—but, as always, feel free to get creative with visuals if you want to inject some extra personality. 

Compiling your presentation is just one part of the process. To close our guide, we’ll outline 5 key steps you can follow to prepare for—and ace—your UX portfolio presentation .

How to prepare for (and ace) your UX portfolio presentation 

We’ve shown you how to structure your UX portfolio presentation. But what other preparation is involved?

Follow these steps to ensure your UX portfolio presentation is a success:

• Choose the projects you want to showcase
• Write an outline for each project case study
• Prepare your UX portfolio presentation slides
• Practice with a timer (and with an audience)
• Anticipate possible questions from the hiring panel

1. Choose the projects you want to showcase

The purpose of your UX portfolio presentation is to show the hiring team what you’re capable of. Before you start putting your presentation together, spend some time going through your UX portfolio and choosing which projects to showcase. 

You might simply go for your favourite projects or the ones you’re most proud of—and that’s not a bad approach. You want to be able to talk passionately and enthusiastically about your work. However, make sure you’re also choosing projects that highlight the skills and qualities the employer is looking for.

For example: if you’re going for a UX research role, you’ll want to present a project where you were responsible for user research. If you’re interviewing with a healthcare company and you’ve worked on a healthcare app in the past, that would be a good case study to highlight.

In short: Choose the projects which best demonstrate your suitability for the job.

2. Write an outline for each project case study

You’ve chosen your projects; now you need to plan how you’ll present them. Before you start putting your presentation deck together, draft an outline of how you’ll talk about each project and the main points you’ll cover. 

Hopefully, you’ve already been through the process of creating your UX portfolio and have several projects written up in the form of detailed case studies—which you can use as the basis for your presentation. You can refer back to our UX portfolio presentation framework (in the previous section) for an overview of the kind of detail to include, and here are the main points at a glance: 

• Project overview
• The problem you were solving
• Your approach, process, and methods
• The solution and end results

At this stage, your project outlines don’t need to be word perfect. The main goal is to have a clear idea of what each project should demonstrate—and how you’ll get the most important points across. 

In short: Pick out the most important points you want to cover for each portfolio project and draft an outline. 

3. Prepare your UX portfolio presentation slides

With your portfolio projects chosen and your outlines drafted, you’re ready to compile your UX portfolio presentation. For this step, follow the presentation framework we outlined earlier on in this guide. 

Here’s a recap of how to structure your UX portfolio presentation:

• Title slide
• Case studies
• Closing slide (thanks for listening!)

Now you might be wondering which format your presentation should take. Always read the recruiter’s instructions carefully to see if they’ve specified any exact requirements. If not, use your tool of choice to create a presentation deck (e.g. Google Slides) and be sure to download it in PDF format, too. You never know what the WiFi situation will be on the day, so make sure you can access your presentation offline if you need to. 

When it comes to designing your presentation deck, follow all the usual design rules and principles —clear, legible text, plenty of contrast, and a good image-to-text ratio. Beyond that, you have all the creative freedom you could ask for. 

In short: Use a tool like Google Slides to design and compile your UX portfolio presentation deck. Download it as a PDF, too, in case the Internet fails you on the day.

4. Practice with a timer (and with an audience)

One of the trickiest parts of a UX portfolio presentation is getting the timing right. You want to provide enough detail without going on for too long—and you want to present at a comfortable pace. 

Once you’ve put your presentation deck together, practice going through it with a timer. Most UX portfolio presentations last between 45 minutes and an hour (the recruiter should let you know how long you’ve got), so make sure you can get through the whole thing without rushing. 

Based on your practice runs, make cuts (or additions) to get your presentation to the ideal length. 

Then, if you can, practise in front of an audience. This will help you to make sure you’re telling a cohesive and logical story about each project. If your practice audience can easily follow along and finds your presentation engaging, you’re onto a winner. If they have feedback, iterate and adapt til you get it right. 

In short: Practise your presentation in front of an audience and with a timer. This will ensure you’ve got the length just right, and that you’re communicating clearly and effectively. 

5. Anticipate possible questions from the hiring panel

Most UX portfolio presentations will end with questions from the hiring panel, so it’s a good idea to anticipate what these questions might be. 

They might ask about specific aspects of your UX projects, or about your design process in general. Brainstorm some possible questions (you can ask your practice audience to come up with some, too) and think about how you’ll answer them.

While it’s impossible to anticipate exactly what will come up, having some answers prepared will help you to enter your UX portfolio presentation feeling confident and ready.

In short: Brainstorm possible questions the hiring panel might ask you and think about how to answer them. 

Wrapping up

We’ve covered everything you need to know about structuring and delivering an effective UX portfolio presentation. Hopefully, with the help of this guide, you can tackle your UX job search with confidence. For more helpful career advice and resources, check out these guides:

• Are you just starting out in UX? Here’s how to reframe your previous work experience (and use it to your advantage)
• How to recognise UX maturity while job hunting (and why it matters)
• What kind of salary can you expect as a UX designer?

The following video has some great portfolio tips too:

• UX Portfolios

Subscribe to our newsletter

Get the best UX insights and career advice direct to your inbox each month.

Thanks for subscribing to our newsletter

You'll now get the best career advice, industry insights and UX community content, direct to your inbox every month.

Upcoming courses

Professional diploma in ux design.

Learn the full UX process, from research to design to prototyping.

Professional Certificate in UI Design

Master key concepts and techniques of UI design.

Certificate in Software and Coding Fundamentals for UX

Collaborate effectively with software developers.

Certificate in UX Design Fundamentals

Get a comprehensive introduction to UX design.

Professional Certificate in Content Design

Learn the skills you need to start a career in content design.

Professional Certificate in User Research

Master the research skills that make UX professionals so valuable.

Upcoming course

Build your UX career with a globally-recognised, industry-approved certification. Get the mindset, the skills and the confidence of UX designers.

You may also like

Your guide to landing a job in UX: Top insights from UX Design Institute’s State of UX Hiring Report 2024

UX designer salaries in the UK in 2024

What does a UX writer (also known as a content designer) do? Everything you need to know

Build your UX career with a globally recognised, industry-approved qualification. Get the mindset, the confidence and the skills that make UX designers so valuable.

4 June 2024

How To Master Presentation Skills in UX and UI Design

What are UX presentation skills? Read our guide on how to master your presentation skills in UX and UI design.

Stay in the know with The Brief

Get weekly insightful articles, ideas, & news on UI/ UX and related spaces  – in to your inbox

When first pursuing a career in UX or UI design, most people think of hard skills like design, problem solving, analytics, research, prototyping, or even UX writing. 

While these are certainly foundational requirements to be successful as a working UX designer, it’s important not to underestimate the importance of also developing presentation and communication skills. Presentation skills are used to effectively bring ideas, concepts, and design information to life. 

From slide decks to portfolio presentations, here are a few ways that presentation skills can support your career as a UX/UI designer. 

Why Presentation Skills Are Important To UX / UI Roles

Design process might be at the core of your career work, but with every project and initiative, you also have to collaborate with and persuade those you work with. Here are a few scenarios where skillful presentation will help you out:

Portfolio Presentation

After pouring many hours of time and energy into creating a design portfolio that stands out , you should be able to rely on it to help you stand out from the competition during the job application process. Still, the collection of your designs and process is only a small portion of what interviewers look for. It’s important to also be able to articulate your own work clearly and confidently.

Sharing Design Iterations

How did you come up with a certain design or mockup based on the research and data you had to work with? Knowing how to present a holistic view of your work in a concise way can help your team arrive at a good solution much more quickly. 

Presenting Final Designs

Confident, articulate presentation is a powerful tool when you’re presenting polished work for a final approval. Stilted communication can lead to tension, lack of trust, and a lack of appreciation for your work. But a strong, well-reasoned presentation can help persuade your audience to see your design solution in a new, more positive light.

10 Tips For Improving Your UX / UI presentation skills

From setting strategic goals and inviting audience participation, to preparation and planning for a positive mindset, there are several tactics that can help you to improve your presentation skills. Here are our favorite tips:

1. Determine a clear goal for the presentation

Take time to figure out what you want to achieve with your presentation. Are you showcasing your portfolio to a potential employer? Are you trying to persuade a senior manager or a prospective client to try a new design idea? Are you updating stakeholders on your latest research findings? 

Take your primary goal and work backwards to plot out the presentation structure and the most salient points you want to convey. 

2. Keep it short and have one clear theme

It’s difficult to absorb and retain large amounts of information at a time, so try to keep your presentation short and focused on one key theme. Look for opportunities throughout your presentation to make the content more concise, like using bullet points to summarize long text paragraphs, or creating visual graphs to give a holistic view of stats and research. Not only will this make it easier for your audience to retain the information, but they’ll also feel more engaged with the content. 

3. Weave humor into your presentation

Humor can be a great tool to help your audience relax and build rapport during your presentation. 

Everyone’s sense of humor is a little different, so dark humor or direct jokes are unlikely to break the ice. Instead, try weaving in light-hearted examples to expand on various aspects in your presentation. If you feel comfortable, you could also include a funny anecdotal story about yourself to illustrate a point. Again, this should be audience appropriate, so you may want to try any humor out on a trusted colleague or friend before delivering it to a large group.

4. Invite audience participation

For all but the very briefest of presentations, you might want to spend time finding creative ways to involve your audience. Use direct questions to ask for opinions, and educated guesses to encourage your audience to really think about what you’re saying. If nothing else, asking for a show of hands (“how many of you have wondered if there’s an easier way to use X app?”) can help your listeners to feel as if their opinion is valuable to you, which in turn makes them more active listeners. 

[MID_ARTICLE_CTA]

5. Use trigger words

You’ve stayed up all night, practiced, and you know your presentation by heart. But what happens if your mind goes blank when the time comes to deliver it? 

Instead of reading directly from notecards or trying to memorize the exact words, consider adding trigger words to your presentation. If you know the subject matter well, using bold or italic key words on the slides which are related to what you had planned to say can be enough to bring it all back to you. For example, you might bold “information architecture” if you wanted to expand on this as part of a wider slide on UX / UI strategy. 

6. Include a summary at the end

If your presentation is more than a few minutes long, you will likely need a ‘wrap up’ slide at the end of your presentation. This is an opportunity for you to recap (at a macro level) the key arguments in the presentation. Remember to revisit your aim for the presentation here and think about 1-3 main points you want your audience to take away when they leave.

7. Share your enthusiasm

They say that people rarely remember what you said, but they will never forget how you made them feel. 

Passion is contagious and people who talk with real enthusiasm about their subject area are naturally better at engaging with their audience. If you’re passionate on some level about the material you’re presenting, awesome. However, to maximize this you may want to think about what your audience cares about beforehand. 

Find ways to connect with your audience within the presentation. You could do this by using theoretical examples, anecdotes, or case studies which link back to your main area of interest. You may also want to think about multimedia, such as inspiring imagery or a video. The more passionate you are about the subject, the more that will come across in your delivery. 

8. Familiarize yourself with the content

It may sound like common sense, but take time to reflect on the subject matter of your presentation before you deliver it to an audience. A lack of knowledge can lead to nervousness and awkwardness when presenting. It can also hurt the impression you leave when you aren’t able to answer follow-up questions. 

A caveat : no one is an expert in everything. If you get questions that you can’t answer, be transparent. An honest “I’m not sure, but I will get back to you on that answer!” can help build respect and trust with your audience. 

9. Practice, practice, practice

Reciting your presentation a few times before you deliver it to a large group can be particularly important if you tend to feel nervous speaking in front of people. You may want to do this in the mirror at home, or in front of a few trusted colleagues or friends. Oftentimes, information can feel and sound different when it’s spoken out loud compared to how it’s read in your mind. Practice will also help you to fine-tune your presentation so that it looks and sounds perfect. 

10. Maintain a positive mindset

At this point, you should have prepared a strong, engaging presentation. You’ve practiced it multiple times, and are confident that you’ve internalized the information. Now it’s time to combat the nerves and focus on establishing a calm, positive mindset. 

If you can, get a good night’s sleep before your presentation. Eat breakfast. You may also want to do things that help you feel more positive, such as meditation, breathing exercises, going for a run that morning, or even chatting with friends or colleagues. If you’re struggling with fear or anxiety about presenting in general, you might try reciting specific mantras like:

• I am well prepared; I am ready to present
• I enjoy connecting with people
• I am excited to share this information

Your design work and process are extremely important when you’re establishing a career as a UX designer. To amplify their effectiveness—and ensure that interviewers, stakeholders, and team members fully understand the power behind your work—it’s equally important to keep your communication and presentation skills sharp. This is a skill that comes with practice and experience, and can be amplified when you seek out feedback from experienced professionals in your field. 

Are you looking for more career tips and insights for UX designers? Check out our post How to Become a Designer in 5 Steps , or sign up for the next cohort of UX Academy Foundations to learn the fundamentals of UX/UI design and get paired up with a mentor who can give you powerful feedback on your work. 

Get weekly insightful articles, ideas,& news on UI/ UX and related spaces  – in to your inbox

Launch a career in ux design with our top-rated program

Top Designers Use Data.

Gain confidence using product data to design better, justify design decisions, and win stakeholders. 6-week course for experienced UX designers.

HOW TO BECOME A UX DESIGNER

Send me the ebook and sign me up for other offers and content on transitioning to a career in UX design.

Related posts

The Truth About Job Guarantees

What Salary Can You Expect as a UX Designer?

14 Common UX Portfolio Mistakes to Avoid for Career Success

Inspirational Showcase of UI/UX Design Presentations

Line25 is reader supported. At no cost to you a commission from sponsors may be earned when a purchase is made via links on the site. Learn more

Taking the time to present your work to clients or simply display the project in your portfolio can drastically increase its value and really show off the hard work and expertise you’ve put into it. Today’s post showcases a bunch of designers who have produced some wonderful UI/UX design presentations. 

These inspirational case studies give you a detailed insight into the project development and give a walk-through on how the app works. These designs have different styles, with multiple color modes, layouts, beautiful typography, etc. Also, they include multiple modules with various data visualization tools such as charts, diagrams, graphics, etc. These will surely come in handy when presenting the functions and capabilities of your product.

UI/UX Education Resources:

If you are interested in advancing your UI & UX design career and take it to the next level, here’s a really good article over to read over at WebDesignDev.com: 15 Best UX Design Courses Online in 2022 By IxDF

A well-organized presentation can significantly help to promote your designs. And the vice-versa is also valid, so make sure you choose the right layouts to showcase your projects.

Get inspired by these eye-catching designs and use what you discover in your future projects. Learn how to fully promote your projects like a professional. Be sure to click through each one to see the full picture!

Wunderpass Dashboard by Michal Ptaszynski

Here you have an exceptional dashboard design that has a well-designed layout. This design is fully responsive which allows it to display perfectly on any device.

Socialpuzzle Website Presentation by Degordian

This design includes endless possibilities of combining its modules to create outstanding presentations. This layout includes high-quality images, neat icons, beautiful typography, etc.

Select Shop 29CM iOS App by Sabum Byun

This is a stunning layout design which you can use to showcase your UX/UI projects. It has a unique and creative design with a great attention to details.

Official App Pescara Calcio by Fabio Murru

You can learn much from this amazing presentation. This design can be perfect for showcasing mobile games or various multi-purpose applications.

MSmedias by Ron Evgeniy

This is an impressive UX/UI design presentation that includes multiple high-quality elements. These will help you create eye-catching displays with impressive layouts.

Sleep Control by Tubik Manufactory

Check out this gorgeous design and see if you can use it in your future projects. This layout includes multiple stunning elements, for instance, a well-drawn graphic illustration that presents various statistics.

Simplest V2 by Grégoire Vella

This wonderful UX/UI presentation design includes multiple modules which you can use them to display various information about your products.

Wayfinder Presentation Deck Excerpt by Samuel Thibault

This is a beautiful dashboard presentation for an application. Use this layout as an inspiration for your upcoming presentations.

Customer Care UI/UX by Jan Losert

This layout includes multiple modules, each one with its functionalities. Some of them include various mockup designs, app screens, high-quality images, etc.

E-Wallet Dashboard by Piotr Kazmierczak

You can learn much about how to improve your presentations from this professional design. This has a clean and fully functional layout that will definitely get noticed.

Adphorus UI Design by Kudret Keskin

Get inspired by this stunning presentation and learn how to improve your own designs. Find out more about what you need to include to showcase your projects like a pro. This is a great example of an exceptional design.

Medoo by Ann Tereschenko

This is a remarkable UX/UI presentation design that will definitely get noticed. Follow this link, check out the full layout and use what you learn in your own designs.

Dashboard Admin UI/UX by Samsu Bhayani

Here you have a neat presentation design of a UI/UX dashboard. The design includes multiple useful modules such as task management, dashboard design, widgets, charts, and more. Use this layout to see what new elements you can add to your presentation to improve its design.

Victoria’s Secret

Here you have an outstanding design that you can use as an inspiration for your next projects. This layout includes multiple neat features such as animations, high-quality images, videos, music, and more. This design will definitely get your attention.

Related articles you may like

• Inspirational Showcase of Business Card Websites
• 17 Inspirational Sites to Design Your Own Digital Comics
• 25 Creative Powerpoint Templates for Awesome Presentations
• 20 Best Google Slides Templates for Beautiful Presentations

21 thoughts on “Inspirational Showcase of UI/UX Design Presentations”

درمان بی خوابی

Thanks admin It was so beautiful

Very nice It’s great! Thank you admin

Nice UI/UX examples…thanks for sharing this trending post. just found another mobile UI/UX app design.

Thanks for the many nice site

It’s great! You have a great website Thank you

Woah! I’m really enjoying the template/theme of this website. It’s simple, yet effective. A lot of times it’s challenging to get that “perfect balance” between superb usability and visual appearance. I must say that you’ve done a amazing job with this. Additionally, the blog loads super fast for me on Opera. Outstanding Blog!

Nice selection mate, love all of them. Is it just my impression or there is a trend of presenting designs diagonally on behance?

I’ve seen a few of these before and they inspired us for https://bit.ly/1pqNoQC.

No doubt UI/UX is the future of designing.

Great design collection. Wunderpass is best around them. Thanks for sharing.

great tanx a lot

Very good, thank you so much

This is an amazing piece of work. Gives many ideas and structural tips. thank you.

This article it’s very interested for me! I’m ever at the search of ideas to pubblish mine work on Behance!

Thanks for the inspiration! I’m slowly starting to work with more UI / UX design, and this collection really helps, not only in giving me ideas but also to guide me in what to do, or not to do!

thanks a lot, i am very impressed with it. it is very useful in today’s era of world wide web. keep it up.

Some great examples, thank you.

very very good articals

یاشاسین آزربایجان

Leave a Comment Cancel reply

Save my name, email, and website in this browser for the next time I comment.

User experience templates

Deliver user research findings, present results of your analyses, and get your team on the same page with these free UX presentation templates.

Giving a Presentation with Perfect UI/UX Design

Vova is Managing Partner of Indeema Software, a company that develops IoT solutions from idea to production. Vova is an expert in applying IoT into…

Every single one of us gives presentations from time to time. What can be confusing about creating a couple of slides with great UI and rich content, right? The reality of a presentation in real life is more difficult than one might think . Here is how to give a presentation with perfect UI/UX design.

As the world moves forward, more and more UI/UX design will be needed, and the design will need to be done well. Many companies are requiring some kind of presentation when you enter the interview process. Even college campuses are beginning to use presentations in the acceptance process.

What should I do for a presentation?

For a presentation, you’ll want to cover the whole topic and give as much information as will fit on a slide. Then you’ll go to Google (Pexels is good ) to find some awesome photos and artwork. Finally, you’ll want to cover your presentation with a little fancy animation. Here is where your presentation may start falling apart. How do you balance all this stuff within your presentation — and the timeframe?

Take my helping hand — and let me show you how to create a presentation with both perfect user experience — and user interface.

Principles of perfect UI/UX in presentations.

1. your personality..

This article is not about public speaking or how to sound great. But you will want to practice these skills. Don’t let your masterful presentation be gummed up by lousy speaking. Get in front of your bathroom mirror and preach to the towels! Memorize your presentation. Practice, practice, practice — okay. Enough said.

Now, let’s concentrate on a great visual and UX design of presenting.

But the main thing to remember is that your presentation is you. Think of your personality as a part of the presentation as a whole. Your voice, facial expressions, gestures, clothes matter.

Do you want to be the center of attention, or should your slides attract the audience? Should your colorful clothes and bright lipstick grab the attention, or do you want listeners to concentrate only on your slides?

2. Right place, time and people.

There are a few points from marketing which you should consider while making your presentation. Use Market segmentation , analyze the target audience, and try to create user personas.

You don’t have to go deep with this, but at least try to understand the needs and behaviors of your listeners. Considering your audience will help you with setting general style, choosing pictures and templates, color schemes, etc.

For example, there is a huge difference in designing slides for iOS developer’s conference, a business proposal — or meeting up with graphic designers.

3. KISS and less is more.

Slides work best if you keep them simple rather than overcomplicate. Emphasize every part of your slide, and you lose the user’s attention.

How to ruin your presentation.

• Overuse animation.
• Add way too many irrelevant pictures.
• Put in huge blocks of text that hard to read and annoying.

So what’s the secret? Keep it simply stupid: make the presentation design clean and to the point. Keep everything balanced and to a minimum to draw the attention of more users.

4. Use white space and play with user attention.

Whitespace is not white parts of your slide. Whitespace is any section of a slide that is free of text, images, charts. For best efforts, simply use a lot of space around your objects. Your presentation will look less crowded and will be easy-to-read and follow.

Whitespace, also, helps to separate content into logical blocks.

DO NOT place all the text from your speech on the slides. People will get lost reading and will not be listening to you. Concentrate on the main points. Three or four sentences will be OK.

It’s okay to put only one sentence, a few words, or just one picture on a slide if the information is essential. You can also use one item of words, text, or design to achieve the maximum focus of listeners.

Picking the right typeface is probably one of the first steps of creating a presentation.

First of all, select only well-readable fonts. Of course, you can use some experimental ones or spend a lot of time finding the best one to suit your slides. Most clients and customers prefer something they are already comfortable with. But if you want to play safe or you don’t have time, here are time-proved fonts with the best readability.

Create your font- system for the presentation , but don’t overdo it. One or two fonts will be enough.

Be accurate with the font size. The best way to avoid mistakes is to avoid thin, delicate typefaces at a small size. Don’t use smaller than 14-16 for presentation slides.

Create a system for titles, subtitles, and textual blocks and keep it standard across every slide. Here’s the safe recipe for Poppins font:

• Titles – 24
• Subtitles – 18
• Main text – 14-16

Stay safe with your system. These tips will help you avoid drowning your audience with a crazy amount of combinations. You want your audience focused on the content instead.

And the last font hint?

Never use Comic Sans — and don’t graphically modify the text. You can use bevel, drop shadow, emboss, and outline. But — really, don’t. These font styles are outdated, and their star time passed around 1998.

Use high-quality images with a big resolution. Don’t steal them, and never use photos with watermarks in your presentation. Your listeners will notice nothing except watermarks or pixel-detailed photos and will giggle instead of listening. You are a professional — don’t use sketchy methods in your presentation.

There are several websites with stock photos that are free to use. I use several of these.

• Gratisography

Avoid using images as a background for text unless they are very muted. Sometimes a strictly relevant photo can work okay — but in most cases — a photo under text lowers the level of readability and attention span.

If you want to go with images as a background, then be ready to spend some time on photo editing. Text over photo is best done using masks, shadows, and gradients.

Picking colors for your presentation is not rocket science. The main point is to pick the colors with adequate contrast. Complementary pairs such as red-cyan, green–magenta, and blue-yellow will work well.

Concentrate on two or three colors for contrast elements and keep the main textual content black (or dark grey) for light mode and white for dark mode.

Keep in mind that paragraph text should always be in one color. Note that projectors make all colors paler. Think — light grey text on a white background will not work at all in this case. Have a high contrast for the best presentation results.

Slide composition

Don’t overload your slide — with anything (text or image). Define the main accent object. Arrange your main object or text on Golden Ratio — it always works well.

Divide the space on each slide into three equal sections horizontally and three equal sections vertically. Remember symmetry — it’s crucial. Ensure that you have equal whitespace for borders.

Rearrange main content blocks to align with equal spaces so you can keep the audience’s attention. Mix things up. Use your lights, darks, animation, and photos to best advantage. Similar slides — especially all in a row — is a snooze and will put your audience to sleep.

If you notice your audience starting to nod off — pick up the pace and speak a little louder and more clearly. You’ve made this excellent presentation — don’t lose it all by going too slow.

Treat your presentation as a visual object. A bit of marketing research on your audience, font system, color scheme, grid composition of elements and whitespace will make magic.

Remember — it’s you and your personality making your presentation work.

Image Credit: 祝 鹤槐 ; Pexels

About ReadWrite’s Editorial Process

The ReadWrite Editorial policy involves closely monitoring the tech industry for major developments, new product launches, AI breakthroughs, video game releases and other newsworthy events. Editors assign relevant stories to staff writers or freelance contributors with expertise in each particular topic area. Before publication, articles go through a rigorous round of editing for accuracy, clarity, and to ensure adherence to ReadWrite's style guidelines.

Vova Shevchyk Managing Partner at Indeema Software

Vova is Managing Partner of Indeema Software, a company that develops IoT solutions from idea to production. Vova is an expert in applying IoT into new industries and has consulted many businesses on this. He can be reached at [email protected]

Related News

Exciting New Ways to Package Products

Apple CEO reaches out to Beijing amid iPhone woes

The power and paradox of X’s Community Notes

15 Proven Ways to Increase Customer Engagement and Build Loyalty

What is the MACH-6? How to Use it to Optimize Your Content Strategy

Most popular tech stories.

• EA revealed how much Apex Legends has made and…it’s a lot
• Minecraft player has X-Files moment as they report an in-game UFO sighting
• Dogecoin Maxi DonAlt Posts $1 Price Prediction – Risk On For Meme Coins?
• Beautiful flying adventure Kid Pilot set to hit Steam VR later this month
• Best Online Casinos Australia for Real Money in 2024

Latest News

Is It Time To Sell 38% Render Gains And Buy $Kai Cat?

Tokens for the Render Network (RNDR) were up 38% on the 7-day window ending Wednesday evening U.S. Central Time in a week that AI cryptocurrencies absolutely dominated the coin leaderboards....

Call of Duty: Black Ops 6 announced 

Elon Musk says Microsoft Recall is a Black Mirror episode

Best ACR class in XDefiant and how to unlock

Crypto and tech giants unite to combat online scams

Popular topics.

Get the biggest tech headlines of the day delivered to your inbox

By signing up, you agree to our Terms and Privacy Policy. Unsubscribe anytime.

Explore the latest in tech with our Tech News. We cut through the noise for concise, relevant updates, keeping you informed about the rapidly evolving tech landscape with curated content that separates signal from noise.

Explore tech impact in In-Depth Stories. Narrative data journalism offers comprehensive analyses, revealing stories behind data. Understand industry trends for a deeper perspective on tech's intricate relationships with society.

Empower decisions with Expert Reviews, merging industry expertise and insightful analysis. Delve into tech intricacies, get the best deals, and stay ahead with our trustworthy guide to navigating the ever-changing tech market.

UX Presentation Template

Deliver your user research findings and get your team on the same page with this UX Presentation Template.

Trusted by 65M+ users and leading companies

About the UX Presentation Template 

You’ve done the research and know what your users are looking for. Now, you need to share this information with your team. 

Use the UX Presentation Template to deliver your research in a captivating and engaging format. Help your team understand what makes your customers tick, how they behave online, and what they’re looking for throughout the buying journey. 

What is a UX presentation? 

A user experience (UX) presentation delivers user research findings to team members across the business. It compiles months of customer research and user testing into an easily digestible format.

From UX designers to product managers, a user research presentation template helps everyone understand how consumers interact with your business. As a result, you can identify the best ways to improve their experience. 

What should be included in a UX presentation? 

A UX presentation should have three core elements: 

Research. To prepare for this presentation, you’ll have conducted user research. This includes customer surveys, usability testing, focus groups, A/B testing, and more.In the presentation, you’ll discuss the strategy behind your research and examine your findings. 

Recommendations. Using the data from your user research, your presentation will outline your recommendations for the next steps. For example, if you have a high cart abandonment rate, you might suggest tweaking some design elements to improve the final stage of the buyer’s journey.

Collaboration. At the end of the presentation, you’ll encourage your audience to share their thoughts and ask questions. This is a great opportunity to explore new ideas, prioritize the most important tasks, and get everyone on the same page. 

How to use the UX Presentation Template  

Miro’s workspace is the perfect location to gather UX design ideas, collect your data, and set up your slides. When you’re ready to create your presentation, select this UX Presentation Template to get the ball rolling. Then, follow these steps to create the ideal presentation for your business. 

Step 1: Customize the presentation

When you access the template, you’ll notice the placeholder text. You can easily edit this text to outline the purpose of your research, what you were expecting to find, and the results.You can also change the order of your slide deck and add more slides to create the perfect format for your presentation. If you want to add your company's color scheme and branding, that’s not a problem. Simply add your color scheme and upload your brand assets. 

Step 2: Add your UX research to the template

With your new structure in place, you can add your customer research and design insights to the presentation. Upload images and use Miro’s charts and shapes to display your data in a visually appealing yet simple way.

Step 3: Outline your ideas for improvement

Following your research, you’ll need a section showing your audience your action plan. Use the research to back up your ideas and suggest areas of improvement. 

Step 4: Schedule time for collaboration

Leave space in your presentation agenda for conducting a brainstorming session to discuss ideas. This will be your chance to start a dialogue with your audience and open the floor for questions. They’ll be able to share their thoughts and help you find the best way to move forward. 

Step 5: Get feedback for improvement

Before you deliver the presentation, share your presentation with colleagues to get feedback. This will allow you to make last-minute changes and ensure the presentation is fully equipped. 

Step 6: Deliver the presentation

To start the presentation, jump into Miro’s presentation mode . This will automatically display your presentation on a full screen, and you can use the arrow buttons or keys to move between slides.

How long should a UX presentation be?

It depends on how much information you have to present and how big the brainstorming session is. Typically speaking, it’s no longer than an hour. But it could be longer if you have a lot of ground to cover and a large audience. The most important thing is to create and share an agenda beforehand, so everyone knows roughly how long the presentation will last.

How should you structure a UX presentation?

The presentation itself should be in chronological order. Think of it like telling a story. You want to start from the beginning and move through the different elements to create a full picture. First, present your findings. Then, lay out the problems. Finally, wrap things up by inviting your team to brainstorm the best solutions. This format gives your audience a clear picture of how your users interact with your business and what you can do to improve their experience. If your presentation jumps all over the place, it’ll be harder for them to follow.

Do you have to do presentations as a UX designer?

For most UX designers and developers, delivering user experience presentations is part of the job. You have to sell your ideas to get the green light from clients or C-level staff. But we know that public speaking doesn’t come naturally to everyone. If you’re overwhelmed by the idea of delivering a presentation, use a professional presentation template. Knowing that you have a solid presentation in place can relieve some of the pressure.

What’s included in this UX Presentation Template?

In this UX Presentation Template, you get access to Miro’s ready-made slide deck. Each slide is a frame, and it’s completely customizable. You can edit the placeholder text, change the order of the slides, and add or remove slides. With this template, you’ll also get access to Miro’s infinite canvas. Use our digital workspace to work through ideas and access over 300 templates to help your team collaborate as efficiently as possible.

Get started with this template right now.

QBR Presentation Template

Works best for:.

Presentations, Meetings

Use Miro’s QBR Presentation Template to give clients an overview of their business performance and show where you can add more value. Review your successes over the past 90 days and create a plan of action for the next quarter.

Demo Presentation Template

Present your ideas confidently and professionally with this Demo Presentation Template. Use it to show potential and existing customers how your product or service works so they can fully appreciate its value.

Effective Meeting Template by Zoom

Team Meetings

Run effective meetings and keep everyone focused with Zoom’s Effective Meeting Template. Bring structure and creativity to every online meeting.

Marketing Proposal Presentation Template

Presentations, Marketing

The Marketing Proposal Template is a simple outline you can use to quickly and easily structure your next bid for a project.

Annual Report Presentation Template

Presentations, Business Management

Trying to cut down on the time it takes to create a stunning yet professional annual report presentation to wow your stakeholders? Use this template to outline all the in-depth information about your company’s performance in an engaging and easy-to-digest way.

Sales Presentation Template

The Sales Presentation Template provides you with a straightforward, ready-to-go structure for your next sales pitch — all you need to do is plug in the information specific to your buyer and focus on your delivery.

20+ Outstanding UX/UI Design Case Studies

Discover an expertly curated collection of 20+ inspirational UX/UI design case studies that will empower you to create outstanding case studies for your own portfolio.

• Comprehensive end-to-end case studies covering research, ideation, design, testing, and conclusions.
• Perfect for designers building portfolios and looking for inspiration to create their own case studies.
• Learn new methods and techniques, improve your understanding, and apply them to your projects.
• Gain insights from the successes and challenges of accomplished designers.

Want to get access to 30+ more case studies including smart tagging system?

Download full version

All case studies included in this collection are sourced from real designers' portfolios and are used for the purpose of learning and inspiration. The original authors retain all rights to their work.

go to flaticon

7 must-know topics and skills for UI/UX designers

If you search LinkedIn or other specialized job platforms, you’ll notice plenty of positions available for UX/UI designers. Competition is stiff, so you must have good skills to get ahead.

Here, we share with you seven vital topics and skills to help you grow your user experience and interface design career. Don’t make the mistake of thinking that you know all there is to know – always try to keep learning about new developments.

1. Human-Computer Interaction (HCI)

Human Computer Interaction (HCI) is the foundation of everything in UX/UI design. Understanding HCI and keeping it in mind at all times throughout the development of your career will set you apart from the rest . It will help you better understand the all-important connection between the user and the product.

There are several resources for studying HCI, one of the best is the Interaction Design Foundation . Courses with Professor Alan Dix cover all the basic and advanced topics of HCI practice , user experiences and usability.

2. User research

Knowing your users in depth is a must if you want to design successful products. And to achieve this, you must be able to conduct user research. It’s not enough to ask two or three people what they think ; you must conduct more in-depth research . 

User research is conducted before production starts, even before creating visual mockups . Part of the research involves building user profiles. If it turns out that several different profiles could take advantage of the product, a profile should be created for each.

3. Information architecture and user flows

Certain actions must be first on your list when designing and creating a product. In the first place comes the building of an information architecture so that you know for sure what you are dealing with. Visually, information architecture is a flowchart connecting all the pieces, creating the first draft of what will become a complete user flow later . 

The information architecture includes general details of what you want to accomplish, including an overview of content and interfaces and interactions . It’s best to create your information architecture with a digital program in which you can make changes during production. Figma is a good choice for this task.

4. Mock-ups, wireframes and prototypes

To advance in your UX/UI career , it’s essential to prepare mockups, wireframes and prototypes . This area combines several skills into one; they are all techniques that go hand in hand. One has no existence without the other. 

Mockups , structures, wireframes and prototypes are the preliminary steps before creating a full product. They could be described as sketches at different levels of completion. 

Mockups are a basic visual construction of what a digital product might look like when finished. These generally fall to the graphic or UI designer.

Wireframes are the first step toward the development of the actual product. Using simple shapes, a draft structure of what the design will look like is put together . It doesn’t include colors or typography, just a foundational structure. 

Little by little, final elements are added until the prototype is reached. Prototypes are much more similar to the final design and can be used in user tests. Using these techniques shortens a digital product’s creation time and solves usability problems before they become too difficult to fix.

5. Agile Product Development Methodology

Many design and production teams use the Agile methodology to work smoothly and efficiently in a team. The basic idea of the Agile methodology is user satisfaction, preparing the way for rapid changes and constant iterations until a “finished” state is reached.  

In an agile methodology for UX design, work is organized in sprints. Each sprint includes a specific number of activities, decided by the product owner according to the size of the team and the urgency of the iteration. Each activity has a user story, and a rule to know the goal. A story is only considered finished when everyone agrees it is “finished”.

Learn all you need to know about the Agile methodology for UX with the Interaction Design Foundation course .

6. Basic knowledge of computer languages (code)

To work as an experience interface designer, you don’t need to have in-depth knowledge of computer languages, much less to be able to code. But what will help you is to know what they are, how they work and what each is used for . This way, you can better understand the programmers and coders in charge of your project. 

There is a lot of discussion about whether UX/UI designers need to be able to code to do their job well. The truth is that they don’t. But what if the team is small? If the UI designer has knowledge of computer languages, he/she will be able to contribute some of his/her time in advancing the code base and style sheets. 

7. Teamwork with Figma and Flaticon

An experience and interface designer works better as part of a team . With tools like Figma and Flaticon, professional, agile designs can be created collaboratively. The Flaticon UIcons pack is available for download in the Figma community. The different styles are ideal for mockups, wireframes and prototypes of your interface design. Discover UIcons and improve your interface designs.

Related posts

The purpose of icons in infographics

By Max Trewhitt September 20, 2023

UX/UI design in the era of AI 🤝

By Agnieszka June 29, 2023

A rapid desktop prototyping tool

Mockplus - Design Faster. Collaborate Better.

Prototype, design, collaborate, and design systems all in Mockplus

Top 22 Stunning UX Case Studies You Should Know in 2022

An immersive yet well-structured UX case study helps UX professionals show off their design talents in portfolio websites, and let them communicate better with employers, designers and others easily.

However, as a UX designer , how can you write a perfect UX case study to easily get hired or communicate with others better?

Mockplus has handpicked 22 of the best UX design case study examples in 2022 to help you get inspiration, improve your portfolios and make your own things with ease. A step-by-step guideline about how to create a UX case study is also followed.

What is a UX case study?

A UX case study tells the story of how you create a great website or app and, in particular, what you do to improve the UX of the site. UX designers—newbies and experts alike—will often share a case study on a portfolio website as a great way to get hired. Just like sending a resumé. 

So, it is a lot more than just a copy of everything you've done while designing the project. To really showcase your design talent and the breadth of your abilities, you need to make sure the following are all included:

• A full description of your role in the project;
• The biggest challenges you've faced;
• The solutions you've chosen, how you chose them and why;
• How you communicate and collaborate with others; and
• The outcomes and the lessons you’ve learned.  

To this, you should feel free to add any further information that you think would help you stand out from the crowd. 

It is also worth remembering that UX case studies are a good resource for UX design beginners to learn more practical design skills and to gain from the real experience of others in dealing deal with difficult or urgent problems.

22 Best UX case study examp le s you should learn

Whatever stage you’re at and whatever you are writing your case study for, these 22 top examples are bound to inspire you. 

1. Perfect Recipe -UX design for cooking and shopping

Designer s : Marina Yalanska and Vlad Taran

Case Study : Perfect Recipe

This is a mobile application that enables users to search for food recipes and to buy what they need to cook different dishes.

Why d id  we choose this  one?

This case study illustrates the entire UX design process is very simple, plain language. Many aspects of the process are included, along with some really inspirational ideas, such as product personalization, challenges and solutions, animated interactions, and other interface details.

Extra tips :

This example is from the Tubikstudio blog, which is very popular among designers. It regularly shares different branding, UI, and UX case studies. We would strongly recommend that you follow this blog to keep yourself up to date with the latest and most creative case studies.

View details

2. GnO Well Being - Branding, Web Desing & UX

Designer : Marina Yalanska and Olga Zakharyan

Case Study : GnO Well Being

This is a creative illustration website that presents and sells a weighted designer blanket that helps you get a good night’s sleep, the first step to good health and a better life.

Why d id  we choose this ?

This example is so much more than a great UX case study. In addition to the UX design , it gives you insight into many more key design issues, such as the logo, custom graphics, website pages, interactions and so on. There are many ideas here that you could copy for your own projects.

3. Splitwiser - UI/UX case redesign

Designer : Chethan KVS (a Product designer at Unacademy)

Case Study : Splitwise

This is a concept mobile app that enables users to track and split expenses with friends. The designer has also given it another name, "Splitwise." 

Why do we choose this ?

This case study shares the designer's insights into key design decisions, such as why he chose this product, why he decided to redesign the logo, how to improve the onboarding and other pages, how to optimize the user flow, how to balance all pages and functions, how to enhance UX through bottom bars, interactions, gestures, view modes, and more.

Everything is explained using intuitive images, earning it thousands of “likes”. This is a great example that is bound to help you write a stunning case study on redesigning UX.

This comes from a popular media channel called "UX Planet" that regularly posts examples of the best and latest UX case studies from around the world. Another great place to keep you up to speed with the latest UX designs.

4. Deeplyapp.com - UX & visual improvements

Designer : Sladana Kozar

Case Study : Deeplyapp

This is a health and self-care website app that helps users maintain mental well-being with meditations and exercises. This case study talks you through the design process of creating a user-friendly mobile app.

This case study focuses on improvements to the UX and visual features of this mobile app. Many aspects are included to help you understand it better, such as the design background, what to build, UI flow diagram, discoverability design, visual balance, and much more. A full set of app interfaces are presented for you to study as well.

You can also check out its Part 1 post for more details.

5. Talent Envoy - improving the recruitment process 

Designer : Enes Aktaş (Experienced UX designer)

Case Study : Talent Envoy

Talent Envoy is an intelligent job assistant that helps users find their ideal job and get to all the way to signing a contract faster and more easily.

This case study firstly points out the biggest challenges and problems faced by job-seekers—the shortage of US recruitment markets. It then talks to you through the detail of how the designers optimized the recruitment process. You will also find information on the user research process, the UI flowchart design, the related wireframe and Sketch designs, the main page design, and more. 

All the details have clear explanations and they offer a great example of how to use user research to solve problems and improve UI interfaces.

This one comes from another hot media channel called "Muzli" which shares the latest ideas, designs, and interactions about websites or website apps from all over the world. Don’t miss out on this site if you want to stay ahead of the curve. 

6. My Car Parking - UI/UX case study

Designer : Johny Vino (Experienced UX and interaction designer)

Case Study : My Car Parking

This is a mobile app that can help people get parking slots easily even when they travel beyond their normal routes. 

This is a masterclass in how to write a case study that is simple, well-structured, and easy to understand. Many intuitive lists and images are used to explain the design ideas and processes. 

It has received “claps” from over seven and a half thousand people and   is a perfect example of how to write a well-structured and easy-to-understand case study.

7. Parking Finder App - UI/UX case study

Designer : Soumitro Sobuj

Case Study : Parking Finder App

This is another concept mobile app that makes it easy for users to find parking slots even in big or overcrowded cities.

This case study is beautifully presented and gives a good presentation of the whole design process. It covers nearly all the issues that a textbook UX case study should have, such as problems and solutions, user-centered design, design strategy, user flow, information architecture , interface wireframes and visual designs, and much more besides. 

It is one of the best examples we have found of a case study that really teaches you how to write the perfect UX case study.

8. Pasion Del Cielo - coffee ordering experience

Designer : Jonathan Montalvo (Senior Designer, Branding, UXUI )

Case Study : Pasión del Cielo

This is a concept project about a real local coffee shop in Miami.

This case study demonstrates effective ways to engage users with the Pasión brand and how a site can make it as easy as possible to turn page views into coffee sales. 

There is a lot of analysis included to explain the entire design process, such as analyzing the competition, feature analysis, brand and interface improvements, and much more. Most important of all, many user personas have been created to evaluate and enhance the UX.

This is a good example to check for anyone looking to improve their own UX case study. Above all, it shows what can be done with rich images, bright colors, clear layouts, and well-crafted personas.

9. Workaway App - UX redesign

Designer : Rocket Pix (UXUI, web designer )

Case Study : Workaway App

This is a mobile app that provides international hospitality services; it helps users to contact each other to organize homestays and cultural exchanges.

This UX design case study explains how the designer redesigned the Workaway App to make it easier for users. Many intuitive charts (pie charts, flow charts, line charts), cards, and images are used to illustrate the ideas.

It is simple and easy to follow, and also a good example of how to create an intuitive case study with charts and cards.

10. Receipe App - UI/UX design process

Designer : Dorothea Niederee (UX, UI designer   )

Case Study : Recipe App

This is a food app design offering inspirational recipes for anyone who wants to eat healthier.

This case study gives a clear demonstration of the entire UI/UX design process. Three user personas are defined to present different users' needs. Some colors, typography, and UI elements are also shared.

This is a good example of how to define a detailed user persona in your UX case study.

11. Hobbfyy - a social and discovery app UX design

Designer : Mustafa Aljaburi (UX, UI designer   )

Case Study : Hobbfyy

This is a social and discovery app that makes it quick and easy to get everything you need for your hobbies.

This case study aims to show how to develop a site that will provide its users with solutions, in this case to get what they need for their hobbies. Beautiful images, a storytelling style, and special layouts are used to explain everything.

12. Bee Better - habit tracker app UX case study

Designer :   Anastasiia Mysliuk (UX, UI designer   )

Case Study : Bee Better

This is a habit tracker app that makes it easy for you to develop new useful habits.

This case study aims to solve problems associated with how we form and develop habits. It helps users find solutions and make habit formation more interesting; it motivates them to maintain their useful new habits. Many aspects of design, such as problems, solutions, the design process, discovery and research, user journey map, prototypes, and much more are illustrated and explained in simple language.

This would be a good example to follow if you are looking to create an easy-to-understand UX case study.

13.Sit My Pet - pet sitting app UX case study

Designer : Aiman Fakia (UX, UI, visual designer )

Case Study : Sit My Pet

This is a pet-setting app that provides pet owners with a digital service that helps them connect with pet sitters.

This UX case study describes a site that aims to make pet sitting more easily accessible for pet owners. It analyzes both its users and its competitors very well. The way solutions are evaluated, the user stories, and other related aspects are followed in detail to give you a better understanding of the project as a whole.

This is a good example of how to develop a UX design based on user needs.

14. Groad - food ordering system UX case study

Designer : Phap (UI designer )

Case Study : Groad

This is a food ordering app offering food delivery services from stores, restaurants, cafés, fast food bars, and others. 

This UX case study uses beautiful illustrations and colors to explain the entire design process. As well as the usual parts of the design process—UI flow chart, UI showcasing—the related logo and icon designs, typography, and other aspects are included. This is a good example if you are looking to learn how to create an immersive case study with beautiful illustrations and colors.

15. iOS VS Android UI/UX Case Study

Designer : Johanna Rüthers

Case Study : Econsy

Here is another concept app that helps people live more sustainably by using a scanning process to give them information about the ecological and social impact of products they are thinking of buying. 

This case study explains the differences in the mobile app’s appearance when it is applied on the Human Interface Guidelines (IOS) and Material Design Guidelines (Android). This will help you to create an app that works well on both Mac and Android devices.

More UI/UX case studies & designs:

16.Timo Bank - UI/UX Case Study

Timo Bank is a mobile banking app project produced by Leo Nguyen, a freelance designer and creative director. This case study aims to provide more intuitive transfer, payment, and money management solutions for mobile users.

This is a great example to consider if you are hoping to create a better banking app.

17. Endoberry Health App Design

Endoberry Health App Design provides useful solutions for women suffering from endometriosis. In turn, this gives doctors a better understanding of individual cases. The design challenges, solutions, and UI details are displayed and explained to illustrate the design project.

18. Job Portal App

Job Portal App has been specially made for designers and freelancers. This case study uses cute illustrations, simple words, and clear storytelling to explain how the designer worked out the ideal job hunting solutions for users.

19. Cafe Website - UI/UX Case Study

Café Website gives its users a great experience by making it quick and easy to order a coffee online. Many elegant page details are displayed.

20. Ping - the matchmaker app case study

Ping is a dating app that offers users a unique and effective way to find their perfect match. As you can see, its mascot is really cute and this case study will show you how a cute mascot can enhance the UX.

21. Hubba Mobile App - UI/UX Case Study

Hubba Mobile App is a B2B online marketplace where retailers can find and purchase unique products for their stores or shops. This case study aims to explain the process of creating a special mobile app for this online marketplace. It offers a beautiful and clear presentation of the entire UI/UX design process.

22. Music App - music for children

Music App shares the fancy UI and colors from a music app made for children. It is a good example that is sure to inspire you to create a distinctive children's app.

How do you create a UX case study?

If you are still not entirely sure how to go about creating a distinctive UX case study, here are a few simple steps to walk you through the entire process from start to finish:

Step  1.  Figure out your purpose

The final outcome will depend on what it is you are trying to achieve. So, before you start writing a UX design case, you should first figure out in detail what its purpose is. Ask yourself some basic questions:

• Is it for a job interview?
• Is it for improving your personal portfolio?
• Is it designed to show off your design talents on social media?
• Is it just created to practice your design skills?
• Is it made to share design experiences with other designers?

In short, figuring out your purpose and setting a goal can make the entire design process so much easier.

Step   2.   Plan or outline your case study

Whatever you want to do, it is always a good idea to start with a plan. When it comes to writing a UX case study, you should also outline your entire UX case study and decide on what sections you want to include.

For example, nowadays, a good UX design case study often covers:

• Overview : Start with a short paragraph that introduces your project.
• Challenges  and  goals : Explain the project background and point out the biggest challenges or problems you've encountered. Explain the goals you want to achieve and how you will overcome the challenges you have identified. 
• Roles  and  responsibilities : Tell readers what role you play in the project and the specific features of your role that will help create a better product.
• Design process : Introduce the entire design process in detail so that readers can see clearly what you have done to make life easier for users. Many employers check this part very carefully to see whether you have the basic skills and abilities they are looking for. So, never underestimate the importance of this section. 
• Solutions  and  outcomes : No matter what problems you have faced, the solutions and the final outcomes achieved are what really matters. So, always use this section to showcase your skills and achievements. 

You might also want to add further sections:

• User research :   Some full-stack designers also include this to give a more comprehensive view of their design skills.
• UI designs : Some experienced designers also display their relevant UIs, and UI flow, along with low- and high-fidelity prototypes to enrich the content.

Of course, if you are a newbie, and you still have questions, why not go online and search for UX case study templates that you can study and follow.

Step 3.  Explain the design process clearly

As we've explained above, the design process is always one of the most important parts of a good UX case study. You should always introduce clearly as many of the relevant parts of the process as possible. For example: show how you and your team communicate and collaborate effectively; demonstrate how you have developed ideas to address user problems; explain how you and your team have dealt with emergencies or mishaps.  

You can also introduce the UX design tools that you have chosen to simplify the entire design process. Mockplus, is an online product design platform, enabled us to adapt quickly and effectively to working from home during the recent Coronavirus lockdown. Prototyping our designs, sharing ideas, working together in an effective team, taking the process from design to handoff, it all works smoothly with this single tool.

Step  4. Improve readability and visual appeal

The content should be the main focus of your case study—but not the only focus. To make the case study as good as possible, you also need to think about its readability and visual appeal. Here are some suggestions to follow:

• Explain everything as clearly as possible.
• Add images, illustrations, charts, cards, icons, and other visuals.
• Create a clear storytelling structure or layout.
• Choose an immersive color scheme.
• Add eye-catching animations and interactions.
• Use vivid video, audio, and other multimedia resources.

The final visual effect can be make-or-break for whether your UX case study is going to stand out from the crowd. You should always take it seriously.

Step   5. Summarize

Every UX case study can be a good chance to practice and improve your design skills. So, in your conclusion, don’t forget to analyze the entire process and summarize the outcomes. Always take a minute to figure out what lessons you should take away from the process, what tips should be remembered, what should be improved, and—most important—what your next steps are going to be.

UX case studies are one of the most essential parts of a UX designer's portfolio. The ability to write a well-structured UX case study is also one of the basic skills that a competent UX professional should have. So, UX case studies play a very important role in UX designer's life.

We hope our picks of the best UX design case studies along with our step-by-step guide will help you create a stunning UX case study.

In- house content editor, specialize in SEO content writing. She is a fruit lover and visionary person.

Uploads design files from Sketch, Figma, Axure, Photoshop, and Adobe XD into our design handoff tool.

A free online prototyping tool that can create wireframes or highly interactive prototypes in just minutes.

A vector-based UI design tool enables you design in the way you want to.

Your single source of truth to build, maintain and evolve design assets in one place.

Related Content

Design Faster. Collaborate Better.

Designing the best user experience. Mockplus does it all!

Interactive prototyping

Unified collaboration

Scalable design systems

© 2014-2023 Mockplus Technology Co., Ltd. All rights reserved.

Got any suggestions?

We want to hear from you! Send us a message and help improve Slidesgo

Top searches

Trending searches

memorial day

12 templates

66 templates

american history

75 templates

music video

21 templates

150 templates

UI/UX Slides for Business

It seems that you like this template, ui/ux slides for business presentation, free google slides theme, powerpoint template, and canva presentation template.

Product strategy, color theory, user research, fonts, information architecture, design patterns, interactivity and animation, testing and iteration… Correct, we are speaking about UX and UI. These concepts are very important in the business world and have a huge impact on how users perceive our products. Speak about them with these colorful slides for business! They’re very user-friendly and follow the highest design standards.

Features of this template

• 100% editable and easy to modify
• 36 different slides to impress your audience
• Contains easy-to-edit graphics such as graphs, maps, tables, timelines and mockups
• Includes 500+ icons and Flaticon’s extension for customizing your slides
• Designed to be used in Google Slides, Canva, and Microsoft PowerPoint
• 16:9 widescreen format suitable for all types of screens
• Includes information about fonts, colors, and credits of the resources used

How can I use the template?

Am I free to use the templates?

How to attribute?

Combines with:

This template can be combined with this other one to create the perfect presentation:

Attribution required If you are a free user, you must attribute Slidesgo by keeping the slide where the credits appear. How to attribute?

Related posts on our blog.

How to Add, Duplicate, Move, Delete or Hide Slides in Google Slides

How to Change Layouts in PowerPoint

How to Change the Slide Size in Google Slides

Related presentations.

Premium template

Unlock this template and gain unlimited access

Register for free and start editing online

UX Beginner

The Ultimate List of UX Topics All Beginners Should Know

When entering a new field, there’s usually a standard curriculum to learn. Front-end developers learn HTML & CSS . Content producers learn the basics of copywriting. But…

What are UX skills UX designers should learn?

Since everything about a product is technically tied to the user’s experience, it can be confusing to determine the most important topics for beginners to learn. That’s what we’re going to cover today.

The methodology –  I compiled this list of topics using this rough approach:

• My personal experience working as a UX Designer and interviewing for different UX teams
• Analyzing most written-about topics from top UX publications: UXMag, UXBooth, UXMatters and Alistapart. I distill the main UX categories that overlap from each blog.
• Knowledge gleaned from UX books. Jesse James Garrett’s 5 Elements  was especially instrumental.

TL;DR version  of the these UX topics and skills are:

UX Strategy  /  User Research  /  Information Architecture  /  Interaction Design   /  Usability Testing   /  Visual Design   /  Content Strategy   /  SEO  /  Coding

Without further ado, let’s dive into the full list of UX topics to learn!

UX Strategy

User experience strategy is a blend of business, process and design. If a digital product is a house, then UX strategy is asking why that house should be built in the first place, and how it should be built. And it also involves convincing others (stakeholders) along the way.

Who Does This?

This is the bread and butter of Chief Experience Officers (CXOs), UX Directors and UX Managers. But every UX Designer should be aware of UX strategy because it is an invisible force that’ll affect how you design whether you like it or not (continue below…)

This is also the domain of:

• digital business analysts
• project managers.

Why You Should Know It

UX is not just about cranking out wireframes .  Interviewers will ask for your thoughts on designing in a Waterfall Compared to agile or lean, waterfall is a software development method with a relatively linear, sequential process. Originating from heavy manufacturing and automotive industries, waterfall is now see as a less flexible and iterative way of design. For proven, repeatable projects, waterfall may still have a place. ” >waterfall vs agile/Lean process. In project kickoff meetings the factors of budget, resources and schedule will impact your designs.

Business requirements are also a standard requirement when working on digital products. Whether working solo or with a business analyst, much of a product’s user experience does start at the requirements level.

It’s about striking a balance between user needs and business goals, all while executing projects in a resourceful manner.

The more that a UX Designer advances in her career, the more she has to deal with strategy and partner with business. Actually, that happens across every industry and every role.

Solid Resources On This Topic :

• Applied UX Strategy Part 1 and Part 2  are good primer articles from UXMatters. They are a long read but will give you a  very good overview of UX strategy, as well as useful links to other strategic frameworks.
• User Experience Strategy by Jaime Levy is by far the most definitive book on UX strategy. Having sat in on Jaime’s UX class myself, she is the real deal and has a knack for blending the vital parts of business strategy into the UX design practice.
• Lean UX   is an award-winning book about applying Lean principles to designing the UX of products and services. This is the way that most startups and companies now aspire to validate, test and design products.
• UXStrat  is an entire conference dedicated to the craft of UX Strategy!

User Research

User Research is the practice of identifying your users, distilling knowledge and insights from them, and determining their real-world behaviors. A design that is user-centric means that it was designed in a way to solve those users’ pain points in a way that feels natural to them.

User Research is different from Market Research. UX Research is concerned with evaluating the behaviors, pain points, and number of touchpoints that users experience with a given product/service.

Below is a quick breakdown of  Market Research vs User Research by Momentology :

Most large product/digital companies now have at least one User Researcher on their teams.

Since UX research is an integral part of an organization’s larger UX Strategy, that means most UX Designers do need to conduct some form of user research to make sure that they’re building something users actually want.

User research makes the difference between making what you think  users want versus gathering insights to create something that users will actually enjoy.

Research done right is also a humbling, learning experience. It teaches you empathy and to put aside assumptions for the greater good of your users.

It’s the difference between knowing that most of your users are age 19-25 (market research) vs observing that all your younger users ignore the “Buy Button” when asked to make a purchase (behavior from user research).

• Just Enough Research by Erika Hall is built on the premise that research is “something every member of your team can and should do, and which everyone can learn, quickly.” And the book delivers. It’s my #1 recommendation for UX Designers need a quick start guide to user research. Practical, to the point, and full of research useful methods.
• Observing the User Experience  is the consummate text on User Research. This is the textbook we were assigned to read in the Cal State Fullerton UX Certificate program. While it is a giant book and can be a bit try, the text is sprinkled with tons of real-life examples from the three authors. A good one to keep at your desk.
• List of User Research Methods by Usability .gov is a quick rundown of popular UX research methods

Information Architecture

Information Architecture, or “ IA ,” is the practice of organizing information to be clear, understandable and findable. If you’ve ever had trouble finding the info on a website, there’s a chance it’s an IA problem. Confusing label here. Weird category name there.

The job title “ Information Architect ” dates back before “ User Experience Designer ” came into being. Today, IAs are now seen as a specialty, and there aren’t as many jobs with strict IA responsibilities because many jobs now demand a broader UX skillset.

UX Designers do not necessarily deal with information architecture with as much depth as a dedicated IA professional, but this is a foundational stage of design for any project regardless of job title.

Why You Should Know It :

Much of design is organizing information. Those with strong IA skills can create sensible, flexible structures that scale. Information architects thrive with content heavy sites, e-commerce, and any situation where lots of (meta)data is required,

Knowledge in Information Architecture will not only help you become a UX Designer, but also assist in all facets of life – writing emails, organizing your files and beyond.

Solid Resources On This Topic :

• Information Architecture for the Web and Beyond is  the consummate text on the topic. Now in its 4th edition, this big reference book is the best starting point for building IA knowledge.
• How to Make Sense of Any Mess by Abby Covert lives up to its tagline – Information Architecture for Everybody . It’s a refreshing approach that lowers the barrier to IA with plain language and great examples. The blog at  AbbyTheIA is also chock full of educational diagrams and posts on Information Architecture.
• The Complete Beginner’s Guide to Information Architecture  by UXBooth is a great introduction into the world of IA with links and references to many resources. It’s a very comprehensive list that I’ve bookmarked myself!

Interaction Design

“Interaction Designer” and “UX Designer” are often interchangeable job titles. If there is a core skill that UX Designers are expected to know, interaction design is that core skill. IxD applies to anyone who prototypes interactive experiences.

Anecdotally, as of this writing (Jan 2016), I find that job descriptions are often more accurate for Interaction Designer roles compared to UX Designer roles, because the latter can include any number of skillsets (pixel-perfect visual design, front-end programming, etc).

Why You Should Know It:

The field of Interaction Design demands that designers elevate their thinking from static to interactive. A sample group of questions that IxDs concern themselves with:

• What’s the flow of the system?
• What if this could be reduced from 6 steps to 3?
• How can we prevent users from making errors?

If this sounds similar to  usability , you’re also right. From load times to ensuring your design’s touch targets are large enough, usability is a huge focus of User Experience at large. There’s a reason why UPA changed its name to UXPA 2012 .

Solid Resources On This Topic:

• Complete Guide to Interaction Design  – UXBooth does it again with another solid beginners resource. Chock full of useful links and people to follow.
• About Face (4th Edition)  by Alan Cooper is your bible for Interaction Design. The chapter on “Metaphors, Idioms, Affordances” is damn interesting, and “Digital Etiquette” will make you rethink how to treat users with your design.
• Don’t Make Me Think is the most popular introductory text onusability. Steve Krug’s Rocket Surgery Made Easy is a great companion handbook on how to identify and solve usability problems.
• The Design of Everyday Things by Don Norman is the standard textbook in this field for a good reason. It’s hard not to become a more considerate and observant designer after reading this book.
• Web Form Design by Luke Wroblewsi is probably the most underrated and immediately useful text you can pick up today. His book is full of examples (good and bad) of how to handle user input. A designer ends up making many forms in her lifetime, and so reading this book provides an immediate return on investment

Visual Design

Visuals make the “top” layer of the design stack, and good visual design helps users connect with products. As far as digital UI design is concerned, the main subtopics include typography, layout, color, and increasingly animation.

Those with training in traditional graphic design typically make a great transition into designing high fidelity interfaces for digital products, with job titles like Visual Designer , User Interface Designer and occasionally Product Designer.

Employers are understanding more and more now that  UI is not UX , but having Visual design skills is often seen as a must for UX Designer positions. UXers might not be required to make the hottest graphic design, but they’ll need to create clean designs that look good.

Good visual design enables a designer to go from concept (low-fi) to product (high-fidelity). Almost every UX Designer will feel immediately more powerful with visual & UI design in their tool belt.

And let’s not forget that visual design engenders trust and confidence in users. From behavior specialist, BJ Fogg:

“… looking good is often interpreted as being good—and being credible…This basic human processing bias— “looking good is being good” —also seems to hold true for evaluating the credibility of Web sites, especially since design look is highly noticeable.”

• The Non-Designers Design Book (4th Ed) is the best bang-for-buck book on visual design I’ve ever read. Knowing “C.R.A.P.” (you’ll find out) alone is worth the cost of this book; to this day I still apply these principles to all my designs.
• Practical Typography is a beautiful free guide on typography. Since designs are 90% text (look at any web design and strip out the text…what are you left with?), knowing a few good typography rules will immediately enhance your designs. Start with Butterick’s Typography in Ten Minutes  for a quick primer.
• Design for Hackers   by David Kadavy is a surprisingly deep book that teaches design from a historical perspective, analyzing how we arrive at design today through architecture, the development of the alphabet and beyond. The book does a great job explaining the “why” behind visual design principles.

Other topics of consideration

I don’t consider the following topics core to a UX curriculum for beginners; they don’t come up as often on-the-job as the aforementioned topics. With that said, the following topics are all industries onto themselves, and knowledge in them will prove very useful for UX Designers.

UX Metrics / Analytics

How do you know if your design is successful? How do you measure a product’s user experience?

User Experience metrics help provide  “ objective, persuasive data on which to base your design recommendations” ( NNGroup ).

There is a “data” person/team at most companies and they come in several forms:

• Data Analyst
• Business analyst
• SEO (Search Engine Optimization) professionals
• SEM (Search Engine Marketing) professionals
• Analytics (web and/or marketing)

It’s smart for UX designers to partner with and learn from those who own metrics in order to measure the user experience.

But with services like Google Analytics, Optimizely and CrazyEgg, UX designers can get started measuring UX on their own.

Why You Should Consider It :

When working with stakeholders – especially those in the business realm – metrics help designers get buy-in. Numbers help explain how designers arrive at certain decisions.

Analytics are powerful when paired with user testing to strike a balance between qualitative and quantitative factors. It’s the difference between knowing how many people clicked a button (quantitative) versus reasons why people clicked that button (qualitative).

Peter Drucker, management guru, is known for saying “What gets measured gets managed.” Measuring the user experience with the right metrics helps designers stay objective and work towards a goal.

• How to Choose the Right UX Metrics for your Product is a beautiful introduction to UX metrics. The HEART framework, used by Google, is a clever way to remember groups of important UX metrics.
• UX Booth’s An Analytics-First Approach to UX Part 1 and Part 2 are both great starting points of looking at UX through an analytics lens
• MeasuringU is the blog of Jeff Sauro, who’s basically the god of UX metrics. His blog article  10 Benchmarks for UX Metrics  is a good introduction. If you have a mind for numbers and want to dig deep, Quantifying the User Experience is the most comprehensive guide on this topic.

Content Strategy

Bless Wikipedia for having the simplest definition of content strategy:

Content strategy refers to the planning, development, and management of content—written or in other media.

Just as “UX Designers” used to be called by other names ( cough web designer cough ), “Content Strategists” have come into their own in recent years.

Due to the recent formalization of the field, those who hold titles like “web content writer” and “copywriter” often do content strategy.

Anyone who writes words or creates media for consumption can leverage content strategy to their benefit.

Why You Should Consider It:

Designers who have a sense of content strategy can design better sites that  feel natural and conversational , as opposed to cold and transactional.

There’s a saying in the digital business that “content is king.” Think of any website or app and strip out just the text, and you remove 90% of its meaning. Then take out other media like images and you pretty much just have a skeleton of a layout.

You may have heard of content-first design , which sounds like exactly what it is: starting a design with the content first. It’s a great way to prioritize designs, because changing the words is much easier than changing a design.

Some of my articles like  The Text First Portfolio   and  Minimum Viable UX Portfolio   have a content-first bent to them.

Solid Resources on the Topic:

• The Discipline of Content Strategy  by AListApart is where you should start to get your bearings on the content strategy industry and how it came to be.
• UX and Content Strategy – The Project Guide  by GatherContent is a free action-packed, how-to guide that teaches content strategy through an example project.
• The Content Strategy Toolkit by Meghan Casey is one of the newest, best-reviewed, and actionable books on Content Strategy today.

Search Engine Optimization (SEO)

Search Engine Optimization (SEO) is the practice of making your content get found by search engines.

Here’s the formal definition:

The process of affecting the visibility of a website or a web page in a search engine’s unpaid results—often referred to as ‘natural,” “organic,” or “earned” results.

Many SEO Professionals refer to themselves as SEOs, or  search engine optimizers . Here are some job titles you might be working with:

• SEO Professional
• SEO Specialist
• Search Specialist
• SEO/SEM/Analytics Specialist

The last bullet points shows how SEOs are often responsible for digital marketing and analytics efforts.

You’ve designed a great website and made it live. Other than notifying friends on your Facebook and Twitter, how do strangers find your new creation? In one word, Google (okay, and other search engines.)

Aside: my SEO friends joke that they don’t work at Google, but Google keeps them employed.

More and more, user experience factors like mobile-friendly sites  and  loading time affect how high websites rank on search engines.

SEO practices also cross-pollinate with information architecture and content strategy – if people search for a certain term, why not use that same content on your page when designing?

• Beginner’s Guide to SEO – the massive free guide to SEO from Moz, a leading SEO company
• Marketing Guru Neil Patel’s The On-Page SEO Cheatsheet is an action-packed post with practical tips for designers
• Stick to blogs like Moz and Search Engine Land  to stay updated; Google can make changes to their search algorithms at any point, so even books 1 year old may be outdated

Coding and Front-End Development (FED)

At a certain point, designs need to be made into real working products. Prototypes and new design-to-code tools are getting better each day, but they still don’t come close to manipulating code.

This is the longest ongoing debate in the design community: should designers code?  The answer to that question is “it depends.”

In The Last Post You’ll Read On Whether UX Designers Need to Learn Code , I argue that the contexts of work environment and team structure are vital. For example, someone who wants to work in a leaner environment that requires wearing more hats (startups) may have to pick up front-end web development, whereas another person who wants to focus purely on UX can specialize in larger teams. 

People who code for a living go by just as many names as designers, so I’ll list the job titles with the most cross-over with UX roles:

• Web Designer
• UX/UI Developer
• Digital Designer
• Front-end developer
• Product Designer (more and more so associated with a “ unicorn ” skillset)

Even a little front-end knowledge can help UX Designers communicate with developers. Given 2 equally good designs, knowing that one solution is easier to implement in code will save you  and the developer a lot of time.

There’s one camp arguing that knowing the realities of code can stifle the most creative, user-centric designs. While that might apply for some people, I don’t know a single designer who regrets their coding ability.

• Codecademy   is the de-facto beginner’s resource on learning code through interactive lessons. I highly recommend following up with General Assembly’s free  Dash interactive tutorials, which help you build more fun mini-projects.
• Shay Howe’s Learn to Code HTML & CSS   is a beautiful resource that covers both Beginner and Advanced topics for free :-)
• Check out  A Smarter Way to Learn HTML & CSS and A Smarter Way to Learn Javascript , a series that helps beginners learn coding concepts quick. “The learner spends two to three times as long practicing as he does reading. Based on cognitive research showing that retention increases 400 percent when learners are challenged to retrieve the information they just read.” Sounds promising, and the Amazon reviews are near-perfect!
• Codepen is the Dribbble of code. It not only allows you to explore interesting designs from a thriving community of coders, but you can easily see how designs are implemented in HTML/CSS/Javascript.
• Macaw and Webflow are two of the most formidable  design-to-code products on the market today. They aren’t perfect and come with their own learning curves, but I’ve heard that the actual code output quality is quite impressive.

Do I have to learn all that?

If you feel a bit overwhelmed right now, then what’d you expect from an  Ultimate List ?? Just kidding. This industry is huge and I stress again that  you don’t have to master all of these topics .

But knowing about these topics helps make you into a more complete UX Designer, because they are all different facets of building a product/service. This is especially true when you interview with an entire digital team (not just with the UX team).

Try reading through one or 2 links in each topic’s  Solid Resources and you’ll be ahead of most UX Beginners.

• Term: Hypertext Markup Language (HTML)
• Term: Cascading Style Sheets (CSS)
• Term: User Experience (UX)
• Term: User Experience Design
• Term: Usability Testing
• Term: Graphic Design
• Term: Content Strategy
• Term: Wireframes
• Term: Usability
• Term: Information Architecture (IA)
• Term: Information Architect
• Term: Interaction Designer
• Term: Interaction Design (IxD)
• Term: User Interface
• Term: Graphic Designer
• Term: User Testing
• Term: Full Stack Designer
• Term: Waterfall

3 responses to “The Ultimate List of UX Topics All Beginners Should Know”