What Is UI UX? Why UI UX Design Matters

Why do some online stores get people to buy right away while others are closed within seconds? The difference is that those websites invested in UI/UX design from the start. UX (User Experience) is the experience users have when interacting with a website, while UI (User Interface) is the visual interface that conveys emotion and brand. In this article, MONA Media will explain both concepts and share tips for improving the user experience on your own website or mobile app.

What is UI? What is UI design?

UI (User Interface) is where users and electronic devices interact, including the screens they use in an app and the buttons they click on Website. Simply put, UI includes everything users can see, including colors, layout and font size. 

It is not only smartphone interfaces that need proper UI: control panels and screens on everyday machines such as POS terminals, vending machines, coffee machines, washing machines… are also called UI. The main goal of UI design is to create an attractive, easy-to-use interface from the product's content and functions.

The process of creating a UI design depends not only on experience but also on many other factors such as color, visual principles and the motion of each element on the website. These factors usually relate to Visual Design and Motion Design.

• Visual Design: Draws readers in and sparks their curiosity with design principles such as consistency, use of space and color, and contrast,… to give visitors an interesting, distinctive experience on the website.
• Motion Design: Creates smooth motion effects when users interact (like the header when scrolling), making the website livelier and the experience more visual.

Examples of bad UI design

Your website is the face of your brand, but if that face isn't professional, polished and true to the service you offer, you are only wasting your time, money and effort.

• Leaves no impression on customers.
• Makes it hard to find information.
• Gives users nothing to guide them or draw them in.

A UI design with too many errors, or one that falls short of standard, hurts your conversion rate and keeps revenue below what you want. Here are the basic mistakes that show your website or mobile app does not meet UI design standards: 

• Complicated forms make it hard for users to sign up.
• Hard-to-read text makes it difficult for users to browse and find the information they need.
• Using many unfamiliar, inconsistent icons confuses users.

UI designs that give users a good experience

A good interface design gives users exactly what they need in the fastest, simplest way, which helps you create a professional impression and strengthen your brand's credibility:

• Makes information easy for users to reach.
• Clear, easy-to-follow guidance.
• Encourages customers to convert (decide to buy, use a service, get in touch, leave their details…).

It helps users reach your services and products more easily, which encourages them to convert (decide to buy, use a service, get in touch, leave their details…) and helps you generate revenue.

MONA has completed 9,689+ website design projects and earned excellent feedback on them, so we know what it takes to build a website with good UI design. Here are some of the products MONA built for its clients: 

• MONA worked with PREW.VN, a well-known provider of prep courses for IELTS, TOEIC, SAT and the national high school exam. MONA designed the website's UI/UX to high interface and color standards, presenting all of the center's courses in a polished, eye-catching way.

• The P’apiu project is another beautiful, upscale project with a very modern interface, with direct input from The MONA's Creative Director, Cino Chu. The website presents all of P’apiu's services, and MONA also added a VR Tour so visitors can interact with the site, which lowers the bounce rate and raises conversions. 

• MONA has also handled UI/UX design for other businesses such as Thaclic Voice – a leading voice academy in Vietnam. Its website draws visitors in with a bold yellow palette and engaging content. You can see more of MONA's website design projects HERE.

->See more: How to maintain and grow your website that works

What is UX? What is UX design?

UX (User Experience) is the set of experiences that affect users' emotions and perceptions from the moment they start using a product or service until they finish. UX design is designing how users feel when experiencing a product, and it can be applied to any kind of product or service. 

This design approach uses technology to improve the quality of interaction and make technology friendlier to people (users can easily tell exactly what they are doing, how to find products and information, and which stage of the sign-up process they are at…). 

The quality of interaction between users and products or services is a UX designer's most important goal. That is why user experience design is not just about how you use electronic devices, websites and apps; it is also applied in many other fields to improve the quality of interaction.

MONA Media is proud to be one of Vietnam's most trusted providers of website design with strong UI/UX services. We have more than 10 years of website design experience across a wide range of industries. MONA has worked in just about every industry, which is why we are confident our custom website design service can meet up to 99% of your needs. 

Whether you need SEO-ready website design, responsive website design hay interior design website, multi-industry website design or anything else, just call our hotline at 1900 636 648 and MONA's account team will advise you right away.

How UX design is applied

Because UX Design is essentially designing the user experience, UX fits almost every industry and line of work, not just website design. Below are a few case studies of UX design in use: 

