UI/UX

UI (User Interface) and UX (User Experience) are two related terms, which can help us understand how visitors interact with or experience your business online. This experience has a major influence on how users feel when they’re on your website, and naturally affects your conversion rate. After doing the hard yards to get people to your site, focusing on UI/UX is an important step to turn their interest in transactions, and maybe even generate some loyal fans.
 
Here, you’ll find all of our insights on UI/UX to help generate a seamless and engaging experience. Familiarise yourself with the basics, or browse our glossary of most-used terms on this subject.

Take Me Straight To The Blog
Background

Our Latest Posts On UI/UX

3 min read

Why did we choose to rebrand

Re-Emphasis on Vine Values When we decided to rebrand Vine Digital, it was with our core values in mind. Our values define us as a…

Read More
10 min read

Web Accessibility: What Is It and What Does…

Your website’s design is a crucial element in converting visitors into leads and customers. Even high-quality page content, if displayed poorly, will fail to connect…

Read More
12 min read

Why You Need a Website; Even if You…

In our modern digital world, having a website for your brand is an absolute must. It acts as a hub where prospective customers can learn…

Read More
3 min read

Building Your Website Toolbox

  People expect imagery and text on a website: that’s simple. But how do you push beyond that simplicity, getting the user to engage? Well,…

Read More
6 min read

How to Create a CTA Button that Users…

While a call to action (CTA) may seem like the simplest element on the page, in actual fact, there is planning, testing and thought behind…

Read More
4 min read

How to Use Bullet Points for Web Design…

To write strong, user-orientated copy, it’s important that you first understand the user. While you may think the user will want to read every word…

Read More
6 min read

3 Things Google Wants You To Do On…

So you’ve drawn the user in with carefully matched keywords, expertly crafted ad copy, and they’ve clicked on your PPC ad. Well done you have…

Read More
5 min read

Choosing The Right Google Font For Your Business

In the age of print, Times New Roman was the font that reigned supreme. But as business owners gained access to a library of fonts…

Read More
5 min read

Which Development Platform Is For You?

Whether you are a young professional, a busy mum or an entrepreneur trying to take your business to the next level, a website is a…

Read More
5 min read

A Step-by-Step Guide to eCommerce

In the current climate, making the move to eCommerce makes sense. According to 2020 statistics from AusPost, Australian eCommerce is growing by 17.2% YOY. Doing…

Read More

A Breakdown Of UI/UX Jargon

UI

UI

User Interface refers to the visual layout of a website and how users interact with the graphics, text, buttons and other features on a page.

UX

UX

User Experience describes the experience users have on a website: measuring the ease with which they move the stages of a transaction.

Customer experience

Customer experience

A broad term that encapsulates how customers feel after working with or buying from your business.

Conversion rate

Conversion rate

The proportion of visitors that complete the action you want them to take after viewing a particular section on your website.

F-shape or Z-shape pattern

F-shape or Z-shape pattern

A theory that believes users rapidly scan the page in either the shape of an F or a Z to decide if they will stay or leave.

Wireframe

Wireframe

A simplified outline of a web page’s architecture and its sequence of information.

A/B testing

A/B testing

A method of testing two different elements on a web page and determining which is more effective for UI/UX or conversion rate.

Golden ratio

Golden ratio

A geometric ratio used in design as a visually appealing layout to enhance UI/UX.

Information hierarchy

Information hierarchy

The sequence and arrangement of elements on a web page that emphasises order of importance.

Heat maps

Heat maps

Models and representations of users’ focus points on a web page to identify what captures their attention the most.

Breadcrumbs

Breadcrumbs

A navigation element that helps users understand the page they’re viewing and trace the page back to its parent pages.

CTA

CTA

Call to Actions are the words inside buttons or links that prompt users to perform the outcome you want. For example: the CTA ‘Buy Now’ takes the user to the checkout.

Negative space or white space

Negative space or white space

The use of space around elements on a web page to promote importance and direct navigation.

End-user

End-user

The person for whom the designer or developer is creating the interface and experience.

Pain points

Pain points

The sections and points that create friction in the experience of visiting and interacting with a web page.

Background

Join the Newsletter

Want quick and digestible insights, delivered fortnightly to your inbox?

Our newsletter will keep you up to speed with the latest updates and opportunities in your industry.