Article 12

Build your website

UI design and UX design are two of the most often confused and conflated terms in web and app design. And understandably so. They’re usually placed together in a single term, UI/UX design, and viewed from the surface they seem to be describing the same thing. It’s often hard to find solid descriptions of the two that don’t descend too far into jargon. But fear not!

What follows is an easy-to-digest primer on these terms.

By the end of this article, you’ll have a good understanding of what differentiates them and how they relate to each other. So let’s dive in!


What is UI Design?

The “UI” in UI design stands for “user interface.” The user interface is the graphical layout of an application. It consists of the buttons users click on, the text they read, the images, sliders, text entry fields, and all the rest of the items the user interacts with. This includes screen layout, transitions, interface animations and every single micro-interaction. Any sort of visual element, interaction, or animation must all be designed.


This job falls to UI designers. They decide what the application is going to look like. They have to choose color schemes and button shapes — the width of lines and the fonts used for text. UI designers create the look and feel of an application’s user interface.

pastedGraphic.png


UI designers are graphic designers. They’re concerned with aesthetics. It’s up to them to make sure the application’s interface is attractive, visually-stimulating and themed appropriately to match the purpose and/or personality of the app. And they need to make sure every single visual element feels united, both aesthetically, and in purpose.

What is UX Design?

“UX” stands for “user experience.” A user’s experience of the app is determined by how they interact with it. Is the experience smooth and intuitive or clunky and confusing? Does navigating the app feel logical or does it feel arbitrary? Does interacting with the app give people the sense that they’re efficiently accomplishing the tasks they set out to achieve or does it feel like a struggle? User experience is determined by how easy or difficult it is to interact with the user interface elements that the UI designers have created.


pastedGraphic_1.png


So UX designers are also concerned with an application’s user interface, and this is why people get confused about the difference between the two. But whereas UI designers are tasked with deciding how the user interface will look, UX designers are in charge of determining how the user interface operates.

They determine the structure of the interface and the functionality. How it’s organized and how all the parts relate to one another. In short, they design how the interface works. If it works well and feels seamless, the user will have a good experience. But if navigation is complicated or unintuitive, then a lousy user experience is likely. UX designers work to avoid the second scenario.

Designing in a vacuum leads to less than ideal results.

There’s also a certain amount of iterative analysis involved in UX design. UX designers will create wireframe rendering of their interface interactions and get user feedback. They’ll integrate this into their designs. It’s important for UX designers to have a holistic understanding of how users prefer to interact with their applications.



Publisehed in: All-Hosting-Guides 11-2018

Similar in All-Hosting-Guides

