Build Your Portfolio Project: UX Magic

by Daniel Rosenberg • 6 min read

490 Shares

Welcome to UX Magic’s supplemental exercise sequence on the Interaction Design Foundation website. UX Magic is a breakthrough book introducing the power of the Semantic IxD approach, but no one ever became a great designer by reading books alone. Hands-on application of both the theory and practices described in the book is the only assured pathway to achieving mastery of this proven technique for increasing both the quality of your UX designs and your speed of delivery.

Within each of the core framework sections of Grammar, Visualization, Flow and Game theory, there are references to the concurrent MatchDog design exercise you can complete while reading the book. Doing so would be very similar to actually being in the classroom over a semester with Prof. Rosenberg.

The instructions and suggestions provided below will guide you through the execution of your own MatchDog interaction design and prototype. For students, this will make a nice additional portfolio piece and demonstrate your mastery of the Semantic IxD method.

Remember, to master Semantic IxD you need to defer sketching out any screens until you have completed, refined and prioritized your product conceptual model definition.

Why You Need a Portfolio

Your portfolio is in many ways your most important asset in the human-centered design world. That’s because it helps you in three powerful ways:

  • Get an interview for a human-centered design job. It’s virtually impossible to get invited to an interview if you don’t have a portfolio. Your portfolio allows your future employer to get an overview of your work processes, your skills and the results you’re able to create.

  • Attract clients for freelance projects.

  • Stay focused on your skills and your career. When you update your portfolio, you force yourself to evaluate your skills and performance and ask yourself tough career questions.

Project Brief

Read the full project brief for MatchDog very carefully—it contains a lot of detail. In your career and practice, you will be lucky if the starting point of a project is this complete.

The goal of the MatchDog service is to help potential pet owners find a suitable dog. Fundamentally, it is a multi-species dating site. Based on a human profile containing owner goals (e.g., protection, companionship, exercise) and lifestyle, the system suggests the best available canine match in the kennel at that time. Additional services include providing educational information, such as caring for your new canine family member. The service is named MatchDog. As a non-profit, it requires donations to survive. This financial aspect (aka the business model) is an important part of the prioritization step along with the IxD grammar definition itself.

Your goal is to create your own version of all of the sematic IxD artifacts that form the synthesis stage of your UX design and then create a highly interactive clickable prototype based on these artifacts that is operational. (“Operational” means it must be sufficiently complete for a task-based formative usability test to be run on it.) In so doing, you will have arrived at a design with the minimum cognitive load on the path to the highest usability possible.

The choice of UX prototyping tool is up to you. However, we recommend that you use heavyweight wireframing tools such as Axure or Balsamiq and avoid less powerful hotspot-based navigation simulation because of the redundant work of creating the same screen in many different data and context states.

You may draw ideas from the examples in the book regarding MatchDog conceptual model options. The book intentionally scaffolds this project with examples and discussion of various options at the grammar, flow and game theory layers. However, you are the designer, and the CM along with the other design artifacts should reflect your desired and optimized grammar. The CM is your idealized view that you attempt to communicate to the user, which can be different from the samples in the book.

In the second project brief involving RockX (if you choose to undertake it), you will start totally from scratch on the definition of the conceptual model. This will be the litmus test that you have fully internalized the semantic IxD method and taken it all the way to completion unassisted on another project (such as this one or one of your own choice).

When Should You Complete the Exercises?

We highly recommend that you undertake each exercise step at the time it is mentioned in the book without jumping ahead. Take a few hours’ break from reading to apply what you have just learned while it is still fresh in your mind, and you can easily refer back to the relevant chapter/section. Alternatively, you can read the entire book and then undertake the project exercise.

Document Your Work in Progress

Remember to document each step of this project as fully as you can if you want to use it as a case study in your portfolio. We’re sure you can understand how much easier it is to tell an engaging story if you have photos and illustrations of your work process!

Author / Copyright holder: Teo Yu Siang and the Interaction Design Foundation. Copyright terms and license: CC BY-NC-SA 3.0

References and Where to Learn More

You can learn more about how to create an amazing portfolio in our “How to Create a UX Portfolio” course.

Learn More in This Course:

AI for Designers

9 days
19 % booked
View Course