• Customer experience design for theme parks: Walt Disney created special moments and wonderful experiences for hundreds of thousands of children around the world with its theme parks (Disneyland, Disney World).
• Service experience design for stores and shops: When you sell products of similar quality and price to other brands, attentive, courteous customer service that satisfies customers from A to Z is the secret that helped TGDĐ (Thế Giới Di Động) build a polished, professional image, win over the most demanding customers and strengthen its position as a leading brand in Vietnam.
• Immersive experience design for virtual reality technology (AR & VR): Using AR (Augmented Reality) and VR (Virtual Reality) at work is becoming more and more common, and UX design is an essential process for optimizing the immersive experience for users.

MONA has also built websites and software with UI UX design to proper standards, both for our clients and for MONA itself. For example: 

• China Import Software: This is one of MONA's most highly rated products. It has been through 6 major versions and hundreds of smaller updates to fully meet the needs of logistics companies and businesses importing goods from China. 
• Website Ninja Direct designed by MONA to proper UI/UX standards to give users the best possible experience.
• Website resort Fleur De Lys is also one of the products MONA developed to proper UX UI standards. The website gives users a great experience: they can easily choose a destination and book a room quickly, right on the home page.  
• MONA Edutech Software: MONA understands better than anyone that education is highly complex work, and meeting teachers' needs in their teaching is far from simple. But MONA Software has been developed and refined to meet almost every need of educational institutions. 

A website built to proper UX standards brings benefits you might not expect

A website designed to proper UX standards makes your business look more professional, attracts customers more easily and helps your business generate more conversions. So when your website is designed to all of those standards, it will: 

Deliver exactly what users are looking for

The website is yours, and you are the one who decides what content to show customers, how to present it and how to make their visit to your website as convenient as possible. A typical example is Disney+, which implemented many small UX details and gave users a much more complete and convenient experience.

• Suggesting email domain endings to help users fill in their details faster and avoid typos.
• A confirmation dialog asking if you want to exit prevents users from clicking by mistake and having their experience interrupted halfway.
• The log out button stands out clearly and is pre-selected, helping users exit faster (exactly what users want).

Go beyond what customers expect in comfort and convenience

Netflix has done a great job of giving viewers what they want most from a film: to sit back, relax and just watch.

With creative UX design, Netflix spent very little developing the skip intro feature, yet it had a huge impact: it won wide support from users and attention from the community when the feature was tested in 2017, helping attract many new users and increase revenue.

Here is a UI/UX design example from MONA: 

Lazy loading: a loading screen designed to make users feel things are faster. Lazy loading is used by content-heavy sites such as Medium, Slack, LinkedIn and Facebook so that users do not feel the wait is too long, and it reduces the amount of data to load.

Why improve the user experience?

Optimizing your website's user experience makes it feel friendly, so customers trust you and are ready to recommend your products/services to others. When you invest in UX UI design, your business also gains benefits such as:

Users increasingly expect better experiences

Users have more and more choices, which brings stricter demands on service quality, products and browsing speed. With the rise of the mobile web, smart devices and powerful connectivity on social media, a poor UI/UX design, bad service or slow page loads spread quickly, create a negative experience and seriously hurt business results.

UI UX design improves product and service quality 

A good user experience reflects the overall quality of products and services. When designing UI UX for a website, every action, journey and emotion of the user is carefully considered, bringing satisfaction and a positive impression.

UX UI design improves the conversion rate 

Good UI/UX design makes it easy for users to interact with a website or app, so they are far more likely to take the action you want. This pushes the conversion rate as high as possible, which is the main goal of every online marketing strategy.

UI/UX is about more than looks: it is how you show the value and professionalism of your business. If your website does not yet show who you are and what you do well, watch the video below to see how to fix it.

Reduce the bounce rate 

By focusing on optimized interface and experience design, you significantly reduce the chance that customers leave the page immediately, and increase your chances of reaching and keeping them.

At MONA, we are proud to be one of very few businesses whose website keeps visitors on the page for up to 4.5 minutes, something usually seen only on academic pages and articles.

We will use more than 10 years of experience and knowledge in website design to create an impressive website interface with a smooth user experience, a higher conversion rate and better business performance. 

8 ways to improve the user experience

MONA has worked with 12,000+ brands in Vietnam and abroad, and 100% of clients were satisfied; 80% of them even chose long-term partnerships, because MONA's products all deliver a smooth, easy-to-use, easy-to-operate user experience.

