# UX / UI

Concept · [Product](https://ecosystem.samcarlton.com/product)

Also called: UX, UI, user experience, user interface, product design, UX design

UI, the user interface, is what people see and tap on [the screen](https://ecosystem.samcarlton.com/front-end). UX, the user experience, is how the whole thing feels to use: how easily people get done what they came to do.

**For example:** A checkout page can have good-looking buttons (UI) and still make people give up because it asks for too much information (UX).

## Connects to (26)

- [Wireframe](https://ecosystem.samcarlton.com/wireframe): A simple outline drawing of a screen that shows where things go, without colors or finished design.
- [Front end](https://ecosystem.samcarlton.com/front-end): The part of an app or website that people see and tap, running in their browser or on their phone.
- [Prototype](https://ecosystem.samcarlton.com/prototype): An early, rough version of a product made to test an idea or show others what you mean.
- [Dashboard](https://ecosystem.samcarlton.com/dashboard): A screen that shows the important numbers for a product or a business at a glance, usually as charts and totals that update on their own.
- [Figma](https://ecosystem.samcarlton.com/figma): A collaborative design tool.
- [Tulsa UX](https://ecosystem.samcarlton.com/tulsa-ux): A Tulsa user group for user experience designers, listed among Techlahoma's user groups.
- [Progressive disclosure](https://ecosystem.samcarlton.com/progressive-disclosure): Giving an agent only what it needs right now, with pointers to the rest, instead of loading everything at the start.
- [CSS](https://ecosystem.samcarlton.com/css): Cascading Style Sheets.
- [Picture-in-picture](https://ecosystem.samcarlton.com/picture-in-picture): A feature that keeps a video playing in a small floating window while the person uses other apps or pages.
- [Call to action](https://ecosystem.samcarlton.com/call-to-action): The one next step a page, email or ad asks the reader to take, such as 'Book a demo' or 'Start free trial'.
- [Conversion rate optimization](https://ecosystem.samcarlton.com/conversion-rate-optimization): Improving a website or app so a larger share of visitors take the action you want, such as signing up or buying, often by testing changes…
- [User journey](https://ecosystem.samcarlton.com/user-journey): The sequence of steps a person takes to reach a goal with a product, from first contact to done, including what they think and feel along…
- [Design system](https://ecosystem.samcarlton.com/design-system): A shared set of design rules and ready-made interface pieces, such as buttons, colors and type, so every screen looks and works…
- [Atomic Design](https://ecosystem.samcarlton.com/atomic-design): A method for building design systems from small pieces up: basic elements (atoms) combine into components (molecules), sections…
- [Human Interface Guidelines](https://ecosystem.samcarlton.com/human-interface-guidelines): Apple's official design guidance for apps on its platforms.
- [Liquid Glass](https://ecosystem.samcarlton.com/liquid-glass): Apple's design material, introduced in 2025, that looks like see-through glass, reflecting and bending what is behind it.
- [Mobile-first design](https://ecosystem.samcarlton.com/mobile-first-design): Designing for small phone screens first, then expanding the design for larger screens.
- [Breadcrumb navigation](https://ecosystem.samcarlton.com/breadcrumb-navigation): A short trail of links near the top of a page showing where it sits in a site, such as Home \> Shoes \> Running.
- [Haptic feedback](https://ecosystem.samcarlton.com/haptic-feedback): Small vibrations a device makes to confirm an action, such as a tap when a switch flips.
- [Tailwind CSS](https://ecosystem.samcarlton.com/tailwind-css): A styling framework for websites.
- [shadcn/ui](https://ecosystem.samcarlton.com/shadcn-ui): A free set of interface components, such as buttons, dialogs, forms and tables, that become part of an app's own code.
- [Hotjar](https://ecosystem.samcarlton.com/hotjar): A tool that shows how visitors use a website, with heatmaps of where they click and recordings of sessions, plus on-page surveys.
- [Nava](https://ecosystem.samcarlton.com/nava): A technology company and public benefit corporation formed in 2015 to improve government services, programs and agencies through…
- [Nielsen Norman Group](https://ecosystem.samcarlton.com/nielsen-norman-group): A user experience research and consulting firm.
- [UX Connect OKC](https://ecosystem.samcarlton.com/ux-connect-okc): An Oklahoma City user group for user experience (UX) design, listed among Techlahoma's user groups.
- [TechAccess Oklahoma](https://ecosystem.samcarlton.com/techaccess-oklahoma): A digital accessibility conference held in Oklahoma City, organized by the Digital Accessibility Team at Oklahoma ABLE Tech at Oklahoma…

Map view: https://ecosystem.samcarlton.com/ux-ui