UX design for beginners: basics, examples and first steps

What is UX design?

User experience design is concerned with how people experience digital products. A UX designer makes sure that you find your way around a website without thinking. That you can easily find what you're looking for in an app. That an online purchase is completed in two minutes, not ten.

Counterexample: You click on a website and leave it after three seconds. Why Because you don't immediately understand what to do there. That is bad UX design.

Many confuse UX design with beautiful design. It's not that. UX design is invisible — you only notice it when it's missing. It is discipline that ensures that digital products work before they look beautiful.

Difference: UI vs. UX Design

UX design plans the structure and functionality, UI design (user interface) designs the look — just like an architect and interior designer when building a house.

Imagine you're building a house. The architect plans where the rooms are located, how they are connected and how the whole thing functions statically. That is UX design. The interior designer then selects colors, furniture, and materials. That is UI design.

Both disciplines are important and interlinked, but UX comes first. The best UI design can't save a bad UX. Conversely, a well-thought-out UX can also work with mediocre UI, at least for a while.

An example of the difference between UI and UX design

Netflix, for example: The UX work is in the recommendation algorithm and the way content is categorized. Netflix analyses what you watch, when you cancel, and which genres you prefer. From this, UX researchers develop a system that gives you suggests relevant content. You also decide that the most important options, i.e. Play, My List, Rate, are immediately visible when you hover over a track.

You can then see the UI work in the thumbnails, coloring, and hover effects. UI designers choose the red brand color for the play button, design the fonts and make the thumbnail images slightly larger when hovering. You decide whether the “My List” button gets a plus icon or a bookmark icon.

The 5 basic principles of UX design

Within UX design, five principles determine whether your digital product works or fails: user-centered design, simplicity, consistency, accessibility, and continuous improvement.

User-centered design in UX

The user decides what is good based on his behavior. Not the designer, his boss, or anyone else. That sounds obvious, but it is the most common problem in product development. Teams build features that they find cool themselves. They optimize for scenarios that never occur in reality. They solve problems that their users don't even have.

User-centered design means: You talk to real people before you start building. You create personas, but not as fantasy characters, but based on real interviews and data. You're watching how people actually use your product, not how you think they should use it.

Amazon has perfected that. The “1-click order” was created not because someone thought “That would be technically possible,” but because Amazon saw that users abort in complicated checkout processes. They optimized for the real user problem: “I want to buy, but the process is too cumbersome.”

Simplicity and clarity in UX

“Don't make me think” is the most important UX principle of all. Every second that a user has to think about is a lost second. But every decision you make for him makes your digital product better. That doesn't mean you're leaving out features. It means that you present them in a way that makes them intuitive to understand.

Google understood this when all other search engines filled their home pages with links, news, and advertising. Google offered a search box and that's it. That was radical in 1998 and still works the same way today.

Simplicity also means setting priorities. When everything is important, nothing is important. Highlight what really counts. Hide details in sub-menus. Guide the user step by step through complex processes instead of showing them everything at once.

Consistency of UX design

Users learn your system once. Then they subconsciously expect it to work the same everywhere. Because consistency creates trust.

However, if the “Save” button is on the right, sometimes on the left, sometimes green, sometimes blue, the user has to learn again and again. It's exhausting and frustrating.

Apple has made consistency an art. The basic gestures and interactions always work the same on an iPhone, iPad, or Mac. Anyone who has learned to zoom with two fingers can do so on all Apple devices.

Consistency doesn't just apply within your product. You should also follow industry standards. Users expect a shopping cart icon to lead to their shopping cart. That a hamburger menu (the three horizontal lines ☰) opens the main menu. That links are blue and underlined. Be creative with problem solving, not with conventions.

Accessibility in UX design

Accessibility means that your product can also be used by people with disabilities: visually impaired people who use screen readers, deaf people who depend on subtitles, people with motor disabilities who can't click precisely.

Accessibility helps everyone: Subtitles are also helpful for listeners in loud ambient noises, large buttons are more pleasant to hit on smartphones, high contrasts make texts easier to read in sunlight.