Of course, MONA's products did not get such good feedback at launch by chance. We went through many major updates and hundreds of smaller ones to build products that offer the best experience. Here is how we do it: 

Put yourself in the user's shoes when designing UI UX 

What do you want when you browse a website? Build that for your customers. Putting yourself in their position gives you the full picture you need to improve the UI/UX design of your website or app.

Optimize for speed and accessibility

Website loading speed and accessibility are the top factors in user satisfaction. If your website takes more than 3 seconds to load, you have already lost 50% of your visitors.

That is why MONA set up its own MONA.Host, with high-spec hosting so that clients' websites load fast and run without lag. See how to check your website speed here!

-> A way to speed up your website: Speed up your website in Vietnam and international markets with a CDN

Execute your business strategy effectively

Do not just invest in the website, software or app. You also need business strategies to build your brand and promote your products . Users can only experience your product once they can find it.

That is also why MONA runs SEO, Google Ads, Facebook Ads, YouTube campaigns,… so customers can see us anytime, anywhere. 

Test every aspect of UX

Test your website, app or software again and again to refine the UI/UX design, and fix every bug before customers see it. Repeated testing means the product you hand over is always the best version.

In addition, with MONA's ready-made products such as the MONA Edutech suite, the China import system, MONA Skillhub, MONA Jewelry,… MONA regularly updates them so they always integrate new technology and stay easy to use,… which improves the user experience.

Set clear user engagement goals

Every product needs a clear audience if it is to offer a good user experience. Not every website or app suits every audience, and you can only optimize the experience for people who need it and want to explore it. Set clear goals before you start optimizing UX design.

Example of good UI UX design: A travel website designed to provide travel information and services. The main audience is travel lovers, especially people who want to explore unique cultures and plan their trips.  So the website usually focuses on an attractive, easy-to-use interface that works on many devices, vivid images and descriptions, and an optimized search function to give users a convenient and appealing travel experience.

Use distinct calls to action (CTAs)

Users need a prompt to act, through Call to Action or icons. The CTA is the point that actually "makes money", and you need one if you want customers to act (click the contact button, call, fill in a sign-up form…).

Place CTAs in several positions and formats that suit the user experience. If you only put them at the top or bottom of the page, you miss many chances to convert visitors, which is why good UI/UX design matters so much for a website.

For example, right inside a blog post, you can insert a natural CTA button like this: 

When customers click this button, they are taken to another article on the website. If that article also meets their needs, they will buy your product/service, improving your conversion rate and revenue.

Make sure your website displays properly on every device

To optimize UX, design responsively. This is currently the leading UX/UI web design trend, and it helps your site display well on every device: laptop, desktop, mobile-friendly…

This is essential, because if you only design the website for desktop, customers who mostly use mobile will find it hard to navigate, and you lose potential customers. 

Update your website content

Monitor your website content and refresh it regularly. Provide the content customers are looking for. Find out which content customers rarely visit so you can improve and optimize it. In addition, regularly optimizing your website to have SEO-friendly article content can also keep your articles fresh and more credible, which improves your Google ranking.

See how to write good website content: Tips for writing good content that increases the conversion rate

If you want a website that looks great, follows UI/UX best practice and delivers strong SEO results, talk to MONA Media . Click the button below and MONA's account team will recommend the right solution for your business.

How do UI and UX differ and affect each other?

Because UI and UX overlap and influence each other, the two concepts are hard to tell apart. Many companies treat UI/UX as one role that covers the tasks of both jobs:

• User research.
• User experience design.
• User interaction design.
• User interface design.
• Usability optimization.
• Graphic design.

Although they are often mentioned together in the design process, UI and UX are 2 completely different concepts. UX design is usually completed first in the design process, followed by UI:

What a website, web app or app gains from well-designed UI/UX

Meet demanding technical SEO requirements

Professional UI/UX design will clearly improve your SEO position, because Google now judges websites by ever higher and more complex standards. The most visible SEO benefits of UI/UX design are:

• Making a good impression on customers and keeping them longer (increasing time on site).
• Providing a more user-friendly interface by using suitable images for the website with suitable layout and fonts, sharp quality, small file size and fast loading.
• Responsive design (meeting mobile-first criteria).

MONA itself is clear proof of what UI/UX design can do. After reworking its interface, the MONA website saw outstanding SEO growth, increased traffic and time on page reached 4.5 minutes, a figure rarely seen on a service website. The new MONA website interface is friendlier and also optimizes layout, fonts, images and loading speed, fully meeting mobile-first criteria and giving mobile users a smooth experience.

->See: The business's standard website sizes cho mobile – tablet – pc

Give users a great first impression and the best experience

Effective UI/UX design makes a good impression at first glance and guides users smoothly and naturally through every action. UI design draws people in with layout, colors and a style consistent with the brand, while UX design shapes the user journey so customers can easily take the actions you want, such as affiliate, buying or leaving their contact details.

When the experience is good enough, users stay longer and trust you more, and your website becomes a real sales tool that gives your brand a professional, trustworthy image.

Build a stable brand that benefits your business long term

Investing in effective UI/UX helps your business:

• Save up to 50% of the time and cost of developing a website or web app thanks to an optimized process that is easy to extend and improve.
• Reduce the risk of system errors, thanks to an overall view of the structure and user behavior from the design stage.
• Build a strong, trustworthy brand, the way Thế Giới Di Động and other leading businesses stay stable thanks to an excellent user experience.

At MONA Media, we treat every UI/UX design project as a professional, end-to-end process where each specialist has a specific role in creating the finished product: a website that looks good and actually "converts".

Does UI/UX design really matter to the customer experience? Even if customers would not admit it, they are strongly swayed by how polished and attractive a website, app or any other platform they use is. Watch the video below to see why a website's "look" can become an important business advantage:

>See more: Top 10 website analytics tools – website reviews

How MONA uses UX/UI design to build websites for real projects

UX/UI design is only worth it if it helps the website sell better, and it also makes the business easier to run and scale. Large businesses often end up with a website that looks great at handover but is hard for staff to use. Customers struggle to buy, and every fix means waiting several weeks.

We have run into this many times when taking over older systems. Picture a retail chain with 30 branches and many product groups, where many staff update data every day. If the interface is designed only for looks, staff make data-entry mistakes, customers waste time looking for products and management struggles to track sales.

So MONA starts by understanding the real users. We look at what shoppers need to do, what tasks staff handle and what data management needs to track. This approach is part of the UX/UI design process for websites that MONA applies to every project.

How code and design work together in a project

On a cosmetics e-commerce marketplace, design and development were in conversation from day one. The interface had to look good, but every button, filter and product page also had to fit the way customers shop.

The MONA team turns the design into a clean code structure, so adding features later does not mean rebuilding everything. This is where many businesses that build in-house get stuck after a few years.

According to Nielsen Norman Group, users often leave a website when they run into usability problems. The organization's research on interface usability is shared at Nielsen Norman Group. The research shows that understanding users from the start has a direct effect on how well a website performs.

How MONA handles speed, security and scalability

A business website has to handle traffic spikes without interrupting sales. MONA designs a structure that can handle large volumes of data, and we control access permissions and plan for scale from the start of the build.

For you, the benefit is a website that supports the business more reliably: staff skip unnecessary steps, customers finish their purchases easily and important data is better protected.

MONA has developed more than 14,000 projects. When we take over existing systems, we find that many problems come from the old structure, so we usually review how staff use the system, how the data flows and what needs improving before we rebuild.

UX/UI is how you turn business goals into a website that keeps working for years, and it belongs at the start of a project, not as decoration at the end.

Common UX/UI traps when you build your own website

Many businesses end up paying extra to fix their websites because they started with the visuals and only later found that customers could not find what they needed.

You may have seen your team spend weeks adjusting colors, changing banners and tweaking every button. The website still runs and the interface still looks tidy, but visitors arrive and leave because the site does not work the way they need it to.

The hard part of UX/UI design is seeing the website through the buyer's eyes. If you rely only on internal opinions, your business ends up spending more on salaries, meetings and rework.

Choosing colors and layout by personal taste instead of customer behavior

A mistake we often see when taking over older projects is a business choosing the interface based on what the person signing off likes. The colors match the brand and the images look good, but customers struggle to find products, prices or contact details.

Picture a retail chain with 30 branches and thousands of visitors a day. Before the website is rebuilt, the internal team often spends a long time arguing about where the sign-up button should go.

How to arrange the categories and images often takes a lot of back-and-forth too.

When we come in, MONA looks at how customers search for information, how they move between pages and where they tend to stop.

This is an important part of UX/UI design, because the interface needs to serve real behavior.

MONA has been developing software and websites since 2016, with more than 14,000 projects completed. When taking over old systems, we usually review the page structure, the user flows and the points that make it hard for customers to reach their goal.

Not testing on real devices and in real usage situations

A website can look great on an office computer, but the experience changes when customers use a phone outside a store or on a weak connection.

We once worked with a retail chain with 30 branches that had a fairly attractive product page. On a phone, though, the important information was buried too deep.

Staff ended up walking customers through it by hand over chat.

So MONA usually tests many usage situations before handover, checking the website on a range of devices.

We test the ordering flow and how users find information.

You can also see how we deliver standards-compliant HTML5/CSS3 website design. It explains why the technology behind a website also has a direct effect on the customer experience.

Getting UX/UI design right helps your business cut unnecessary rounds of revisions. This is also why many businesses come to MONA when they need a website built through a clear process.

We focus on structure, speed and user flows. The goal is a website that works for customers, not just a pretty interface.

UX/UI design matters in many other industries too

UX/UI design directly affects how customers sign up, learn about you and make decisions.

Many businesses lose customers even with a good-looking website, because the experience does not match how customers buy, study or use the service.

Someone looking for a course needs to see a clear learning path. Someone buying a product needs to find the right item in a few steps.

Picture a retail chain with 30 branches. The website already has all the information, but it still gets many calls asking about prices and stock.

The problem is how the experience is organized: customers have to search too much on their own before they can decide.

We have seen many systems like this when taking over projects. The original interface was usually polished visually,

but the ordering, sign-up or contact flows did not follow how customers actually behave.

MONA designs UX/UI around how customers in each industry actually use the site.

We study every step customers go through, then build an interface that fits the business's operating goals.

You can see more about how MONA delivers UX/UI design for business websites.

Education websites need a clear sign-up and learning experience

The education sector has many touchpoints before a student decides to enroll.

The website needs to help parents and students understand the program, schedule, tuition and how to get started.

MONA has developed education systems such as websites for education providers.

In these systems, the sign-up flow needs to be short and easy to follow.

When the process is clear, the advisory team gets far fewer repeated questions.

Retail websites need to support fast search and purchase

In retail, a few minutes spent struggling to find a product can cost you the sale.

The website needs to make it easy to filter products, check details and complete a purchase.

A cosmetics e-commerce marketplace needs a different structure from a website selling industrial supplies.

MONA usually builds the interface based on the characteristics of each customer group.

This makes the website easier for the business to manage and change when needed.

These principles also apply to spas, restaurants, manufacturing and finance.

Each industry has its own way of serving customers, so UX/UI needs to be tied to real operations, not just looks.

From real projects, MONA has learned that customer experience and business results always go together.

When taking over a system, we usually review the flows customers use to find information, book appointments, buy and get in touch.

You can also see website design for the finance sector to see how the experience is adjusted for each industry.

Improving a website should start with the user experience

Many businesses still waste money fixing their website piece by piece, without looking at the whole customer experience. A button changes color, an about page gets reworked, or a few new lines of content are added, and the interface may look better. But if customers still struggle to find information and place orders, the old problem is still there.

Picture a retail chain with 30 branches whose traffic surges during promotions. The website still runs, but customers have to go through many steps to find the product they want. Sales staff field more questions, and customers may leave before giving their details.

We see this often when taking over older projects. The business has already invested a lot in the website, so the review needs care, and we always respect what you have built.

When you look into what UI/UX is, you will see it covers more than how a website looks. User experience is the path customers take, step by step, from landing on the page and learning about the product to getting in touch and making a decision.

We usually start by observing user behavior. Then we check the page structure, loading speed and how it displays on different devices. For a cosmetics e-commerce marketplace, the category layout, filters and product information need to be reviewed before changing the interface.

A good website has to fit the way the business runs. So MONA usually builds the design plan around the industry, the sales goals and the specific needs of each business. You can read more about UX UI design for websites to see how this process works in practice.

MONA helps you build a website that converts, tailored to your needs

MONA has completed more than 14,000 projects, and 85% of clients come back to work with us again. We focus on building websites with the right structure, easy to manage and able to grow with your real needs.

On large business projects, we also look after what happens behind the scenes. The website has to stay stable as traffic grows, customer data has to be protected, and new releases should disrupt the business as little as possible.

You can start by reviewing your current website. Note where customers struggle and talk it through with MONA. When the user experience is reworked from the ground up, future repair costs are much easier to control.

If your website is losing customers, look at how those customers buy

Every month, the revenue you lose when visitors land on your website and leave because nothing guides them is money left on the table. We know many of you have already tweaked the interface, added content and asked around for feedback to fix this.

