Request Info Contact Us

Platt College

  • (866) 752.8826
  • Schedule Your Tour
Request Info Contact Us
  • Contact Us
  • Request Info
  • Schedule a Tour
  • Hire a Student
  • Request a High School Presentation

Programs Begin Feb. 15, 2023!

BROWSE MENUCLOSE MENU
  • The College
    • The College
    • Services
    • Alumni
    • The Team
    • San Diego, CA
  • Academic Programs
    • Degrees
      • Graphic Design | AAS
      • Digital Media Design | AAS
      • 3D Modeling & Design | BS
      • Digital Video Production & FX | BS
      • Web Design & Development | BS
    • Diplomas
      • Digital Video Production & FX | Diploma
    • Single Courses
      • Professional Development
      • Digital Video Production | Bootcamp | Jan. 10, 2023
  • Admissions
    • Admissions
      • Admissions FAQ’s
      • Admissions
      • Transfer Students
      • Military
      • International
      • High School
    • Financial Aid
      • Financial Aid
      • Scholarships
      • V.A. Benefits
      • Tuition & Net Cost Calculator
      • CATALOG
  • Showcase
    • Graphic Design
    • 3D Modeling & Design
    • Digital Video Production
    • Web Design & Development
  • Blog & Events
    • Virtual Open House | Aug. 30th at 3:30pm
    • Events
    • Design Resources
    • Industry
  • Students
    • COVID-19 Updates
    • Calendar
    • Transcript Request Doc
    • Grades & Schedules
    • Library Resources
    • PCSD Job Board
    • Course Evaluation
    • Online Store
  • Contact Us
    • Contact Us
    • Request Info
    • Schedule a Tour
    • Hire a Student
    • Request a High School Presentation

Platt College San Diego

Programs Begin Feb. 15!

  • (866) 752.8826
  • Schedule Your Tour
BROWSE MENUCLOSE MENU
  • The College
    • The College
    • Services
    • Alumni
    • The Team
    • San Diego, CA
  • Academic Programs
    • Degrees
      • Graphic Design | AAS
      • Digital Media Design | AAS
      • 3D Modeling & Design | BS
      • Digital Video Production & FX | BS
      • Web Design & Development | BS
    • Diplomas
      • Digital Video Production & FX | Diploma
    • Single Courses
      • Professional Development
      • Digital Video Production | Bootcamp | Jan. 10, 2023
  • Admissions
    • Admissions
      • Admissions FAQ’s
      • Admissions
      • Transfer Students
      • Military
      • International
      • High School
    • Financial Aid
      • Financial Aid
      • Scholarships
      • V.A. Benefits
      • Tuition & Net Cost Calculator
      • CATALOG
  • Showcase
    • Graphic Design
    • 3D Modeling & Design
    • Digital Video Production
    • Web Design & Development
  • Blog & Events
    • Virtual Open House | Aug. 30th at 3:30pm
    • Events
    • Design Resources
    • Industry
  • Students
    • COVID-19 Updates
    • Calendar
    • Transcript Request Doc
    • Grades & Schedules
    • Library Resources
    • PCSD Job Board
    • Course Evaluation
    • Online Store
  • Contact Us
    • Contact Us
    • Request Info
    • Schedule a Tour
    • Hire a Student
    • Request a High School Presentation

UI Design vs UX Design – What and how?

With the rise of changing technologies, certain terms have been rising in the industry, including UI design and UX design – closely connected ideas, but what do they mean, and why should you even care, and what is the best way to utilize them? Let’s dive into where the boundaries are between each design methodology.

UI Web Design

U or I, or just UI Design?

UI design stands for User Interface design, and in short is designing the interface what the user will be looking at on various devices, with the intention of creating the best user experience. This ‘skin’ will be the visual representation of the product/service/company.

 

UI Design is often confused with graphic design, but UI design takes into account the visual aesthetics of how the site guides the user to goals. The visual assets (images, graphics) created in this designing process should help to improve user experience, and guide the user through the site.

 

Since this is the visual representation of how your user will interact with the site, UI design needs to be researched for best methods, and should also work for each individual user (mobile, tablet, desktop, etc).

UX Design Flow

Okay, got it. What is UX Design, then?

 

UX design stands for user experience design, and is designing with the user experience in mind, rooted in how the user will interact with the page, and what they expect to do.

This methodology often combines anticipating the user’s needs, and is the determined process of how humans will interact with the product with the understanding of what is prone to happen.

As it’s the analytical and technical aspect of the site’s functionality, it usually incorporates a lot of planning, and the steps can include wireframing, prototyping, user testing and user testing result analysis… phew. All of the processes combine to make user interactions easy.

UX Design Mockup

 

Still a little confused?

Visually, UX Design usually takes the ‘where’ of things – Where does this go? Where does it go to? It also solves the ‘how’ questions – How can we get them to notice this? How can I get from point A to point B?

 

Great. Sooo… What should I use?

So when should you use each type of design? In order to create the best site – use both. A visually enticing page should also have mentally enticing experiences, and if one is off par the site will usually suffer as a result. Utilize both UX design and UI design to create the optimal site experience for users. This way you can make a happy experience for all types of people.

 

Want to learn more about web design? Check out Platt College’s Web Design program!

 

Additional Resources:

https://developer.apple.com/design/tips/ – Apple Design do and Don’ts

http://www.usability.gov/what-and-why/user-interface-design.html – Goverment Design Basics

Search Blog

Category

  • Alumni
  • Career Services
  • Design Resources
  • Events
  • General
  • Industry
  • News
  • Students
Platt College San Diego

Platt College San Diego
6250 El Cajon Blvd
San Diego, CA 92115
(619) 265-0107
Fax: (619) 265-8655

Platt College San Diego Awarded the '22-'23 Military Friendly Award
Platt College San Diego is accredited by ACCSC
Platt College San Diego approved for Veteran Benefits Yellow Ribbon Program
Platt College San Diego approved for VA benefits: POST911 & Yellow Ribbon Program
PCSD Better Business Bureau A+ Accredited Business
CATALOG | Consumer Disclosures | Privacy Policy | Terms of Service | Accessibility Feedback | Sitemap
  • 
  • 
  • 
  • 
  • 
  • 
  • 