UX Design

Are you a developer, designer or student? Looking for references about UX Design? Whoever you are, if you are curious about the term, this is where you will find the info.

The world of the internet is not a new thing for us, right? However, do you know there are still many mysteries in it.

One of them is about UX and UI Designer. Yes, the UI/UX Designer profession is arguably still very rare in Indonesia.

You may not be familiar and curious about what UX looks like, what it does and how UX works. Here’s a full review of UX.

What is UI / UX Design?

UX comes from the word User Experience Design. While UI stands for User Interface.

The two terms are related to each other, although they are actually very different. So that quite a lot of people think it’s the same.

Both UI and UX have something in common which is under the concept of HCI or Human Computer Interaction . Through this concept, knowledge of UI and UX includes 2 important things, namely user & device.

What UI and UX designers must master is being able to design products in the form of apps, platforms, web, etc. that is easy for humans/ users to use through the given interface.

So, what’s the difference between the two? Simply put, the UI is more focused on the process of how the layout is presented. While UX is more about how the product is perceived for users.

Next, what is the task of UI UX? What do each of these terms mean? To make it clearer, let’s get to know one by one first!

User Interface (UI)

UI Design is the science of creating visuals for a product whose results can be seen by the eye or visible.

User Interface includes 4 main domains, namely:

  • Interface Design
  • Graphic
  • Icon
  • Visual Design

The purpose of UI Design is to provide a harmonious interface, both in terms of image arrangement, coloring, fonts, etc.

So, a UI Designer must be able to master the science of presenting good visualization.

You can also create an attractive interface by combining the four points above.

User Experience Design (UX)

Many people think that UX Designers are designers who can program, or programmers who are good at designing.

Actually this assumption is not wrong. It’s just that, User Experience Design covers things that are broader and complex than design and programming as well as UI.

So, what is UX design? It is the science or process of creating a product that can be used easily by the user.

The process includes market research to the implementation of the interface that was created during processing at the UI stage.

The term User Experience Design can also be interpreted as a collaboration between design expertise with other cross-functional ones to fulfill 3 main things ( sweet spots) , namely:

  • User needs, namely as much as possible a product that is made easy to use by users.
  • The business goal, which is to have a good impact on the business.
  • Technological advances, namely designs that can be developed by the development team.

There are many things that must be considered in the User Experience design process, not just about visual or interface design like in UI.

UX mencakup research, planning, data gathering, concept design, prototyping, present, user evaluation hingga reviews, brainstorming, dll.

The purpose of User Experience Design itself is to create product designs that are useful/ useful , meaningful/ meaningful and fun/ enjoyable for users.

Therefore, a designer must be able to design products that have harmony between the display and the system. Not only that, UX Designers are also required to be able to solve user-specific problems.

So it takes skills to analyze and understand the habits, desires and needs of users.

For measuring UX success, it can be seen through a checklist that includes points. There are many tools that provide checklist points that can help you design a product.

What are the Duties of a UX Designer?

How about sob? Has the idea of ​​UX crossed your mind?

Well, to further clarify, it’s good for you to know the duties of UX Designers. What do they do and what are their responsibilities? Let’s see what happens next.

Actually, the UX Designer’s job is very diverse, depending on the project, company and product being worked on. However, in general, here are some things that a UI/UX designer should master.

Doing Product Research

The starting point of a UX Designer starts from this stage, which includes market and user research as the basis for designing a product.

What is usually done at the research stage is online surveys, focus groups, interviews, or competitive analysis. The results of data collection, then analyzed to make decisions.

Designing Personas & Scenarios

The next task is to identify the user segmentation and create a representative of the group or persona.

After that, a scenario is made in the form of a narrative that represents one of the user’s behavior towards a product.

Defining IA (Information Architecture)

A UX Designer must define the information architecture contained in a product after knowing the persona.

The result of the IA process is in the form of navigation, hierarchy as well as product categorization.

Designing Wireframes

What are Wireframes? Wireframe is an initial representation of the design that represents user behavior when interacting with the product.

You could say a wireframe is like a blueprint of a building. Which will then be developed into a complete complete product.


Unlike wireframes, prototypes are more complex representations of a product. Or you could say the final product representation.

A UX Designer can take advantage of existing tools to design prototypes. For example Sketch and Adobe XD .

Product Testing

The next task of a UX Designer is to ensure that the product created is appropriate and useful.

So it is necessary to do product testing in order to know how the user experience when using the product.

What Elements Affect UX Design?

Of course it takes special elements to make a product with good quality. In making UX, there are at least 5 main elements that must be considered, namely:

1. Strategy

This element includes Product Objectives & User Needs. Namely product goals and user needs.

You must understand the purpose of making the product and how the product can meet the needs of the user.

You need to build a Brand Identity in order to create a positive image of the product. There needs to be segmentation to find out user needs, for example age, education, income, etc.

Doing research on this element is also very important, for what? Of course to collect as much information as possible in order to have an impact on the product to be developed.

Finally, the existence of a persona is also very important in this element. What are User Personas in UX? Persona is a fictional character shown from user segmentation.

What is it used for? Personas can help you define your target users more specifically. This character also helps you remember the target user at the product design stage.

2. Scope

This element helps you know the scope of the product to be made. So that you know what products to make and what not to make.

Products have 2 general characteristics, namely product as functionality and product as information.

By knowing the nature of the product’s functionality, you can consider what kind of features are suitable for making.

Understanding the product as information will help you determine what content to display.

You also need to adjust the display content with the product you are going to create to achieve a good user interface.

