| Ish K. dESIGNER

Mentor 🤯😊 

Sharing UX UI knowledge | Stakeholders, UX UI Designers & Product Engineers 
Fundamentals | Flexible

Usability Heuristics


Design

UX UI Gestalt Principles



  • Proximity - grouping
  • Continuity - movement
  • Similarity - consistency
  • Closure - gaps 
  • Region - together 

Why Important


  • Prevents cognitive load
  • Improves usability & scanning
  • Strengthens visual hierarchy
  • Enhances structure & organization
Which model to use?

Design Models

Designer

Conceptual Mental Models

User

Conceptual Mental Models

Both

Consider Design Principles
  • Affordances 

  • Signifiers 

  • Feedback

  • Constraints

Fundamentals | Flexible | Data Driven

Pareto Principle UX

80% Users | 20% Features



  • Core functionality
  • Streamline data/analytics
  • Prioritize
  • Critical flows
  • Simplif
  • Forms
  • Optimize
  • High-traffic areas
Fictional | Research Based

UX Personas



Profile
  • Name
  • Job Title
  • Photo 

Demographics
  • Age
  • Location
  • Lifestyle Habits 

Goals
  • What is success to the user?

Motivators
  • Why does the user use the product?

Pain Point
  • Hurdles that are solved by the product?


Behaviours
  • Interactions whilst using the product?

Tech
  • Proficiency
Fundamentals | Flexible

UX Golden Rules

Fundamentals | Flexible

UI Essential Principles





Accessability StandarD UI - RGB | W3C

UX UI Contrast Checker

 
Hues | WCAG 2.2


  • Normal text

  • < 18pt or 14pt bold

  • 4.5:1 ratio minimum


  • AA

  • Large text

  • 18pt/24px or 14pt bold/19px

  • 3:1 ratio minimum


  • AAA 

  • Normal text

  • < 18pt/24px

  • Minimum 7:1 ratio



  • AAA 

  • Large text

  • > 18pt/24px or 14pt bold

  • Minimum 4.5:1 ratio



  • Web Content | Accessibility Guidelines

    Mandatory

    International 

    Standard

    WCAG 2.1 AA | AAA 

    Used by:

    • Tech giants

    • SaaS

    • Digital platforms

    • Financial

    • E-commerce

    • Service providers

    • Public sectors


  •  
    Web Content | Accessibility Guidelines

    Current

    International

    Standard

    WCAG 2.2 AA | AAA

    Used by:

    • Public sectors 


UI | Design Systems


UI Design Systems - GDS

GDS

  • Government digital service

  • Updated service standard - 2019

  • Overview >


UI Design Operating SystemS - HIG

iOS

  • International organization for standardization

  • Used first

  • iOS 18>



UI Design Operating Systems - MATERIAL 3 DESIGN 

Android



Hiring Manager.. | Recruiter..
 / Company

Like To Work Together?


Hire, Ish K. Designer

UXUI Projects