Microsoft has with its Inclusive Design Toolkit shown: Barrier-free design means planning for the diversity of users right from the start without compromising on quality.

Iteratively test and improve UX design

UX design is never finished and evolves with your users. The best UX work happens after launch. Then you'll see how real users use your product in everyday life. They do things you never expected. They have issues that didn't show up in your tests.

Spotify has changed its app several times since 2008. Not because the old version was bad, but because user habits are changing. New features are being added and new devices are being created. What was optimal five years ago may be out of date today.

Iterative testing means regularly questioning whether what you've built is still the right solution.

Examples of successful UX designs

These three cases show how UX design optimizations solve real business problems: Baileigh Industrial increased website findability by 85%, Spotify reached 40 million weekly users with Discover Weekly, and Nike achieved 82% more online revenue through digital transformation.

UX design example 1: Baileigh Industrials navigation revolution (B2B website)

Baileigh Industrial, a manufacturer of metalworking machines, had a classic B2B problem: Customers couldn't find what they were looking for on the website. The result: Countless calls to sales for simple product questions.

Marketade's UX analysis showed a disastrous findability rate of just 4 out of 10 points. Customers wandered through a category structure that no one but internal employees understood. A typical problem: Anyone looking for a bending machine for 6 mm sheet metal did not know whether to look under “manual bending machines”, “workshop equipment” or “sheet metal processing”.

Marketade's solution was radical: a complete redesign of the information architecture based on real customer needs. Instead of internal categories, they used the language of the customers. Tree tests with 64 real users validated every step.

‍The result: 85% improvement in findability metrics. Customers can now find what they need in seconds. Sales can focus on complex advice instead of telephone search tools.

UX Design example 2: Spotify's Discover Weekly success

Spotify had a paradox in 2015:30 million songs in the catalog, but users always listened to the same music. The problem wasn't choosing, but discovering new content.

UX research showed: Users wanted new music, but only music that suited their taste. Existing recommendation features still worked poorly and too generically, too imprecise and too boring.

Spotify's solution was Discover Weekly: A personalized playlist with 30 new songs every Monday. The system combines three AI approaches:

• Collaborative filtering (what do similar users hear)
• Natural language processing (what does the Internet write about songs)
• Audio analysis (how do the songs sound).

‍The result: 40 million people listen to their Discover Weekly playlist every week. 5 billion songs were discovered via the feature. Spotify went from a music library to a discovery tool, which massively increased user engagement.

UX Design Example 3: Retail Transformation at Nikes

Nike identified a problem in 2010: The young target group (15-25 years) was no longer responding to traditional TV advertising. This group bought 20% more than others, but went digital.

The UX strategy was drastic: 40% less TV budget, but more investment in digital touchpoints. Nike built an ecosystem of apps (Nike+, SNKRS), personalized experiences, and other online services.

Nike+ was the breakthrough: A platform that tracks training, shows training progress and allows you to share these figures with others. Instead of just selling shoes, Nike became a fitness partner. The collected data was used for product development and personalized recommendations.

‍The result: 82% increase in online sales between 2019 and 2022. Over 200 million digital touchpoints daily. Nike changed from a product manufacturer to a lifestyle platform and the business figures reflect this success.

Tip: If you want to develop an app yourself, you can find our complete guide from idea to store.

Why is UX design so important for companies?

The positive impact of UX design can be huge for companies. Forrester Research shows an average 100:1 ROI for UX investments, in other words: Every dollar spent on UX design pays off by a factor of one hundred. Companies like McAfee reduced support costs by 90%, and design-focused companies are growing 32% faster, according to McKinsey. UX design is therefore one of the most profitable business investments.

But why is UX so profitable? Because it solves multiple business problems at once. A better UX:

• reduces interruption times
• increases conversion rates
• reduces support requests