3. Structure

At this stage, you are required to understand the behavior and thinking of users so that it can be a benchmark to determine the structure of the product.

That way, you can create a user experience that fits and matches the product that is made. There are 2 things that must be emphasized, namely Interaction Design and Information Architecture.

Interaction Design to find out how the product responds when the user takes certain actions.

Information Architecture relates to the way users process the information visualized in the product. So it takes a good grouping of information in this element.

4. Skeleton

In this element you need to know the concept of interface design, navigation design and Information Design.

Interface Design includes interface components such as lists, toggles, buttons, etc. Here you need to adapt the components to the target and user habits.

Try to make Interface Design as intuitive as possible for users.

Navigation design is the level of user convenience when using the product in order to fulfill its purpose. For example, creating a method to easily move from one page to another.

Information Design requires you to manage information well with a display that can be easily understood by the user. For example by using visual forms such as graphs, pie charts, etc.

5. Surface

In this element you will work more with the Sensory Design design system What is Sensory Design?

As the name suggests, this term refers to a design that takes into account the five senses, namely eyes, ears, skin, etc.

Or about how users use their senses to see, touch, hear, taste or smell.

Some things worth noting in this element are:

  • Follow the eye is to find out how the user reads a page (Z pattern or F pattern).
  • Grid to create a layout that is neat and easy to see.
  • Contrast to help users know which piece of information is more important.
  • Color Palletes, Consistency, Style Guide, Typography, dll.

In addition to the five main elements above, there are several important factors that can affect a successful UX. Here are the 7 main keys to UX creation.

  • Useful , the product made must be useful and provide a purpose for the target cutomer.
  • Usable, the product can effectively and efficiently help users to achieve their goals.
  • Accessible, UX products can be accessed by users on a large and wide scale.
  • Valuable, UX products can provide value and benefits to both the business and the cutsomer as a whole.
  • Findable, the product and its content should be easy to find.
  • Desireable, the product must be attractive and desired by the customer. So it needs to be displayed with aesthetic design considerations.
  • Credible, the product must be credible and trustworthy.

After knowing the elements of UX design and the main key in making the right UX product, let’s move on to the next step.

“Bang Oh Sehun is getting more handsome. Come on, don’t worry! HA HA HA”

It’s also nice to learn UX while watching something fresh like OhSehun, isn’t it, friend?

Steps To Get Started UX, How?

Maybe you have already imagined, how come it seems difficult UX design.

What are the most important steps to take? How do you start? Do you need to learn UX Design from scratch?

Eits, don’t be so overthinking, friend. All these things will be easy if there is an intention. The key is not to be afraid to start, not to be afraid to execute.

If the proverb says, “ALLAH CAN BECAUSE OF USUAL”. That’s it, bro.

To start UX design, you can start with the steps outlined in the UX assignment chapter above. Or in detail, the cuestiona team has made the plot.

  • Understand User

Before starting anything, you must know the key that UX requires you to understand the user.

Who are the users? Users are users who are your target market later. To understand the user, there are many ways.

You can position yourself as them or find out through research.

  • Research

Yes, do research or research to develop your product.

You can start research to find out what users need and what products can make users satisfied.

You also do research on competitors. A little bit of cheating is also okay, you can take it into consideration or UX case studies.

  • Analyzing Research Results

Has the data been collected? Next do the data analysis. Explore how users behave by designing the user persona that I explained earlier.

  • Creating UX

To build UX, you can do the process of wireframing and prototyping .

Wireframe is a framework of elements in a product, it can be a website page or application.

Prototype is a simple model of a product before the finalization level.

For more details, you can look for sources of inspiration to try out the ui/ux design tutorial. It can be from Youtube or other reliable sources.

  • Doing User Interface Design

At this stage, you will focus on managing the product in terms of visualization or appearance. Make sure your product has aesthetic value and is easy for users to use.

  • Product Development

At this stage you must have started developing products that can be used and effective. After the UI and UX process is complete, your job is to provide the results or information to the development team.

  • Evaluation / Product Testing

It’s not enough to stop there, you need to do usability testing or product testing. This is done to find out if the product you create can provide a solution for users or not.

Try to get feedback from users to improve product quality.

Platform Inspirasi User Experience

If you are still confused about starting to design a user experience, you can take a survey and see various ux design examples.

No need to bother looking at the Play Store or App Store or clicking on all the websites on Google.

Just visit the following site, you can get complete inspiration about UI and UX.

What Is A Good UX Example Like?

This time we will provide an overview of what a good User Experience design looks like, especially for applications. What is the UX of an application on a smartphone that many users like?

  • Simple & consistent

Simple means that the features contained in the application are not too many, complicated and confusing. Consistent means that you should maintain good features that are familiar to users.

  • Adapting to User Needs

This can be obtained from the process you do research for the product to be made.

Data from research can be used as the basis for finding what users need for your product.

  • Have a balanced visual element

Try not to include an exaggerated visual appearance or vice versa. Make a proportional design by considering the product you make.

Learn many things about the composition of letters, colors, words, typography to animated elements.

  • Have Effective Interaction

Try to strike a balance between attractive visual design and product interaction. An effective product interaction is a harmonious combination of two elements.

  • Unique and Character

You should create a product that is different from the existing one. So make sure the elements in the product are unique and have character.


Learning UX is very important to do, especially if you want to wrestle in the world of E-Commerce.

Even so, a day or two is not enough for you to fully understand UX.

The main key to UX is that you put the user first because this is the investment for your business.