HTML DOM – UI versus UX

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

Code

Exploring the Broadcast Channel API: Inter-Tab Communication

Intercommunication between different contexts (like tabs, iframes or workers) of the same origin has often been a challenge. With the Broadcast Channel API, developers now have a powerful tool to easily communicate between browsing contexts. In this blog post, we’ll dive deep into the capabilities of the Broadcast Channel API, exploring its features, use cases, and how it can be effectively implemented in your projects.

computer, laptop, work place-2982270.jpg
Code

Unlocking Wireless Communication: A Dive into the Bluetooth API

Wireless communication has become an integral part of our daily lives, and Bluetooth technology is at the forefront of this revolution, enabling devices to exchange data over short distances and creating a world more interconnected than ever before. At the heart of this technology lies the Bluetooth Application Programming Interface (API), a powerful tool for developers looking to harness the capabilities of Bluetooth in their applications. In this blog post, we’ll explore what the Bluetooth API is, how it works, and the possibilities it opens up for innovation in wireless communication.

Share This Post

small_c_popup.png

Need help?

Let's have a chat...


Login

Jump Back In!

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

Register

Begin Your Learning Journey Today!

Come back inside to continue your learning journey.