UX design acts as a lever: Small improvements have big effects. If you increase your conversion rate from 2% to 3%, that's an increase of 50%. Your turnover therefore increases by 50%. For an online shop with 100,000 monthly visitors, this means 1,000 additional customers per month.

Common UX issues and their costs

The most expensive UX mistakes are:

• Complicated checkout processes (68% cancellation rate on average)
• slow load times (every second costs 7% conversions)
• unclear navigation (40% of users leave a website immediately if they can't find their way around).

Calculation example: A Swiss online shop with 500,000 francs monthly turnover loses around 125,000 francs of potential revenue due to poor UX. That's 1.5 million francs per year, enough to finance an entire UX team.

There are also hidden costs: More support requests mean higher personnel costs, frustrated customers leave bad reviews, employees waste time on work that wouldn't be necessary.

UX design as a competitive advantage

In saturated markets, it is often not the best product that counts, but the best experience. One Capgemini study with over 3,300 consumers shows: 81% of customers are willing to pay more for a better customer experience. PWC found that companies can impose a price premium of up to 16% for superior experiences.

UX design creates an emotional connection to your brand. Customers don't stay because of your features, but because of the feeling that your product conveys. Apple is the best example: Technically, other smartphones are often superior, but Apple dominates through superior UX.

Getting started: How to get started with UX design

For companies, UX starts with an honest audit of the current situation, for those interested in careers, with targeted learning and portfolio development.

Getting started with UX design for companies

Start with a UX audit of your existing website or app and invite five customers to complete typical tasks while you observe. You'll be surprised how many problems you discover in two hours.

Simple tools provide immediate insights:

• Hotjar shows you where users click and cancel
• Google Analytics reveals which pages most people opt out of
• Surveys with three simple questions — “What are you looking for here?” , “Do you think so?” and “What frustrates you?”

Set priorities according to the “quick wins” principle. Problems that affect many users and are easy to solve come first. Clearer button labels or a tidy form are often enough for measurable improvements.

Allocate 5-15% of your development budget for UX. That sounds like a lot, but it's less than the costs of poor UX. A Swiss agency costs around 1,200-1,800 francs per day, a senior UX designer costs 100,000-140,000 francs per year.

If you're planning a completely new website, show our guideHow a professional website project works from the idea to the finished page.

Getting started with UX design for those interested in careers

The best way to learn UX design is through practice, not theory. Get started with free resources:

• Google UX Design Certificate on Coursera
• Nielsen Norman Group articles
• YouTube channels like”The Futur“or”CharliMarieTV“.

Build up a portfolio right away, even without professional experience and even if the steps seem too small for you at first. Find three bad websites or apps, analyze their problems and make suggestions for improvement. Document your thought process: Why is the current design bad? How would you improve it? What would you test?

Learn the most important tools:

• Figma for prototyping
• Miro for user journey mapping
• Maze for easy testing

All have free versions that are enough to get you started.

Networks active:

• UX Switzerland organizes regular meetups in Zurich, Bern and Basel.
• Ladies that UX has chapters in major cities.

Many experienced UX designers are happy to share their knowledge. Ask politely for a coffee conversation on site.

In Switzerland, the starting salary for junior UX designers is 65,000-85,000 francs, with 3 to 5 years of experience 85,000-110,000 francs. Senior UX designers earn 100,000-140,000 francs. Remote work is possible in 70% of UX jobs.

Read more: You might be interested in these topics

You now understand why UX design is so important. But you might be asking yourself: How do I actually implement this? How do I plan a digital project correctly? Or how do I bring my idea to market quickly?

If you are planning an online platform, you can find out in our Platform guidehow you define and technically implement functions.

Time to market plays a decisive role here: How do you bring your product to market quickly and yet thoughtfully? Our article about Time to Market shows how you can specifically shorten the period from idea to launch without sacrificing quality.

And if you want to know how much professional website development costs and how it works, check out our Site guide all important steps from planning to go-live.

Do you already have a project idea on the table and need help implementing it? Get in touch with us! Our experts from Axisbits will show you how we can help you.

{{fs-btn-cta}}