How UX and UI combines functionality with design for a website or mobile app

UX Mar 8, 2020

Interview with Tetiana Ponomarenko
Hubbe.rs UI & UI Visual Designer

In the past ten years, many things have changed in the way websites are created. Back then it was just a package that customers ordered from an I.T. professional, and all felt overly complicated. There was nothing we understood unless working in the I.T. business.

Iv4Y0xBkoF8

Most of the clients had requirements about the functions and some ideas of the design, but more often than not people readily accepted what the professionals created for them. Today, with the modern technology we can make millions of decisions about the functionality and design of a website or mobile application.

UX-UI_Tetiana

Tetiana studied at the Academy of Design and Arts in Kharkiv and had over ten years of experience as a graphic designer. With the development of the design technology, she continuously, and passionately learned and improved her skills. She became a visual designer creating UX and UI. Our first question is to clear up all these abbreviations:

1. What is the difference between UX and UI? Can I replace one with the other?

UX (User Experience) is a combination of tasks focused on optimization of a product for efficient use. UI (User Interface) design compliments functionality with the look and feel, the presentation and interactivity of a product. These two are not replaceable, however, often combined, and done by the same person.

2. What is the process of visual design?

To create a successful project, communication and information sharing is crucial. There is a process that I always go through, and I try to collect as many details as possible.

  1. Establish what the client's target and goal for the website or mobile app is.
  2. Ask for the content that they want to use on the platform.
  3. Get a list of competitors, that way I can check what was done already, how those pages look. We can also understand what is the difference between the brands already on the market how I can make the design better than theirs.
  4. Agree on general style, design, colors, buttons, and fonts with the client.
  5. Build the wireframes, the first draft of the website or application.
  6. Fill in the frame upon confirmation of the details.

3. How does an excellent mobile app look like?

Mobile apps are all about User Experience. It is essential to create a balance where design and functionality work in harmony. The reason why this is important because any beautiful design with lousy functionality is deleted from a user's phone at the first opportunity. People don't have the patience or high amounts of tolerance towards faulty apps. If an app functions well but the design isn't fantastic, depending on the purpose, the users will probably still use it. However, if the functionality is right, why to waste it with bad design?

presentation

4. What is your aim when working with your clients?

I always try to help them with the best solution. I offer lots of options and possibilities until we agree on the one that ticks all functional boxes while the customers are also happy with the overall look.

5. How long does it take to create UX and UI for a new website or mobile application and how much budget should creators have?

Depending on the requirements, functions, and details but generally, a rather simple website takes about 2-3 days and cost around 300USD.
A more complicated website such as an online shop takes around one week and costs 5000USD. A mobile application is the most complicated to create because there are various, small elements, extra pages, and buttons. It can take anywhere up to a few weeks or even a month to finalize all details, and the average price is around 500-800USD.

6. What are the challenges you face with new projects?

Engaging with the product is critical. It is easy to say, but not always that easy to do so. Upon accepting a project, I need to live and breath the approach behind the reason why that app or website is made. I need to become a customer and a brand owner in one, to understand both sides and how they communicate with each other.

Secondly, clients often have an idea about what they want. How the product should look like, what functions they want, but they don't think about usability or functionality. There are cases when I have to guide the client to the solution that will bring him or her the outcome they want.

7. What do you suggest to Hubbe.rs creators?

I suggest preparing well for content, design requirements, competitor analysis while also keep an open mind about functionality and design. UX and UI designers are there to bring out the best from both sides.

Tetiana is our Hubbe.rs expert in graphic design, UX and UI.

Tags

Hubbers Team

co-writing stories about Hubbers creators, experts and investors co-building a better tomorrow.

Great! You've successfully subscribed.
Great! Next, complete checkout for full access.
Welcome back! You've successfully signed in.
Success! Your account is fully activated, you now have access to all content.