{"id":2223,"date":"2026-07-14T02:53:16","date_gmt":"2026-07-14T02:53:16","guid":{"rendered":"https:\/\/international.binus.ac.id\/graphic-design\/?p=2223"},"modified":"2026-07-14T02:53:16","modified_gmt":"2026-07-14T02:53:16","slug":"user-experience-design-how-to-think-like-a-customer","status":"publish","type":"post","link":"https:\/\/international.binus.ac.id\/graphic-design\/2026\/07\/14\/user-experience-design-how-to-think-like-a-customer\/","title":{"rendered":"User Experience Design: How to Think Like a Customer"},"content":{"rendered":"

Your website might be stunning. A visual masterpiece that your graphic designer is immensely proud of. It might even win an award for its aesthetic.<\/p>\n

But it could also be utterly useless. A beautiful, expensive, digital paperweight that confuses customers and actively drives business away.<\/p>\n

Too many entrepreneurs get sold that a \u201cgreat website\u201d\u00a0looks<\/em>\u00a0good. They burn through cash on fancy graphics and slick animations, then wonder why nobody buys anything.<\/p>\n

Here\u2019s the rub: they\u2019ve focused on the paint job, not the engine. They\u2019ve built a show car that can\u2019t be driven.<\/p>\n

This is the expensive confusion at the heart of user experience (UX) design. And untangling it is the first step to building a website that doesn\u2019t just sit there looking pretty, but works.<\/p>\n

First, Let\u2019s Settle This: UX Is Not UI<\/h2>\n
\"User<\/figure>\n

If you take nothing else from this article, burn this into your brain:\u00a0User Experience (UX) is not User Interface (UI).<\/strong><\/p>\n

My pet peeve is saying \u201cUI\/UX\u201d like they\u2019re the same. It\u2019s the foundational mistake that leads to almost every other problem.<\/p>\n

The Architect and The Interior Decorator<\/h3>\n

Think of it this way.<\/p>\n

The\u00a0UX designer is the architect<\/strong>. They map out the entire structure. They decide where the rooms go, how you move between them, where the plumbing needs to run, and whether the flow of the house makes sense for the people living in it. Does the kitchen flow into the dining area? Can you get from the bedroom to the bathroom easily in the dark? Their job is about function, structure, and the overall experience of\u00a0living in the house<\/em>.<\/p>\n

The\u00a0UI designer is the interior decorator<\/strong>. They come in after the architect has finished. They choose the paint colours, the furniture, the light fixtures, and the textures. They make the house look and feel a certain way. Their job is about aesthetics and the\u00a0visual and tactile elements<\/a>\u00a0within the structure that the architect built.<\/p>\n

You need both. A house with a brilliant layout but awful decor is unpleasant. A home with beautiful decor but a nonsensical layout is unusable.<\/p>\n

Why This Simple Mistake Is Costing You a Fortune<\/h3>\n

When you chase UI before you\u2019ve sorted UX, you hire an interior decorator to build your house. You get a beautiful mess. A website with gorgeous buttons that lead nowhere. A stunning menu that\u2019s impossible to navigate. A visually arresting layout that hides the one thing your customer came for: the \u201cBuy Now\u201d button.<\/p>\n

You end up paying twice, once for the pretty mess and again for someone to come in and fix the underlying structure. Good UX puts the user\u2019s goals first. Good UI makes that functional journey aesthetically pleasing.<\/p>\n

Function first. Always.<\/p>\n

The Uncomfortable Truth: Good UX Is Invisible<\/h2>\n

Here\u2019s a paradox for you. When UX is done well, you don\u2019t even notice it. It\u2019s completely\u00a0invisible<\/a>. The\u00a0experience is so smooth and intuitive<\/a>\u00a0that you achieve your goal without a single moment of friction or thought.<\/p>\n

\"Good<\/figure>\n

When It Works, You Don\u2019t Notice It<\/h3>\n

Think about the last time you used a truly great\u00a0app or website<\/a>. You probably don\u2019t remember the specifics of the design. You just remember that it\u00a0worked<\/em>.<\/p>\n

Amazon\u2019s one-click ordering is a classic example. You find a thing, click a button, and it\u2019s coming. The UX is so refined that the interface all but disappears. You\u2019re not thinking about the checkout process; you\u2019re thinking about the book that will arrive tomorrow. That invisibility is the hallmark of mastery.<\/p>\n

When It Fails, It\u2019s All You See<\/h3>\n

Conversely, you remember every single detail about a bad user experience.<\/p>\n

You remember the government form that timed out and deleted all your information. You remember the online banking portal that made you click seven times to find a simple statement. You remember the e-commerce site with the tiny, un-clickable \u201cx\u201d on the pop-up that covers the entire screen.<\/p>\n

Bad UX is a blaring, infuriating alarm. It screams, \u201cWe don\u2019t respect your time!\u201d And in a world with infinite choice, disrespect is a death sentence for a business.<\/p>\n

Four UX Principles That Actually Matter<\/h2>\n

You can read endless textbooks filled with academic theories. Or you can focus on the four things that genuinely make a difference to the person on the other side of the screen.<\/p>\n

1. Clarity: Can a visitor understand it in three seconds?<\/h3>\n

When someone lands on your site, they have one question: \u201cAm I in the right place?\u201d You have about three seconds to answer it. Your headline, sub-headline, and hero image must immediately communicate who you are, what you do, and for whom. You\u2019ve already lost if a visitor has to squint, scroll, and puzzle it out.<\/p>\n

2. Simplicity: Are you making them think? Stop it.<\/h3>\n

Steve Krug wrote a book on this:\u00a0Don\u2019t Make Me Think<\/em><\/a>. Every extra thought you force on a user\u2014\u201dIs this button clickable?\u201d, \u201cWhere is the search bar?\u201d, \u201cWhat does this jargon mean?\u201d\u2014is a drop of friction. Enough drops, and they\u2019ll leave. Your job is to remove thought from the process. Make the next step the most obvious step.<\/p>\n

3. Empathy: Have you watched a real person use your site?<\/h3>\n

This is the one that most entrepreneurs skip, and it\u2019s the most critical. You are not your user. You know your business inside and out. You know what every clever icon means and where every link goes.<\/p>\n

Your customer knows none of this.<\/p>\n

You cannot design with empathy from a spreadsheet. You need to sit someone down\u2014a friend, a family member, a customer\u2014and watch them try to perform a basic task on your site\u00a0without your help<\/em>. It will be a painful, humbling, and incredibly illuminating experience.<\/p>\n

4. Feedback: Does your website talk back (in a good way)?<\/h3>\n

Good UX is a conversation. When a user does something, the site should acknowledge it. Click a button? It should change colour or show a loading spinner. Fill out a form correctly? A green checkmark appears. An error? A clear, helpful message tells them exactly what went wrong and how to fix it. This feedback provides constant reassurance that the system is working and they\u2019re on the right track.<\/p>\n

A Dirt-Simple UX \u2018Process\u2019 for People Who Hate Processes<\/h2>\n
\"Simple<\/figure>\n

The agency world loves to mystify the UX process with fancy diagrams and expensive software. It doesn\u2019t have to be that complicated. For a small business owner, it boils down to four common-sense steps.<\/p>\n

Step 1: Stop Guessing. Start Watching. (Research)<\/h3>\n

Before you design a single pixel, figure out what your users want. Not what you\u00a0think<\/em>\u00a0they want. Talk to them. Read customer emails. Look at your competitors. What problems are people trying to solve when they come to you? What are their biggest frustrations? Write it down. This is your foundation.<\/p>\n

Step 2: Sketch It on a Napkin. Seriously. (Wireframing)<\/h3>\n

Forget\u00a0Figma or Sketch<\/a>\u00a0for a moment. Grab a pen and paper. Draw the most basic boxes and lines to represent the pages of your site. Where does the logo go? The main menu? The call to action? This isn\u2019t about design; it\u2019s about layout and hierarchy. A simple wireframe forces you to think about structure without being distracted by colours and\u00a0fonts<\/a>: it costs nothing and saves you a fortune in rework later.<\/p>\n

Step 3: Build the Cardboard Version. (Prototyping)<\/h3>\n

Once the napkin sketch makes sense, you can create a simple, clickable prototype. You can build this low-fidelity version of your site in tools like Figma. It doesn\u2019t need to be pretty. It just needs to link your wireframes together so a user can click from the \u201chomepage\u201d to a \u201cproduct page\u201d to the \u201ccheckout.\u201d This is your testable blueprint.<\/p>\n

Step 4: Ask Someone to Break It. (Testing)<\/h3>\n

Find a real human. Give them your prototype and a simple task, like \u201cTry to buy a blue widget.\u201d Then, shut up. Don\u2019t help them. Don\u2019t guide them. Just watch where they click, where they hesitate, and where they get frustrated. Their confusion is pure gold. It shows you exactly where your architectural plans are flawed, before you\u2019ve laid a single expensive brick.<\/p>\n

This simple loop\u2014observe, sketch, build, test\u2014is the engine of all good\u00a0user experience<\/a>\u00a0design.<\/p>\n

Three UX Sins That Bleed Small Businesses Dry<\/h3>\n

I see the same mistakes over and over. They\u2019re born from ego, impatience, and a fundamental misunderstanding of the user.<\/p>\n

Sin #1: Designing for Your Ego, Not Your Customer<\/h4>\n

The most dangerous person in a design meeting is the business owner who says, \u201cI don\u2019t like that button.\u201d Your personal preference is irrelevant. The only opinion that matters is that of the person trying to give you money.<\/p>\n

I once worked with a client who insisted on a dark grey font on a light grey background because it looked \u201csophisticated.\u201d His conversion rate was abysmal. We changed it to high-contrast black on white. Sales doubled. He still thinks it looks \u201cless elegant.\u201d Who cares?<\/p>\n

Sin #2: Chasing Every Shiny, Animated Trend<\/h4>\n

Your website is not an art project. It\u2019s a tool for business. That fancy \u201cparallax scrolling\u201d effect might look cool for five seconds, but it often slows down your site and can be disorienting on mobile. That video background hogs bandwidth and distracts from your core message.<\/p>\n

Don\u2019t let a web designer\u2019s desire to build their\u00a0portfolio<\/a>\u00a0piece hinder your need to make a sale. Focus on speed, clarity, and ease of use. A boring-looking site that converts at 10% is infinitely better than a beautiful one that converts at 1%.<\/p>\n

Sin #3: The Aggressive Pop-Up and Other Desperate Tactics<\/h4>\n

Nothing says \u201cwe don\u2019t respect you\u201d quite like a full-screen pop-up demanding an email address two seconds after you arrive on a site. It\u2019s the digital equivalent of a salesperson grabbing you by the collar when you walk into a shop.<\/p>\n

Yes, email lists are essential. But you must earn the right to ask for that information by providing value first. Aggressive tactics might get you a few more short-term sign-ups, but they erode trust and damage your brand in the long run.<\/p>\n

How to Know If It\u2019s Working: Metrics That Don\u2019t Lie<\/h2>\n

You can\u2019t improve what you don\u2019t measure. But most people measure the wrong things.<\/p>\n

\"What<\/figure>\n

Forget \u2018Bounce Rate\u2019. Ask These Questions Instead.<\/h3>\n

Everyone obsesses over Google Analytics\u2019 \u201cbounce rate.\u201d It\u2019s an essentially meaningless metric in isolation. A high bounce rate could mean your site is confusing, or the user found exactly what they wanted (like your phone number) and left. It lacks context.<\/p>\n

Instead, measure success based on tasks.<\/p>\n