A black-and-white magician’s top hat with rabbit ears, surrounded by colorful sparkles

Build Your Portfolio Project: UX Magic

by Daniel Rosenberg • • 6 min read

510 Shares
Save

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:

Learn Design and AI From the Best

Get one powerful email each week, like 312,409 others.

Next email in:

What You Should Read Next

  • Read full article
    The Relationship Between Visual Design and User Experience Design - Article hero image

    The Relationship Between Visual Design and User Experience Design

    A common perception about UX designers is that we are artists who can create beautiful interfaces from a blank canvas. While the aesthetics of products are important, visual design is only one aspect of the design process – in which team members with different skillsets and expertise collaborate

    Social shares
    802
    Published
    Read Article
  • Read full article
    You’re Not Bad at Presenting; You Just Haven’t Mastered the Right Way (Yet) - Article hero image

    You’re Not Bad at Presenting; You Just Haven’t Mastered the Right Way (Yet)

    Ever walked out of a presentation thinking, “That could’ve gone so much better, maybe I’m just not a presenter”? You’re not alone. And you’re not the problem. You simply haven’t been shown an easy, clear, repeatable way to prepare, deliver and follow up.Presenting is not an innate talent; it’s a ski

    Social shares
    360
    Published
    Read Article
  • Read full article
    The Power of Mapping - Article hero image

    The Power of Mapping

    The map is one of the earliest and most important human inventions. It helps us to navigate our complex world. Maps simplify complex spaces, create shared understanding, reveal hidden insights and help us coordinate action. Around 25,000 B.C. a person carved the earliest known map into a mammoth tus

    Social shares
    589
    Published
    Read Article
  • Read full article
    The Past, Present, and Future of Virtual Reality - Article hero image

    The Past, Present, and Future of Virtual Reality

    Virtual Reality (VR) has come a long way since its humble beginnings—with stereoscopic images back in the 1800s—“astronomically” far, in fact! Twenty-first century VR catapults users into immersive and interactive 3D environments, ones that let them experience something far beyond what they find in

    Social shares
    647
    Published
    Read Article
  • Read full article
    Turn Your Non-Design Experience into Design Portfolio Gold - Article hero image

    Turn Your Non-Design Experience into Design Portfolio Gold

    Have you ever wondered how to transition into UX and product design from a different career background without feeling insecure? Let's uncover strategies to confidently bridge the gap and showcase your skills to prospective employers with confidence and clarity.In this video, Morgane Peng, Desi

    Social shares
    508
    Published
    Read Article
  • Read full article
    Structure First: The Inverted Pyramid and Visual Organization - Article hero image

    Structure First: The Inverted Pyramid and Visual Organization

    This clip examines two principles that work hand in hand to make web content readable: the inverted pyramid approach to information order and the use of visual structure to help users scan efficiently. William Hudson, UX Strategist and Founder of Syntagm Ltd, describes the theoretical basis and prac

    Social shares
    209
    Published
    Read Article
  • Read full article
    What Is Card Sorting? - Article hero image

    What Is Card Sorting?

    In this video, William Hudson, UX Strategist and Founder of Syntagm Ltd, introduces card sorting: what it is, where it comes from, and the broad range of problems it can help solve.Card sorting is a research technique in which participants organize a set of items into groups that make sense to them,

    Social shares
    176
    Published
    Read Article
  • Read full article
    Design Accessible Navigation for Keyboards and Screen Readers - Article hero image

    Design Accessible Navigation for Keyboards and Screen Readers

    Accessibility is often treated as a finishing touch, but for navigation, it belongs at the foundation. Menus are how users reach everything else on a site, so a menu that works only with a mouse quietly shuts out anyone who depends on a keyboard, a screen reader, or another form of assistive technol

    Social shares
    177
    Published
    Read Article
  • Read full article
    The Scent of Information: Give Users the Confidence to Click - Article hero image

    The Scent of Information: Give Users the Confidence to Click

    William Hudson, UX Strategist and Founder of Syntagm Ltd, introduces the scent of information as a model for understanding how users navigate toward their goals, and sets out the principles for writing navigation links that strengthen that scent.Information Foraging and the Scent of InformationThe s

    Social shares
    176
    Published
    Read Article
  • Read full article
    4 UI Design Tips Every Designer Needs to Know - Article hero image

    4 UI Design Tips Every Designer Needs to Know

    User interface (UI) design can make or break any digital product. A user often won’t even notice when they interact with a great UI. They feel the visual appeal and simply trust it. On the contrary, a bad UI design can prevent the user from interacting with a product intuitively or at all and lead t

    Social shares
    647
    Published
    Read Article

Top Articles

Top Topic Definitions

39% of Today's Skills Will Change by 2030

The World Economic Forum expects 39% of today's skills to be transformed or become outdated by 2030.

The good news is that jobs in UX / UI design and AI are among the fastest-growing professions globally.

Build Skills That Keep You Relevant

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.

Learn Design and AI From the Best

Get one powerful email each week, like 312,409 others.

Next email in: