HTML DOM – UI versus UX

Share This Post

Over the next several posts, I am planning on diving into the Document Object Model (DOM). Before we do that, however, I wanted to spend a post discussing why it is important to understand and utilize the DOM. First…what is the DOM? A quick, thirty-thousand foot fly by definition is basically the structure of an HTML document. Think of it like a tree. each element is a node on that tree. For example, the body tag…that is a node. Imagine you have a wrapper div inside of that. That wrapper div is also a node. In fact, it is a child node of the body tag, which is its parent node.

We can tap into the DOM with our JavaScript code, which allows us to manipulate the DOM to suit the needs of our program. Why would we want to do that. Besides the coolness factor, it is to provide a better experience for our end user.

The term user interface (UI) has been around a while and speaks to the way a program is laid out and works from the end user perspective. Some time ago, the term user experience (UX) came into vogue. While the term UI is still utilized, the term UX speaks to a deeper level of user interactivity. As developers we want to have our end user have more than a nice time utilizing our program. We would like them to have an experience. Dare I say, a ‘movie-like’ experience? 

Now I say that we would like them to have a nice experience, but I would go so far as to say that it is a need. Why? It will directly affect the bottom-line. Allow me to share some statistics I gleaned from a white paper I read through recently. I will not bore you with the entire nitty gritty details of the white paper, but simple share some highlights I thought were interesting…

  • More customers will be willing to purchase. On average, companies that provide a superior experience have 14.4% more customers who are willing to consider them for another purchase than companies in the same industry that offer a poor customer experience.
  • More customers will resist doing business with competitors. Compared with companies that offer a poor experience, companies that offer the best experience in their industries have 15.8% fewer customers who are likely to consider doing business with a competitor.
  • More customers will recommend you. Companies with the highest experience scores have 16.6% more customers who are likely to recommend their products or services compared with their lowest-scoring competitors.


So, keep these things in mind as you work through building your program. Developers tend to get lost in the weeds and do things in programs that perplex end users. Keeping the end user in mind helps prevent that.


Happy Coding!

Clay Hess

More To Explore


Demystifying Scrum User Stories Confirmation: Ensuring Quality and Collaboration

One of the key elements of Scrum is the use of user stories to define the requirements of a system or feature from the perspective of the end user. As teams work through the product backlog, it becomes crucial to confirm the user stories to ensure they meet the desired criteria and are ready for development. In this blog post, we’ll explore the concept of Scrum user stories confirmation and its significance in delivering high-quality products.


The Power of Conversations in Scrum User Stories

At the heart of Scrum lies the concept of user stories, which serve as a means of capturing requirements from the perspective of end-users. However, the true power of user stories lies not just in their written form but also in the conversations that take place around them. In this blog post, we will explore the significance of conversations in Scrum user stories and how they contribute to the success of Agile projects.

Do You Want To Boost Your Business?

drop us a line and keep in touch

Scroll to Top

Need help?

Let's have a chat...


Jump Back In!

Here at Webolution Designs, we love to learn. This includes sharing things we have learned with you. 


Begin Your Learning Journey Today!

Come back inside to continue your learning journey.