How to make a dream online shop
Where to create a website?
How to build my own website for business?
Top online stores in germany
Design own website
Professional hosting reviews
How to build my website?
business website
Create site
host own website
get your own website
Where can i build a website?
Free business website
starting your own web page
help creating a website
Starting a website
How do I set up a website for my business?
what is the best way to set up a website
Create site
How do I create a website for free?
how to develop a website
how to start building a website
making a website uk
how to build a website for free
How to make a dream online shop
i need to create a website
Create your own website easy
building a website where to start
how to create a wordpress website
what you need to start a website
who can make a website
Creating a website?
Create my website for free
steps to create a website
help me create a website
build your own webpage
how do i make a website
How to build a website?
create site
Create a website for my company
How to build my website?
how do i build a website
build your own website free
How to build my own website for business?
how to make online website
create your website
how much to set up a website
How to set up own web page?
how can i make my website
building a website where to start
make a website step by step
how to start wordpress
Set up own website
Design own website
Starting up a web page
how to create own website free
How to build my own website for business?
Build my site
Start building a website
free easy to set up websites
Create own site
can i create my own website
create my web page
Want to create a website where do I start
Where to create a website?
Best online shops in germany
how to create your own web page
i need to make a website
Top e-commerce shops
design your own website
How to setup a free website for your business?
Build my website
How to create a free website for business?
How to build my website?
How do I make a website for my business?
what is required to set up a website
quick website setup
create your own website
Quick website setup
how to get my own website
Building ecommerce shops
Build your website
How to build my own website for business?
setting up a free website for business
Build own website
i want to build a website
how to put up a website for free
Setting up a free website for business
website maker
How to build your own website for free?
Setting up a website
How to build my own website for business?
how can i create my own site
How can i make a website for my business?
How do I start a website for my business?
business website builder
Where can i build a website?
Top website builders in 2020
Setting up a free website for business
How can I build a website
Build my website
Best online stores in UK
web page maker online
build your website online
how hard is it to set up a website
how do you make a website
Create a simple website
How do I create a website for free?
how to create your own website
How to build your own website for free?
Set up a website for my business
Build my website
Setting up a simple website
make my own website for free
Setting up a website
Build me a website
develop my own website
create my own web page
how to set up a www website
i want to make my own website
configuration website
set up my own website
Best website builders for online
setting up a web address
best way to make a website
how do i set up a web page
what are the steps to make a website
Quick website setup
Starting a website
how to create a website of our own
how to design a website
Top ecommerce shops
Creating a website?
Website maker
create own webpage
Instructions on how to create a website
Set up own website
Professional ecommerce sites
Top online stores in UK
Set up own website
how can i create my own website
Top ecommerce sites
website creating sites
http websites
Make a business website
creating and designing a website
Make your own website
Build your own webpage
easy website builder
Create site
Set up your own website for free
setting up a personal website
Top online stores in canada
how to build your own website for free
how to make your own site
steps to building your own website
how to setup a free website for your business
how to create own website free
how to design and build a website
How do you set up a website for free?
Set up a website for my business
i make websites
How to make own web page?
I want to create a website?
create your website
how to make a web sight
Create own website free
Beginners online platforms
setting up your website
online website maker
Create my own website for free
develop own website
Website for making websites?
Free business website
business website
Easiest way to set up a website
Starting a website
Where to create a website?
create new website
Best way's to setup your own website
Build your website
how much to set up a website
Create my own web page
websites to create websites
Creating a personal website
Modern website builders
make my own site
build your own website free
Help with setting up a website
Build your website
Build my site
Create web page beginners guide
How to create www website?
Free website maker
Create a website for free
How to build an easy website?
i need to make a website
Set up a website for my business
i make websites
Easy website builder
how to set up my own website
step by step website building
I want to create a website?
creating a website for dummies
i need help building a website
create your own website easy
how to create a new website
setting up a web page for business
Setting up a website in uk
setting up a free website for business
Start building a website
how to create your own site
How to build my own website for business?
how to make my own site
Free business website
Professional website builder
Make my own website
how to create a site
Set up my own website free
Modern website builders
set up web
where to create a website
Best online shops in US
i want to set up a website for my business
how do i set up a website for free
Hosting reviews from professionals
how hard is it to set up a website
create internet site
How to set up own web page?
who can make a website
Best website builders in 2020
how to develop a web page
free website for small business
create website uk
create your web
create my own site
create my web page
basic steps to create a website
Creating a personal website
how do you create a web page
Create site for free
how to set up own web page
Design own website
create your website
create your own website free
How do I make a website for my business?
create your website
free web page setup
Set up own website
Build own website
what do you need to make a website
Top online stores in canada
How to build your own website?
Create web page beginners guide
Free business website
create my own web page
Setting up a website in uk
how to create a website page
can you set up a website for free
Free business website
where can i make a website
Create new website free
Free business website
Best online stores in UK
Create my own web page
How to build my own website for business?
Easiest way to set up a website
how to start your own website
Build my website
what is needed to set up a website
how to make own website free
how to create a website for free
how to set up online website
Building a website where to start
Make my own website
how do i setup a web page for my business
Top online stores from the future
website maker
Setting up a website uk
free website builder
Build my own website free
step by step guide to setting up a website
Get your own website
Build my site
how to set up a simple website for free
how to create a website step by step
Set up your own website for free
Develop my website
what is needed to create a website
How to setup a free website for your business?
how do i make a website
How do I start a website for my business?
Build own website
make a website from scratch
How to build a website for free?
how to go about creating a website
how to build my own website for business
create your web
how to set up a web page for business
how do i set up my own website
Create my own website for free
Free business website
best way to make a website
help me build a website
building a web site for dummies
Free website maker
Best ecommerce shops
Create a new website for free
Help with setting up a website
Set up a website for my business
Best online hosting providers
Where can i build a website?
how to build my own website for business
build my website
Set up my own website free
what does it take to set up a website
can i build my own website
How to make a dream youtube channel
website creation guide
Build my own website free
Where to make a website?
i want to create my own website
make a database website
i want to set up a website
Create site
easy website creator
setting up a simple website
setting up a free website for business
create new web page
Free website maker
how to create www website
Set up your own website for free
step by step website building
how to set up own web page
where to build a website
set up my own website free
create my own website for free
what does it take to set up a website
how to develop a website
create your website
how to set up my own website
a web
how do you set up a web page for free
Setting up a simple website
make your own website online
How do I setup a web page for free?
how to create a website for free
How do I make a website for my business?
How do I make a website for my business?
Set up a website for my business
create new website free
making a website uk
How to create your own website for free?
how to make own web page
How to make own web page?
website for dummies
Make your own website online
Step by step guide to building a website
design your website
build your own webpage
how do i build a website
Make your own website online
setting up a website
how to build your own website for free
how can i set up a website
how to create a wordpress website
how can i create my website
Where to create a website?
who to create a website
Build my site
easy website design
how to set up my own website
How can I create my website?
How to build a web site?
how to create my own web page
how to make new website
web page maker online
basics of setting up a website
design your website
How to build my own website for business?
Build your own webpage
Build own website
websites
design own website
starting your own web page
how to set up a business web page
Modern website builders
Make a business website
create my web page
Where to create a website?
How do I create a web page?
Develop my website
Free business website
create your website
design your own website free
create website step by step
Website for making websites?
how to set up a website for your business
start my own website
How to set up my own web page?
design a website
create website domain
make own website
how to build my own website for business
create new website free
how to create a web page
Best hosting gurus in 2020
how can we make website
to set up a website
create your web
Best website builders for online marketing
how to build your own web page
my own website
how to build a web site
how to design your own website
build up website
Dream website builders
Where to make a website?
build your own webpage
Top website builders for online marketing
free web page setup
i need help setting up a website
where to build a website
how to make your own website for free
Create website domain
How do I create a website for free?
How to build a website for free?
set up website domain
Top ecommerce sites
What do I need to do to create a website?
i need to make a website for my business
Make your own website online
What do I need to do to create a website?
How to build my website?
how to build a website for free
i want to build a website where do i start
how can you make a website
How to create www website?
Hosting reviews from professionals
website builder uk
where to create a website
i want to make a website
How to build your own website for free?
Build me a website
create business website free
make my own website for free
Create web page beginners guide
i need help building a website
set up a new website for free
How to build your website step by step?
build your own website
How to set up a simple website for free?
free web page setup
easy website setup
How to set up the website?
create your own website uk
design own website
Create internet site
How to build my website?
Create your own site
Create website step by step
how to set up a www website
Create site for free
Website for making websites?
how to make a web page
can i make my own website
build your own website uk
Create business website free
Free business website
best way to setup your own website
Create website domain
Create site
how to set up a website for dummies
can i build my own website
Make a business website
Start building a website
make my web
Building a website where to start
Set up a website for my business
Step by step guide to building a website
step by step procedure to create a website
Build my own website
Hosting gurus in 2020
How to set up a simple website for free?
how to setup web hosting
online webpage creator
how to make a web page for my business
how to set up a simple website for free
design my website
Website building sites
Top ecommerce shops
easiest way to make a website
Build my own website
How do I set up a website for my business?
How do I setup a web page for free?
How do i set up a website for my business?
Setting up a website uk
how to build a website from scratch
How to set up my own web page?
steps to start a website
Where to create a website?
create a website for my company
How do i set up a website for my business?
Create web page beginners guide
Website maker
Best online shops in germany
Create site for free
how to get a website
what do i need to do to create a website
can i build my own website
what are the steps to make a website
build up website
web page maker online
How to set up a simple website for free?
How do I make a website for my business?
Setting up a simple website
make your own website online
how to set up a business web page
can you set up a free website
start your own website
websites to make websites
Build my site
How can we make a website?
help me build a website
Best online stores in UK
create new website free
Make a business website
how to set up a new website
Create web page beginners guide
Develop my website
How to build your own website for free?
Where to make a website?
Starting a website
Create site
how to start to build a website
Build your website
want to create a website
Help with setting up a website
How to setup a free website for your business?
best way to set up a website
How do I create a web page?
how to set up wordpress site
Create your own site
website for
set up a website for my business
Creating a personal website
help with setting up a website
Create website step by step
how to build a wordpress site
Website maker
create a business website
Create new website free
build it website
How to create a business website?
build my own website
how to create own website free
want to create a website where do i start
Top ecommerce sites
how to develop a web page
steps to make a website
how to start to build a website
online website maker
how can i build my own website
How do I create a website for free?
how to develop your own website
build a website from scratch
Best website builders in 2020
wordpress website builder
How to make own web page?
how hard is it to create your own website
help with setting up a website
Set up a website for my business
Setting up a free website for business
how do i setup a web page for my business
website builder
How to build a website for free?
build my website
Website building sites
how to build a simple website
Help setting up a website?
Top ecommerce shops
Build my own website
create my website for free
Where can i build a website?
Build my website
Setting up a website
How do I setup a web page for free?
Online website maker
design your website
Setting up a simple website
Best website builders for online marketing
Set up a website for my business
How can i make a website for my business?
how to create a free website for business
Best online hosting providers
starting your own web page
i need to make a website for my business
how to set up own web page
Best way's to setup your own website
Best website builders for online
Create my own website beautiful website
How to make a dream website
Create website step by step
How to create my website?
can i make my own website
Dream online stores
build a website from scratch
step by step guide to setting up a website
build your own company website
create page
website for dummies
Create business website free
how do i set up a business website
Starting your own web page
create site
Make your own website
creating a website from scratch
How to setup a free website for your business?
free website for small business
how to develop my own website
Best website builders for online
Set up own website
website creating sites
Free business website
Website building sites
Top website builders for online shops
How to build your own website for free?
how can i make my website
create your own website uk
Top website builders for online shops
Set up own website
how to set up a website for dummies
Create a simple website
what do you need to create a website
How to build a website for free?
How to create a free website for business?
Create site
best place to set up a website
Dream website builders
Top website builders in 2020
can i create my own website
Design own website
How to setup a free website for your business?
setting up a free website for business
How do I create a website for free?
how to create a website of our own
how to build a website
where can i make a website
Quick website setup
How do I setup a web page for free?
Setting up a new website
how to start building websites
create own site
create site free
create your website
i need help setting up a website
create your own website
Steps to building your own website
Create my own website beautiful website
Free business website
how to set up a website for your business
Design own website
Get your own website
How to make a dream website
how to create my own web page
Easy website builder
start my own website
Set up own website
Make my own website
How can we make a website?
how to build a wordpress website
set web
Best online stores
Best website builders for online
Build own website
create my website for free
Starting a website
Build me a website
starting up a web page
Create my website for free
web page maker free
Set up own website
how do you set up your own website
Setting up a website
setting up your own web page
build your own website uk
Best online stores around the world
Top website builders in 2020
website development steps
I want to build a website?
create website domain
design a website
Website building sites
how to build your website
How do you set up a website for free?
create your own website
Best build your own websites
make own website
Set up a website for my business
build your own website
make a business website
how to make a website for free
how to create your own web page
Best online stores in germany
i need help setting up a website
Set up a website for my business
setting your own website
how do i create my own business website
Building ecommerce sites
free website maker
Create a website for free
Develop my website
make own web page
Create own site
set up a website free
free website maker
I want to create a website?
how to set a web site
Starting a website
Professional online platforms form beginners
I want to create a website?
Dream website builders
how to get a web page
make ur own website
Develop my website
Starting a website
what is the easiest way to set up a website
want to build a website
what you need to make a website
Want to create a website where do I start
How to create my website?
best place to set up a website
how to start your own website
basic steps to create a website
How do I create a website for free?
how to do own website
Build your own webpage
how to set a web site
Website building sites
create own site
free business website
how to make new website
How to set up a simple website for free?
build your own webpage
help creating a website
how do you get a website
Help with setting up a website
Get your own website
make a simple website
startup website
online website builder
How to make a dream online store
setting up a simple website
how to create a site
How to open website in 2020
need to build a website
Want to create a website where do I start
create new website free
Instructions on how to create a website
design a website
how to create your website
create website domain
build my own website
Set up own website
Create new website free
what is needed to set up a website
Create my own web page
making a wordpress website
making a wordpress website
how hard is it to set up a website
how to make my own website
Top website builders for online marketing
Free web page setup
how can i set up my own website
create web page
help me build a website
website creating sites
How to set up my own web page?
start building a website
Best website builders for online
how do you make your own website
Setting up a simple website
how to build your own website
How to set up a web page for business?
Need to build a website?
website developer
Help with setting up a website
Top online stores in UK
Set up a website for my business
how can i set up a website
How to set up my own web page?
setting up a website uk
how can i build my own website
Build my own website
best way to start your own website
Create web page beginners guide
business website builder
Top online stores in germany
building a web site for dummies
Create my own web page
how to build a new website
How can I build a website
Create your own website easy
how do i setup a web page for free
steps to build a website
make a website from scratch
Create site
i need to make a website
Modern website builders
How to build a web site?
easiest way to build a website
create website step by step
How do I create a web page?
starting a website
How to set up a web page for business?
how to make website https
setting up a new website
Create a website for my company
making a wordpress website
How can you make a website
How to create my website?
online webpage creator
how to set up your own web page
how do i get a website
New website builders
Build me a website
how to create a new web
Website building sites
How to create www website?
build your own webpage
How to set up a simple website for free?
Want to create a website where do I start
Setting up a simple website
Website maker
wordpress website builder
Create site
Where can i build a website?
build up website
Make my own website
how to set up your own website for free
how do i create a website for free
Best online shops in UK
How to open blog in 2020
design your own website
How do i set up a website for my business?
Create my own website beautiful website
how to get own website
creating web
Create site for free
how to set your own website
how to make a domain
what is required to set up a website
create my own web page
make your site
Create a simple website
how to create a wordpress website
configuration website
web page builder
Want to create a website where do I start
creating a website from scratch
how can i make a web page
how to start a website for free
Starting a website
How to build a web site?
easy website setup
Online website maker
Best online shops in canada
how to build my website
how to create my own website for free
what to make a website about
quick website setup
i need help setting up a website
Create a simple website
your own website
make a database website
How do I create a web page?
create your own website free
Free business website
build your website- pharmacist
get website
Dream website builders
steps to building your own website
to create a web page
setting up a web address
learn how to create a website
Create website domain
Set up your own website for free
Modern website builders
website for dummies
how to setup my website for free
build your own website free
Where can i build a website?
how to set up a personal website
setting up a free website for business
Starting your own web page
Best online stores in germany
how to make a web sight
Set up a website for my business
Top hosting reviews from professionals
Quick website setup
how can i make a site
to set up a website
Need to build a website?
i need help setting up a website
How do I make a website for my business?
Create my own web page
step by step setting up a website
How do I start a website for my business?
Create my own website for free
web builder
what is required to set up a website
How to build an easy website?
how to start up my own website
How can you make a website
building a website where to start
Create my own web page
Create your own website easy
Create a website for free
how to build up a website
Creating a personal website
develop my website
Top hosting reviews from professionals
how to design your own website
create website step by step
Where to make a website?
How to make your own website?
how to get a web page
Professional online platforms form beginners
creating a website for dummies
How to build a website?
starting a website
create homepage
How to set up a simple website for free?
Best e-commerce shops in 2020
Best ecommerce shops
how to make a good website
Create your own website easy
to make your own website
build your website online
Easiest way to set up a website
web page maker free
How to create my website?
How can i make a website for my business?
create your own website
Setting up a free website for business
how to build a site
Build my own website free
Create website domain
make your own website online
want to create a website where do i start
how to setup a free website for your business
Easy website builder
Help setting up a website?
create my own web page
Create a simple website
How can we make a website?
how to create a wordpress website
business website builder
Best online shops in germany
How can I make my website?
how to build your website step by step
who can make a website
new website builder
Create my own web page
design your own webpage
Website building sites
how to set up your own website for free
create website domain
building a website where to start
can you set up a free website
Build my site
starting a website
setting up a free website for business
Create my own web page
create my own web page
Dream online marketing tools
Set up a website for my business
Where to create a website?
how to create a new website
Create my own website beautiful website
learn wordpress step by step
Web creator online
Develop my website
How to create a free website for business?
how can you make a website
build my own website
Best online stores in germany
Help with setting up a website
Step by step guide to building a website
Starting a website
where do you build a website
how to start own website
create website online
Top website builders for online marketing
Create site
Build my own website
Dream online marketing tools
Dream blogging tools
steps to building your own website
site up
How to create a business website?
creating a website for your business
develop own website
create my website
How to set up a simple website for free?
How can I make my website?
Top online stores in germany
Design own website
how to build my own website for business
i own a domain how do i build a website
help with setting up a website
i create website
Setting up a free website for business
Starting a website
Create internet site
Online website maker
Create internet site
build my own website free
how to make a web page
how do i set up a website for my business
Create new website free
how can i make my website
create own website
Set up a website for my business
Website building sites
set up my own website