Many business owners have changed colors, reworked the layout or added contact buttons, and still cannot tell where customers get stuck. The real issue is that UX/UI design has to lead customers down the right path, and the system also has to support the sales team every day. MONA builds UX/UI around your sales goals so you can see what needs improving before a major overhaul. Send us your current website and we will review it with you. Call MONA at 1900 636 648.

Frequently asked questions

How do UX and UI relate in design?

To make the relationship between UI and UX clearer, here are two cases with specific examples. 

Case 1: A product that looks good but is hard to use has good UI and bad UX

You come up with an app based on a creative, innovative idea with great potential that no one has thought of yet. You quickly find a UX designer to do the research and build an app that meets the needs of many people.

So why, after a short while, are people spending less and less time in it?

When you check the feedback, you find that users complain a lot about using the app:

• The font is too small and the text color is unsuitable, making the app hard to use.
• Buttons that are too small and placed close together make users often tap the wrong one or struggle to hit it.
• Many images are blurry, and some fail to load.

=> This is a case where UI/UX design ruined a unique business idea: a useful app that could have made money if it had been better finished.

Case 2: A product that is easy to use but unattractive has good UX and bad UI

You run a service business and start building a website to attract more customers online and grow your brand.

When the website is delivered, you are very happy with its modern interface, which reflects the company culture and appeals to potential customers… but using it is complicated and frustrating:

• Users struggle to find the service they need.
• Booking a service takes far too many steps.
• They cannot find information or contact details.

=> Usability, not just the interface, can hurt how users see your brand: unrefined, under-invested, indifferent to customers… 

What is a user experience strategy (UX Strategy)?

User Experience Strategy, or UX strategy for short, is the plan for improving how users experience a product. Website, app and software publishers come up with tactics to improve users' experience with their brand. These tactics vary, but most need to get key UX design factors right, such as:

• Targeting specific user goals that fit the app, website or software.
• Carefully researching user behavior and habits to best meet customer expectations.
• Analyzing the user experiences your competitors offer in their fields.
• Knowing the company's website, products, services and software inside out.
• Planning the experience, executing it and building prototypes. Testing the UX by putting yourself in the customer's role. Or running experience research with test users to improve features and tasks…
• Choosing a skilled UX designer.

For example, a UX-optimized website must meet these criteria:

• A logical page layout with a clear focus on what users need.
• A distinctive color palette and web fonts, without too much ornament or too many colors.
• Elements such as scroll wheels, toggle buttons, drop-down lists, category menus and text fields are all designed logically.
• Optimizing the website's design, articles, images, links… so the site is high quality overall…

Measuring and optimizing UI UX design performance with A/B testing

Attracting potential customers is already hard and costs marketing money, so once you have reached them, do not miss the chance to turn them into customers and users.

A/B testing measures how well a UI/UX design works and helps businesses improve their chances of persuading customers by:

1. Testing which interface users prefer (A or B).
2. Adjusting continuously until you get the best results.
3. Creating a better engagement plan.
4. Improving the methods that get users to convert.

UX design mistakes that hurt products, services and brands

Ads that mislead users:

• This is not rare: plenty of ads use a huge download button to trick users into clicking, wasting their time and keeping them from what they came for.
• News websites, forums and bloggers often host ads on their sites for extra income. Being slow to deal with ads like these will cost the brand credibility with visitors.

Selection lists that are too long:

• A list so long that it covers the user's whole screen when it opens is a UX mistake: it makes entering information harder, and users may leave before finishing.
• A few CSS edits can fix this quickly.

Unhelpful alerts:

• Many people find this Apple behavior annoying: when you want to capture a unique, once-in-a-lifetime moment… the system keeps warning that storage is full, so you miss the shot, and it offers no suggestion or way out (how many photos to delete, clearing junk files…).
• Apple's alert gives users no help at all. The Done and Settings buttons also do not tell users whether they will be able to take the photo after tapping them.

A more user-friendly alert would explain clearly and in detail how to fix the problem.

Customer support live chat that backfires:

• Plenty of websites have added a live chat system for customer support but have no one on duty to reply, so the feature is pointless and leaves customers annoyed when they message for help.
• If you do not have enough staff or cannot run a chatbot yet, hide the feature to avoid disappointing customers.

So although they are 2 different concepts, the UI/UX design of a product have to work well together and support each other to create a truly competitive product.

If you want to understand the groundwork behind this in more depth, the article what a mockup is and why the interface should be approved first explains it in detail and describes how we do it for our clients.