What You Should Read Next

  • Read full article
    Why Care about Statistical Significance? - Article hero image
    Interaction Design Foundation logo

    Why Care about Statistical Significance?

    The categorical data depicts the success and failure rate of the low-fidelity wireframe above. There is not a large enough difference between the two to determine if the designs were successful.There is an element of error involved in measuring anything. So, when we want to compare measurements, how

    Social shares
    432
    Published
    Read Article
  • Read full article
    Web Fonts: Definition and 10 Recommendations - Article hero image
    Interaction Design Foundation logo

    Web Fonts: Definition and 10 Recommendations

    Web fonts bring digital content to life. They enhance readability, set the tone, and ensure consistency across various platforms—all vital ingredients. When you understand web fonts and their impact, it can help you with effective website creation—and greatly so. We’ll provide a comprehensive overvi

    Social shares
    781
    Published
    Read Article
  • Read full article
    How to Screen Research Participants - Article hero image
    Interaction Design Foundation logo

    How to Screen Research Participants

    Finding the right participants is crucial for gathering user research. We usually need to do research with participants having a particular set of needs or experience. In this short video, you will find out about the basic need for screening and how we make sure that we have suitably qualified parti

    Social shares
    450
    Published
    Read Article
  • Read full article
    Pitfalls in Recruiting Participants for User Research - Article hero image
    Interaction Design Foundation logo

    Pitfalls in Recruiting Participants for User Research

    The level of participant engagement is an important part of the user research results. Our results are dependent on proper engagement with our participants. In this video we look at some of the issues around participant recruitment and hear practical examples that arose in a large online study.[[vid

    Social shares
    419
    Published
    Read Article
  • Read full article
    How to Fit Quantitative Research into the Project Lifecycle - Article hero image
    Interaction Design Foundation logo

    How to Fit Quantitative Research into the Project Lifecycle

    Quantitative research methods fit into the project lifecycle at different stages of the process.In this video, we see where different quantitative research methods fit into a typical project lifecycle. Bear in mind that even with an iterative process such as Agile, the short cycles still address dif

    Social shares
    510
    Published
    Read Article
  • Read full article
    How to Resolve Conflicts Between Design Thinking and Marketing - Article hero image
    Interaction Design Foundation logo

    How to Resolve Conflicts Between Design Thinking and Marketing

    In the past, designers often reported to marketing managers and were neither expected nor allowed to make business decisions. When traditionally-structured companies transition to a design-driven mindset, there can be friction between the marketing and design teams. Let’s take a closer look at this

    Social shares
    682
    Published
    Read Article
  • Read full article
    Stop the Generic Portfolio Trap! Design a Stand-Out Portfolio for Your UX/UI Niche: User Research - Article hero image
    Interaction Design Foundation logo

    Stop the Generic Portfolio Trap! Design a Stand-Out Portfolio for Your UX/UI Niche: User Research

    User research is indispensable—and without it, well... UX design is guesswork. When you’re a user researcher, you know this well—but it can be hard to communicate your work in a way that grabs the viewer and holds their attention. And that’s what a portfolio is all about—grabbing the attention of yo

    Social shares
    383
    Published
    Read Article
  • Read full article
    Top Service Blueprint Templates - Article hero image
    Interaction Design Foundation logo

    Top Service Blueprint Templates

    Service blueprint tools are vital for effective customer experience design—and for designers to make experiences that are exceptional. Here, we’ll discuss why these tools are so important. What’s more, we’ll explore templates and practical resources to create high-quality, efficient service blueprin

    Social shares
    638
    Published
    Read Article
  • Read full article
    How to Write Research Questions that Lead to Confident Design - Article hero image
    Interaction Design Foundation logo

    How to Write Research Questions that Lead to Confident Design

    Designing with Data provides an extensive background to A/B testing.As with all other research methods, we need to start with a research question. A/B testing concerns itself with changes in user behavior, meaning that our questions need to be centered on measurable goals. In many cases, these will

    Social shares
    450
    Published
    Read Article
  • Read full article
    Getting Started - Article hero image
    Interaction Design Foundation logo

    Getting Started

    We start our introduction to A/B and multivariate testing (MVT) by looking at their basic principles and their differences. Note that the video mentions Google Optimize, which has been withdrawn. Google Firebase can be used for mobile platforms. Third-party solutions are needed for A/B testing on th

    Social shares
    225
    Published
    Read Article

Top Articles

Top Topic Definitions

Feel Stuck?
Want Better Job Options?

AI is replacing jobs everywhere, yet design jobs are booming with a projected 45% job growth. With design skills, you can create products and services people love. More love means more impact and greater salary potential.

At IxDF, we help you from your first course to your next job, all in one place.

See How Design Skills Turn Into Job Options
Privacy Settings
By using this site, you accept our Cookie Policy and Terms of Use.
Customize
Accept all

Be the One Who Inspires

People remember who shares great ideas.

Share on:

Academic Credibility — On Autopilot

Don't waste time googling citation formats. Just copy, paste and look legit in seconds.

Feel stuck? Want Freedom?

Get one powerful email each week, like 325,754 others.

Learn to design a life you love.

Next email in:
5
days
14
hrs
36
mins
13
secs